Fóruns Gráficos
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 Nêmesis, Rossin e Persephone.
Narradores
Personagens Ativos
Últimos assuntos
» Capítulo 9
Hoje à(s) 3:01 pm por Kim Sun-Hee

» [OFF CHAT]
Ontem à(s) 10:39 pm por Starry Night

» Probabilidades
Ontem à(s) 9:40 pm por Jae-ki

» @moonjaesun
Ontem à(s) 12:23 pm por Moon Jae-Eun

» @han.cherry
Ontem à(s) 11:18 am por Han Somin

» Sayonara minato tsumugi no sato yo
Qui Jan 17, 2019 10:19 pm por Nadia DeWitt

» @ohmygyuri
Qui Jan 17, 2019 5:06 pm por Nam Gyuri

» @moonjaesun
Ter Jan 15, 2019 8:23 am por Moon Jae-Eun

» 08 de Outubro - The Day After
Seg Jan 14, 2019 6:59 pm 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 :
1318

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


Última edição por The Crown RPG em Qua Nov 28, 2018 10:49 pm, editado 1 vez(es)
avatar
Dorama
Localização :
Coreia do Sul

Mensagens :
1318

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Modelo do turno

Mensagem por The Crown RPG em Seg Nov 19, 2018 11:39 pm

NOVO MODELO KAKAO


Prestem MUITA atenção nas instruções porque o template do Kakao sofreu um upgrade graças ao trabalho da SOLAR do FG. Agora ele está ultra- personalizável (e parece que ganhará mais coisas ainda quando for disponibilizado no FG, mas o nosso oficial é esse mesmo) e eu vou colar parte por parte do que ela me ensinou na MP. Só parece complexo, mas é bem fácil.

CÓDIGO:


Código:
<link href="https://fonts.googleapis.com/css?family=Ubuntu:700|Open+Sans|Fira+Sans:900" rel="stylesheet"><link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/psd65qfuggr37ui/kakaotalk.css"><center><FENIX!!!><div class="iphone" style="background: linear-gradient(145deg, #5b5b5b, #292929, black); border: 2px solid #aeaeae;"><div class="iphonetop1"></div><div class="iphonetop2"></div><div class="iphonetop3"></div><div class="wallpaper" style="background-image: url(IMAGEM DO WALLPAPER);"><div class="tela"><a href="http://fenixgraphic.forumeiros.com/u10"><div class="send">Send</div></a><div class="digitando">DIGITANDO MENSAGEM|</div><div class="hora">[b]HORÁRIO DO CELULAR[/b]</div><div class="contato">NOME DO CONTATO</div>AS DIVS DAS MENSAGENS ENTRAM AQUI</div></div><div class="botao" style="background: linear-gradient(130deg, black, #393939);"></div></div></center>

CÓDIGO(CONVERSA MONTADA):

Código:
<link href="https://fonts.googleapis.com/css?family=Ubuntu:700|Open+Sans|Fira+Sans:900" rel="stylesheet"><link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/psd65qfuggr37ui/kakaotalk.css"><center><FENIX!!!><div class="iphone" style="background: linear-gradient(145deg, #5b5b5b, #292929, black); border: 2px solid #aeaeae;"><div class="iphonetop1"></div><div class="iphonetop2"></div><div class="iphonetop3"></div><div class="wallpaper" style="background-image: url(https://i.pinimg.com/564x/1d/90/6a/1d906a866fc9ab5dce819c15179fdeff.jpg);"><div class="tela"><a href="http://fenixgraphic.forumeiros.com/u10"><div class="send">Send</div></a><div class="digitando">i love y... stop being stupid yongsun|</div><div class="hora">[b]11:11pm[/b]</div><div class="contato">byulyi</div><div class="icon" style="background-image: url(https://i.pinimg.com/564x/42/3a/4b/423a4b9987735329d8e44c73874e7fd8.jpg); background-size: cover;"><div class="user">byulyi</div></div><div class="recebido">unnie, wht u doing?</div><div class="recebido2">i was wondering if you could come to my place </div><div class="recebido2">so we can eat our tiredness away and talk until it's time to go to work</div><div class="recebido2">and no, its not weird, cant friends eat together in bed at midgnight with a high sexual tension in the air? smh</div><div class="enviado">i'm resting for tomorrow</div><div class="enviado2">no they can't, but yes i'll go just because i'm hungry and praise the lord you cook really well</div><div class="icon" style="background-image: url(https://i.pinimg.com/564x/42/3a/4b/423a4b9987735329d8e44c73874e7fd8.jpg); background-size: cover;"><div class="user">byulyi</div></div><div class="recebido">what about the sexual tension?</div><div class="enviado">i'm on my way to kick ur skinny ass right now... and i mean it, i'll just get the keys and go</div></div></div><div class="botao" style="background: linear-gradient(130deg, black, #393939);"></div></div></center>

EXEMPLO DA CONVERSA MONTADA:

Send
i love y... stop being stupid yongsun|
11:11pm
byulyi
byulyi
unnie, wht u doing?
i was wondering if you could come to my place
so we can eat our tiredness away and talk until it's time to go to work
and no, its not weird, cant friends eat together in bed at midgnight with a high sexual tension in the air? smh
i'm resting for tomorrow
no they can't, but yes i'll go just because i'm hungry and praise the lord you cook really well
byulyi
what about the sexual tension?
i'm on my way to kick ur skinny ass right now... and i mean it, i'll just get the keys and go



LEGENDAS:



Código:
<div class="icon" style="background-image: url(IMAGEM DO ICON); background-size: cover;"><div class="user">NOME DO CONTATO</div></div><div class="recebido">MENSAGEM</div>



Código:
<div class="recebido2">MENSAGEM</div>



Código:
<div class="enviado">MENSAGEM</div>



Código:
<div class="enviado2">MENSAGEM</div>



Código:
<div class="digitando">MENSAGEM |</div>

❥ Obs.: todo bom usuário de Kakao sabe que a "primeira" mensagem recebida ou enviada (de uma sequência), vem acompanhada daquele "rabinho" (balãozinho de fala), enquanto as seguintes não têm esse rabinho (como pode ser visto nas imagens). Se você não seguir essa ordem de primeira mensagem com rabinho e o resto das mensagens em sequência sem rabinho, o template provavelmente vai bugar.

❥ Cores:
cor do celular (é um gradiente de três cores, mas também pode ser de duas, e se quiser uma só, é só repeti-la duas vezes): background: linear-gradient(145deg, #5b5b5b, #292929, black);
cor do botão do celular (é um gradiente de duas cores, mas se quiser uma só, é só repeti-la duas vezes): background: linear-gradient(130deg, black, #393939);
cor da capinha do celular: border: 2px solid #aeaeae
(C) Ross
avatar
Dorama
Localização :
Coreia do Sul

Mensagens :
1318

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Modelo do turno

Mensagem por The Crown RPG em Qua Nov 28, 2018 10:45 pm

DIÁRIOS



Mesmo que vocês não estejam usando mais os diários como antigamente, aqui está o template para post de diários. Tenho dois modelos: um que eu encomendei com Ross, mas acaba sendo ligeiramente mais trabalhoso porque a imagem do diário precisa ter exatamente o tamanho do template (não é automático); e o que a Rose fez há algum tempo e eu já estava de olho, mas só agora fui lá pegar. Ele é mais fácil de usar porque a imagem ajusta automaticamente.

Na primeira mensagem que abre vossos diários têm um exemplo de como fica, com o template da Rose, mas, caso vocês queiram editar o que está lá ou escrever daqui pra frente, podem personalizar como quiserem.

Lembrando que o diário serve para reflexões até a presente data (principalmente para os saltos temporais que damos). Enfim, o jogo está na metade, sei que muitos estão de saco cheio xD mas promessa é dívida e está aí =)

Sobre os Diários fui informado que eu poderia usar praticamente do jeito que bem quisesse, me esqueci desse fato por isto comentei outro dia

Vou tentar fazer anotações lá de vez em quando, seria legal se tivesse um template bacana pra isso


Não me esqueci =D

Rose:


Código:
<center><link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/y72ia417l32nhs6/mydear.css"><div class="mydear" style="background-color: #222;"><div class="mydear1" style="background-image: url(IMAGEM AQUI);"></div><div class="mydear2" style="color: #eee;"></div><div class="mydear3" style="color: #eee;">TITULO</div><div class="mydearb" style="background-color: #222; color: #eee;"><div class="mydear4" style="color: #eee;">A FRASESIN AQUI</div><div class="mdscroll"><div class="mydear5" style="color: #eee;">SEU POST AQUI</div></div><br></div></div></center><style>.mdscroll ::-webkit-scrollbar {background-color: transparent; width: 5px;} .mdscroll ::-webkit-scrollbar-corner {background-color: transparent;} .mdscroll ::-webkit-scrollbar-thumb {background-color: #eee;} .mdscroll ::-webkit-scrollbar-track {background-color: transparent;}</style>

Ross:


Código:
<center> <div class="rdihost" style="height: 755px;"> <table style="border-spacing: 0;"><tr><td> <div class="rdicover" style="height: 755px;"> <div class="rdiborder"> <div class="rdititle">Diário</div> </div> </div> </td><td> <div class="rditxt" style="height: 755px;">MENSAGEM</div> </tr></table> </div> <a href="http://fenixgraphic.com.br/u22" style="font: 7px/25px Trajan Pro;">「R」</a> <style>.rdihost { width: 550px; overflow: hidden; border: 1px solid #000; } .rdicover { width: 550px; background: url(IMAGEM DO DIÁRIO) center/cover; display: inline-block; position: relative; left: 0; transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out; ms-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; } .rdiborder { width: 400px; height: 249px; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); } .rdititle { font: italic 70px/240px Times; text-transform: lowercase; letter-spacing: -3px; color: #d5ae64; text-shadow: 0 0 3px #1e1e1e; text-align: center; } .rdihost:hover .rdicover { margin-left: -570px; transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -webkit-transition: all .9s ease-in-out; ms-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; } .rditxt { width: 550px; display: inline-block; overflow: auto; background: url(https://bit.ly/2KgGj2p); padding: 55px; box-sizing: border-box; font: 11.5px/15px Tahoma; color: #000; letter-spacing: .5px; text-align: justify; } .rditxt::-webkit-scrollbar-thumb { background-color: #d5ae64; } .rditxt::-webkit-scrollbar-track { background-color: #f0f0f0; } .rditxt::-webkit-scrollbar { background-color: #f0f0f0; height: 8px; width: 10px; }</style></center>

(C) Ross

avatar
Dorama
Localização :
Coreia do Sul

Mensagens :
1318

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