Fóruns Gráficos
3
Créditos
» Skin obtida de The Captain Knows Best criado por Neeve, códigos acrescentados por Weird e baseado no tema The Walking Dead Theme criado por Hardrock. Graças aos suportes e tutoriais de Hardrock, Glintz e Asistencia Foractivo.
» Versão Elysium adaptada por Hurricane, Rossin e Persephone.
Narradores
6
Personagens Ativos
40 Personagens Ativos
Últimos assuntos
» Capítulo 8
Ontem à(s) 11:17 pm por Kim Sun-Hee

» Episódio 1
Ontem à(s) 9:17 pm por Kasumi Sanada

» Sons of Neptune
Ontem à(s) 8:05 pm por Starry Night

» [DADOS] Onde estrelas nascem ou morrem
Ontem à(s) 6:12 pm por Starry Night

» Golden Boys
Ontem à(s) 1:47 pm por Starry Night

» @ohmygyuri
Ontem à(s) 10:54 am por Nam Gyuri

» @ommagyuri
Ontem à(s) 10:42 am por Nam Gyuri

» @moonjaesun
Ontem à(s) 8:52 am por Moon Jae-Eun

» @moonjaesun
Ontem à(s) 8:42 am por Moon Jae-Eun


Modelo do turno

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Modelo do turno

Mensagem por The Crown RPG em Ter Abr 03, 2018 10:51 pm

CÓDIGO DOS TURNOS


Código:
center><div style="width: 600px; background: #D3D3D3; padding: 25px;"><div style="width: 450px; height: 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 100px;"><div style="width: 150px; height: 150px; border: 15px solid #D3D3D3; border-radius: 100%; margin: 0 auto; background-image: url(IMAGEM AQUI); background-size: cover; position: relative; top: -70px;"></div></div><div style="width: 500px; padding-top: 70px; text-align: justify; font-family: Malgun Gothic; font-size: 14px; color: #000; line-height: 190%;">TEXTO AQUI</div><div style="width: 450px; box-sizing: border-box; margin-top: 30px; margin-bottom: -10px; padding-bottom: 3px; padding-right: 15px; text-align: right; border-bottom: 1px solid #000; font: italic bold 12px/130% Consolas; text-transform: uppercase; color: #000;">NOTAS AQUI</div><br><a href="http://fenixgraphic.com.br/u22" style="font: italic bold 8px/130% Consolas; text-transform: uppercase; color: #000; text-align: center;">— Ross</a></div></center>

> Vocês podem usar imagem ou gif. Não precisa redimensionar, o template faz sozinho
> Recomendo que seja uma imagem mais quadradinha do que retangular (pode sair da área redonda)
> Usem cores mais escuras (aqui ou outro site que tenham. O que a Ursa me passou, sumiu =( )
> Podem alterar o cinza do fundo, se ficar ruim de ler. Procurem pelo código # D3D3D3 e substituam pela cor que preferirem
(C) Ross


Última edição por The Crown RPG em Dom Abr 08, 2018 12:31 pm, editado 5 vez(es)
avatar
Dorama
Localização :
Coreia do Sul

Mensagens :
1244

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Modelo do turno

Mensagem por The Crown RPG em Qua Abr 04, 2018 12:22 am

KAKAOTALk


MODELO GERAL:

Código:
<center><div style="background-image:url(http://i.imgur.com/GvPFpFR.png); width: 255px; height: 485px;"><div style="background-color: transparent; position: relative;top: 95px; font-family: arial; font-size: 16px; color: black; letter-spacing: -1px;">[b]Nome[/b]</div><div style="background-color: transparent; width: 220px; height: 245px; overflow: auto; position: relative; top: 100px; right: 1px;"><br><table cellsacing="10"><td><div style="background-image:url(imagem 50x50); width: 50px; height: 50px; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">Nome</div><div style="background-color: #fff; width: 130px; padding: 7px; padding-top: 0px; text-align: left; font-family: arial; font-size: 8px; color: black; box-shadow: 0px 1px 0px #b8b8b8; border-radius: 10px;"><div style="background-color: #fff; width: 8px; height: 4px; border-radius: 3px; position:relative;right:10px; top: 5px; transform: rotate(15deg);"></div>Frase de efeito</div></td></table><table cellsacing="10"><td><center></div><div style="width:150px;background-color:#fff;padding: 6px 8px 33px 8px;text-align:justify;font:10px calibri;color:#000;text-transform:uppercase;"><br><div style="font:15px orator std;color:#000;text-transform: uppercase;text-align:center;">CONTATOS :<br></div><br>
</div></div><br></div></div></td></table></div></div><center>

TEXTO DUPLO

Código:
<center><div style="background-image:url(http://i.imgur.com/GvPFpFR.png); width: 255px; height: 485px;"><div style="background-color: transparent; position: relative;top: 95px; font-family: arial; font-size: 16px; color: black; letter-spacing: -1px;">[b]NOME[/b]</div><div style="background-color: transparent; width: 220px; height: 245px; overflow: auto; position: relative; top: 100px; right: 1px;"><br><table cellsacing="10"><td><div style="background-image:url(IMAGEM DE PERFIL 50X50); width: 50px; height: 50px; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">NOME</div><div style="background-color: #fff; width: 130px; padding: 7px; padding-top: 0px; text-align: left; font-family: arial; font-size: 8px; color: black; box-shadow: 0px 1px 0px #b8b8b8; border-radius: 10px;"><div style="background-color: #fff; width: 8px; height: 4px; border-radius: 3px; position:relative;right:10px; top: 5px; transform: rotate(15deg);"></div>Frase da mensagem</div></td></table><table cellsacing="10"><td><div style="background-image:url(IMAGEM DE PERFIL 50X50); width: 50px; height: 50px; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">NOME</div><div style="background-color: #fff; width: 130px; padding: 7px; padding-top: 0px; text-align: left; font-family: arial; font-size: 8px; color: black; box-shadow: 0px 1px 0px #b8b8b8; border-radius: 10px;"><div style="background-color: #fff; width: 8px; height: 4px; border-radius: 3px; position:relative;right:10px; top: 5px; transform: rotate(15deg);"></div>Frase da mensagem</div></td></table></div></div></center>

TEXTO E IMAGEM

Código:
<center><div style="background-image:url(http://i.imgur.com/GvPFpFR.png); width: 255px; height: 485px;"><div style="background-color: transparent; position: relative;top: 95px; font-family: arial; font-size: 16px; color: black; letter-spacing: -1px;">[b]NOME[/b]</div><div style="background-color: transparent; width: 220px; height: 245px; overflow: auto; position: relative; top: 100px; right: 1px;"><br><table cellsacing="10"><td><div style="background-image:url(IMAGEM DE PERFIL 50X50); width: 50px; height: 50px; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">NOME</div><div style="background-color: #fff; width: 130px; padding: 7px; padding-top: 0px; text-align: left; font-family: arial; font-size: 8px; color: black; box-shadow: 0px 1px 0px #b8b8b8; border-radius: 10px;"><div style="background-color: #fff; width: 8px; height: 4px; border-radius: 3px; position:relative;right:10px; top: 5px; transform: rotate(15deg);"></div>Mensagem vem aqui.</div></td></table><br><table cellsacing="10"><td><div style="background-image:url(IMAGEM DE PERFIL 50X50); width: 50px; height: 50px; background-size: 100%; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">NOME</div><img src="IMAGEM DA MENSAGEM AQUI" style="width: 130px; border-radius: 5px;"></td></table></div></div><center>


MAIS TEXTO

Código:
<table cellsacing="10"><td><div style="background-image:url(FOTO DO PERFIL); width: 50px; height: 50px; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">Nome</div><div style="background-color: #fff; width: 130px; padding: 7px; padding-top: 0px; text-align: left; font-family: arial; font-size: 8px; color: black; box-shadow: 0px 1px 0px #b8b8b8; border-radius: 10px;"><div style="background-color: #fff; width: 8px; height: 4px; border-radius: 3px; position:relative;right:10px; top: 5px; transform: rotate(15deg);"></div>Triste</div></td></table>

Vocês tem que editar manualmente a imagem pra ficar 50x50, ok?
(C) Ross
avatar
Dorama
Localização :
Coreia do Sul

Mensagens :
1244

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Modelo do turno

Mensagem por The Crown RPG em Sab Jul 07, 2018 10:48 pm

TEMPLATES PERSONALIZADOS


Como da última vez que tranquei o capítulo, rolou uma certa dificuldade, vou postar aqui os códigos e as cores que vocês usam, okie?

As imagens que coloquei no exemplo de visualização não são as mesmas que estão nos códigos. Eu mantive as primeiras imagens/gifs que vocês usaram na primeira pagina do capitulo 5. Lembrando que isso vocês podem mudar conforme o humor/momento dos chars =p (mas se quiser manter um só, tudo bem tbm e-e).

Dong Hee Kyung
Código:
<center><div style="width: 600px; background: #D3D3D3; padding: 25px;"><div style="width: 450px; height: 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 100px;"><div style="width: 150px; height: 150px; border: 15px solid #D3D3D3; border-radius: 100%; margin: 0 auto; background-image: url(https://i.imgur.com/eYQcbfV.gif); background-size: cover; position: relative; top: -70px;"></div></div><div style="width: 500px; padding-top: 70px; text-align: justify; font-family: Malgun Gothic; font-size: 14px; color: #000; line-height: 190%;">TEXTO AQUI </div><div style="width: 450px; box-sizing: border-box; margin-top: 30px; margin-bottom: -10px; padding-bottom: 3px; padding-right: 15px; text-align: right; border-bottom: 1px solid #000; font: italic bold 12px/130% Consolas; text-transform: uppercase; color: #000;">DATA/LOCAL/HUMOR/VESTINDO</div><br><a href="http://fenixgraphic.com.br/u22" style="font: italic bold 8px/130% Consolas; text-transform: uppercase; color: #000; text-align: center;">— Ross</a></div></center>

Hwang Won Bin
Código:
<center><div style="width: 600px; background: #D3D3D3; padding: 25px;"><div style="width: 450px; height: 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 100px;"><div style="width: 150px; height: 150px; border: 15px solid #D3D3D3; border-radius: 100%; margin: 0 auto; background-image: url(https://i.imgur.com/dZ3Htkw.gif); background-size: cover; position: relative; top: -70px;"></div></div><div style="width: 500px; padding-top: 70px; text-align: justify; font-family: Malgun Gothic; font-size: 14px; color: #000; line-height: 190%;">TEXTO AQUI </div><div style="width: 450px; box-sizing: border-box; margin-top: 30px; margin-bottom: -10px; padding-bottom: 3px; padding-right: 15px; text-align: right; border-bottom: 1px solid #000; font: italic bold 12px/130% Consolas; text-transform: uppercase; color: #000;">DATA/LOCAL/HUMOR/VESTINDO</div><br><a href="http://fenixgraphic.com.br/u22" style="font: italic bold 8px/130% Consolas; text-transform: uppercase; color: #000; text-align: center;">— Ross</a></div></center>

Kim Sun Hee
Código:
<center><div style="width: 600px; background: #D3D3D3; padding: 25px;"><div style="width: 450px; height: 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 100px;"><div style="width: 150px; height: 150px; border: 15px solid #D3D3D3; border-radius: 100%; margin: 0 auto; background-image: url(http://file.instiz.net/data/cached_img/upload/7/4/6/746101a1cfdab603bbcd9b695465c6d6.gif); background-size: cover; position: relative; top: -70px;"></div></div><div style="width: 500px; padding-top: 70px; text-align: justify; font-family: Malgun Gothic; font-size: 14px; color: #000; line-height: 190%;"> TEXTO AQUI </div><div style="width: 450px; box-sizing: border-box; margin-top: 30px; margin-bottom: -10px; padding-bottom: 3px; padding-right: 15px; text-align: right; border-bottom: 1px solid #000; font: italic bold 12px/130% Consolas; text-transform: uppercase; color: #000;">DATA/LOCAL/HUMOR/VESTINDO</div><br><a href="http://fenixgraphic.com.br/u22" style="font: italic bold 8px/130% Consolas; text-transform: uppercase; color: #000; text-align: center;">— Ross</a></div></center>

Park Hyun Hee
Código:
<center><div style="width: 600px; background: #CFCFCF; padding: 25px;"><div style="width: 450px; height: 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 100px;"><div style="width: 150px; height: 150px; border: 15px solid #8B0000; border-radius: 100%; margin: 0 auto; background-image: url(https://i.pinimg.com/originals/ae/40/73/ae40735a3868b400a165771799d2639d.jpg); background-size: cover; position: relative; top: -70px;"></div></div><div style="width: 500px; padding-top: 70px; text-align: justify; font-family: Malgun Gothic; font-size: 14px; color: #000; line-height: 190%;">TEXTO AQUI </div><div style="width: 450px; box-sizing: border-box; margin-top: 30px; margin-bottom: -10px; padding-bottom: 3px; padding-right: 15px; text-align: right; border-bottom: 1px solid #000; font: italic bold 12px/130% Consolas; text-transform: uppercase; color: #000;">DATA/LOCAL/HUMOR/VESTINDO</div><br><a href="http://fenixgraphic.com.br/u22" style="font: italic bold 8px/130% Consolas; text-transform: uppercase; color: #000; text-align: center;">— Ross</a></div></center>

Seo Hyemin
Código:
<center><div style="width: 600px; background: #FFF5EE; padding: 25px;"><div style="width: 450px; height: 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 100px;"><div style="width: 150px; height: 150px; border: 15px solid #FF3E96; border-radius: 100%; margin: 0 auto; background-image: url(https://78.media.tumblr.com/2be9e040757c8cf074cf54dc24b88e02/tumblr_ndejqzl4Q31tgilqto1_500.png); background-size: cover; position: relative; top: -70px;"></div></div><div style="width: 500px; padding-top: 70px; text-align: justify; font-family: Malgun Gothic; font-size: 14px; color: #000; line-height: 190%;">
TEXTO AQUI </div><div style="width: 450px; box-sizing: border-box; margin-top: 30px; margin-bottom: -10px; padding-bottom: 3px; padding-right: 15px; text-align: right; border-bottom: 1px solid #000; font: italic bold 12px/130% Consolas; text-transform: uppercase; color: #000;">DATA/LOCAL/HUMOR/VESTINDO</div><br><a href="http://fenixgraphic.com.br/u22" style="font: italic bold 8px/130% Consolas; text-transform: uppercase; color: #000; text-align: center;">— Ross</a></div></center>

Song Jae Ki
Código:
<center><div style="width: 600px; background: #9E9D9D; padding: 25px;"><div style="width: 450px; height: 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 100px;"><div style="width: 150px; height: 150px; border: 15px solid #9E9D9D; border-radius: 100%; margin: 0 auto; background-image: url(https://i.pinimg.com/564x/9c/68/a1/9c68a16357dcf9c554c5841cbd6356ce.jpg); background-size: cover; position: relative; top: -70px;"></div></div><div style="width: 500px; padding-top: 70px; text-align: justify; font-family: Malgun Gothic; font-size: 14px; color: #000; line-height: 190%;">TEXTO AQUI </div><div style="width: 450px; box-sizing: border-box; margin-top: 30px; margin-bottom: -10px; padding-bottom: 3px; padding-right: 15px; text-align: right; border-bottom: 1px solid #000; font: italic bold 12px/130% Consolas; text-transform: uppercase; color: #000;">DATA/LOCAL/HUMOR/VESTINDO</div><br><a href="http://fenixgraphic.com.br/u22" style="font: italic bold 8px/130% Consolas; text-transform: uppercase; color: #000; text-align: center;">— Ross</a></div></center>

Yeun Misoo
Código:
<center><div style="width: 600px; background: #ADD8E6; padding: 25px;"><div style="width: 450px; height: 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 100px;"><div style="width: 150px; height: 150px; border: 15px solid #1E90FF; border-radius: 100%; margin: 0 auto; background-image: url(http://mirror.dreamersradio.com/img_artikel/99Wendy-red-velvet-peek-a-boo.jpg); background-size: cover; position: relative; top: -70px;"></div></div><div style="width: 500px; padding-top: 70px; text-align: justify; font-family: Malgun Gothic; font-size: 14px; color: #000; line-height: 190%;">TEXTO AQUI </div><div style="width: 450px; box-sizing: border-box; margin-top: 30px; margin-bottom: -10px; padding-bottom: 3px; padding-right: 15px; text-align: right; border-bottom: 1px solid #000; font: italic bold 12px/130% Consolas; text-transform: uppercase; color: #000;">DATA/LOCAL/HUMOR/VESTINDO</div><br><a href="http://fenixgraphic.com.br/u22" style="font: italic bold 8px/130% Consolas; text-transform: uppercase; color: #000; text-align: center;">— Ross</a></div></center>

(C) Ross


VISUALIZAÇÃO DO TEMPLATE

COR: #CD5555
DATA/LOCAL/HUMOR/VESTINDO

— Ross


VISUALIZAÇÃO DO TEMPLATE

COR: #009933
DATA/LOCAL/HUMOR/VESTINDO

— Ross


VISUALIZAÇÃO DO TEMPLATE

COR:#D466AF
DATA/LOCAL/HUMOR/VESTINDO

— Ross


VISUALIZAÇÃO DO TEMPLATE

COR: FireBrick
DATA/LOCAL/HUMOR/VESTINDO

— Ross



VISUALIZAÇÃO DO TEMPLATE

COR: PaleVioletRed
DATA/LOCAL/HUMOR/VESTINDO

— Ross


VISUALIZAÇÃO DO TEMPLATE

COR: #ffffff
DATA/LOCAL/HUMOR/VESTINDO

— Ross


VISUALIZAÇÃO DO TEMPLATE

COR: RoyalBlue
DATA/LOCAL/HUMOR/VESTINDO

— Ross
avatar
Dorama
Localização :
Coreia do Sul

Mensagens :
1244

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Modelo do turno

Mensagem por Conteúdo patrocinado

Conteúdo patrocinado

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum