Templates

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

Templates

Mensagem por Neoshadow em Sex Dez 25, 2015 2:18 am

Eu consegui fazer dois templates num intervalo de quatro dias, e acho que to começando a entender como funciona essas ondas. <3 Apesar de serem os meus primeiros, eu o achei muito bonitos. Vou colocar aqui pra você verem como ficou:

Spoiler:

Código:
[dohtml]

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<style>

.brainriottab {height:240px; width: 460px; opacity: 0.0; transition-duration: 2s; -o-transition-duration: 2s; -moz-transition-duration: 2s; -webkit-transition-duration: 2s; font-family: 'Open Sans Condensed', sans-serif; color: #999;  font-size: 30px; text-align: center; padding: 10px; overflow: auto; }
.brainriottab:hover {opacity: 1;}
.brainriottab::-webkit-scrollbar {width: 5px; background: #000;}
.brainriottab::-webkit-scrollbar-thumb {background: #2D2D2D;}
.brainriottab::-webkit-scrollbar-corner {background: #000;}
.brainriot { padding: 25px; text-align: justify; font-family: roboto; font-size:11px; color: #111; line-height:20px; letter-spacing:0.5px; width: 400px; margin-top: -0px; background-color: #FFF; border-top: 6px solid #6F84C3; border-bottom: 6px solid #6F84C3; }
.brainriot b { color: #3A437D; }


</style>
<center>


<div style="width: 450px; outline: 1px solid #C4C7DF; outline-offset: 3px;"><div style="background-image:url(http://i.imgur.com/tmW9xqD.gif); height: 200px; width: 450px;"><div class="brainriottab"><center><div style="margin-top: 50px; background-color: #FFF; opacity: 1; width: 300px; padding: 10px; margin-left: -25px; color: #000; font-family: roboto; font-size: 7px; text-align: justify; line-height: 150%; text-transform: uppercase; letter-spacing:1px; border: 2px solid #f6f6f6;">


<b>Notes:</b> NOTAS AQUI


</div></center></div></div><div class="brainriot">

Go on and tear me apart<br>
<b>I don't care if you do</b><br>
'Cause in a sky, 'cause in a sky full of stars<br>
I think I saw you


</div></div></center>[/dohtml]

Código:
[dohtml]<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic|Playfair+Display:400italic|Playfair+Display+SC:400,700' rel='stylesheet' type='text/css'>
<style>
.camus { background: 0px -50px url(http://i.imgur.com/MkVbS8o.png); height:260px; width:490px; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}
.camus:hover { background: bottom url(http://i.imgur.com/MkVbS8o.png); height:260px; width:490px; opacity:1; }
.muse { padding: 35 30px;background-color: white; width:390px; margin-top:-55px;font-family:roboto; font-size:11px; text-align:justify; border-bottom: 1px solid C62E2E; outline:1px solid white; outline-offset:5px; line-height:180%; letter-spacing:0.5px;}
.muse b { color:F01515; }
.camus h1 { margin-bottom:30px; color: #fff; text-transform: uppercase; text-align:center;l font-size:30px; position:relative; top:165px; margin-right:10px; opacity:1; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; text-shadow: 2px 2px rgba(0,0,0,0.5); text-align:center; font-family:playfair display sc; font-size:15px; font-size:32px;  }
.camus h2 { opacity:0; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; color: white; width:200px; position:relative; right:-140px; top:50px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); font: 10px calibri; text-transform:uppercase; letter-spacing:4px; font-weight:700; }
.camus h3 {opacity:1; margin-bottom:-30px; color: #fff; text-transform: lowercase; font-style:italic; text-align:center; font-size:12px; position:relative; top:150px; margin-right:10px; opacity:1; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; ; text-align:center; font-family:playfair display; }
.camus h4 {opacity:0; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; color: white; width:200px; position:relative; left:-140px;  top:-70px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); font: 10px calibri; text-transform:uppercase; letter-spacing:4px; font-weight:700;}
.camus:hover h1 {opacity: 0; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}
.camus:hover h2 {opacity: 1; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}
.camus:hover h3 {opacity: 0; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}
.camus:hover h4 {opacity: 1; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s;}</style>

<center><div class="camus"><h3>Too much time spent trying to crawl into a hole,
</h3><h1>and I'm spent</h1>
<h2>A LESSON IN HOW FLEETING PRESERVATION IS</h2>
<h4>x<br>words</h4>
</div><div class="muse">Too much time spent trying to crawl into a hole trying to crawl out of that hole. I followed a path of a piece of a bread, traveling from one little sparrow's beak to another little sparrow's beak. He picked it up, threw it and then dropped it, then this other one picked it up and threw it and again. Then they broke it into pieces, ate it up and forgot that it ever existed. <b>They were still hungry</b>, I bet. They were still hungry at the end. I was inside my office at the time and I got real scared, thought I saw two snakes slithering. Then I remembered: snakes don't live in carpeted areas<p>

<b>Too much time spent<br>
And I'm spent</b><p>

There is an old meatball wrapped inside of tinfoil. Yeah, yeah, yeah. Lying on the bottom shelf of our fridge<br>
A lesson in how fleeting preservation is.</div></center>[/dohtml]

Copiem cada code e joguem aqui pra ver a mágica acontecer!

_________________





avatar
Neoshadow
Furious Witch
Furious Witch

Turandor Masculino
Título de Nobreza : Duque de Turandor
Mensagens : 8430
Ka$h : 138742
Likes : 178
Data de inscrição : 05/07/2012
Idade : 23
Localização : Ἅιδης


Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por Ma em Sex Dez 25, 2015 9:46 am

Ficaram bem legais. É pro tumblr?

Eu fazia coisas legais, mas fiquei com preguiça de continuar e já esqueci os códigos uhahudshud
avatar
Ma
Tormented Soul
Tormented Soul

Prontera Feminino
Clã : Bad Reputation
Mensagens : 26375
Ka$h : 146957
Likes : 208
Data de inscrição : 07/02/2011
Idade : 23
Localização : Gallifrey


http://sepaginando.tumblr.com

Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por Neoshadow em Sex Dez 25, 2015 11:24 am

É thread pra responder no rpg haha a gente usa o jcink e todo mundo tem que postar com um template desses :c Tava sem até hoje, aí decidi começar a aprender quando entrei de férias.

Se você voltar, rapidinho pega! Não é muito difícil.

_________________





avatar
Neoshadow
Furious Witch
Furious Witch

Turandor Masculino
Título de Nobreza : Duque de Turandor
Mensagens : 8430
Ka$h : 138742
Likes : 178
Data de inscrição : 05/07/2012
Idade : 23
Localização : Ἅιδης


Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por TiNoSa em Sab Dez 26, 2015 10:35 am

Isso é tão não-Neoshadow, UHASUHAHU, nunca imaginei você mexendo com códigos de HTML, que inesperado xD
Eu sabia uma coisa ou outra, mas hoje em dia nem lembro mais dos códigos =(

Ficaram bem legais! Pensei que fossem pra Tumblr também.

_________________


Spoiler:






Clique e evolua essa relação, Tinoca. By: Hikaru
avatar
TiNoSa
Perverse Romanticism
Perverse Romanticism

Prontera Feminino
Clã : Nurture
Mensagens : 19817
Ka$h : 90799
Likes : 475
Data de inscrição : 13/11/2011
Idade : 25
Localização : Treasure Town


http://tinosa.deviantart.com/ https://myanimelist.net/profile/TiNoSa

Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por Sforza em Ter Dez 29, 2015 8:34 am

Que eveja, queria manjar dessas coisas i_i ficou muito da hora!

_________________

Time waits for no one...


"A vida é como um rolo de papel higiênico: ou você está no rolo, ou está na merda"

Permitam aos meus filhotes crescer.:


Essa Sakura é especial Sfor
tem quatro stages
a maioria só tem três.
Divirta-se com ela.
By: Hikaru
avatar
Sforza
Schizophrenic Phantom
Schizophrenic Phantom

Prontera Feminino
Clã : Mugiwaras
Título de Nobreza : Condessa de Prontera
Mensagens : 13574
Ka$h : 43017
Likes : 84
Data de inscrição : 06/12/2011
Idade : 28
Localização : No lustre do castelo


https://myanimelist.net/profile/Sfor

Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por Ma em Qua Dez 30, 2015 8:00 am

E olha que fiz curso de Web Design po 1 ano e meio e já esqueci huasuduhsd

Ah, não sabia que era pra isso. Pq tá em estilo tumblr.
avatar
Ma
Tormented Soul
Tormented Soul

Prontera Feminino
Clã : Bad Reputation
Mensagens : 26375
Ka$h : 146957
Likes : 208
Data de inscrição : 07/02/2011
Idade : 23
Localização : Gallifrey


http://sepaginando.tumblr.com

Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por Neoshadow em Qua Dez 30, 2015 2:47 pm

TiNoSa escreveu:Isso é tão não-Neoshadow, UHASUHAHU, nunca imaginei você mexendo com códigos de HTML, que inesperado xD
Eu sabia uma coisa ou outra, mas hoje em dia nem lembro mais dos códigos =(

Ficaram bem legais! Pensei que fossem pra Tumblr também.

Eu sei que sou a cara das Humanas, mas também Faço CodesTM haha Aprendi HTML já faz um tempo (eu tava na??? Sexta série???), mas nunca coloquei em prática. Acho que foi por isso que não achei muito difícil pegar tudo em tão pouco tempo

Sforza escreveu:Que eveja, queria manjar dessas coisas i_i ficou muito da hora!

Obrigado <33
Você pode aprender, também!
Tem o WW3 School, que é muito bom, e o Code Academy. Eles são bem legais e bem didáticos, aprendi a maior parte do que sei por lá.

Ma escreveu:E olha que fiz curso de Web Design po 1 ano e meio e já esqueci huasuduhsd

Ah, não sabia que era pra isso. Pq tá em estilo tumblr.

Nossa, como esquecer isso? o:
Mas o importante é que você tem a base. Se você quiser fazer, é só pegar os códigos porque é bem fácinho.

Eu podia tentar fazer uma skin pro tumblr, mas: preguiça haha

_________________





avatar
Neoshadow
Furious Witch
Furious Witch

Turandor Masculino
Título de Nobreza : Duque de Turandor
Mensagens : 8430
Ka$h : 138742
Likes : 178
Data de inscrição : 05/07/2012
Idade : 23
Localização : Ἅιδης


Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por Kaoru em Qua Dez 30, 2015 5:41 pm

Me lembrou aqueles perfis do orkut nos tempos do fake kkkkkk eu nunca soube fazer, então nunca tive um desses perfis elaborados. Sempre achei muito foda *u*
Vocês falam que é fácil, mas eu ralaria muito pra aprender, enfim, ficaram incríveis Neo *u* ♥♥♥ 
#Adorei

_________________
Kyaaahn  cry1

avatar
Kaoru
Obsessive Prince
Obsessive Prince

Valentine Masculino
Clã : We are Infinite
Título de Nobreza : Duque de Valentine
Mensagens : 6312
Ka$h : 43978
Likes : 58
Data de inscrição : 25/07/2013
Idade : 20
Localização : Mundo Yaoi


http://yaoiproject1.blogspot.com.br/

Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por Ma em Qua Dez 30, 2015 7:25 pm

Html se aprende fuçando Kaoru. Nunca vai aprender lendo. Código não se aprende por teoria uhahudshudshu

Eu lembro o basicão, mas se caçar o código eu sei me virar, não lembro de cabeça
avatar
Ma
Tormented Soul
Tormented Soul

Prontera Feminino
Clã : Bad Reputation
Mensagens : 26375
Ka$h : 146957
Likes : 208
Data de inscrição : 07/02/2011
Idade : 23
Localização : Gallifrey


http://sepaginando.tumblr.com

Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por Hikaru em Seg Jan 04, 2016 11:42 pm

Ficaram tão legais Neo. -sss Vou roubar. ashuahsau midira.

_________________

"Ainda que eu falasse as línguas dos homens e falasse a língua dos aliens, sem Hikaradas, eu nada seria"
LISPECTOR, Tsugumi



avatar
Hikaru
Amazing Guardian Angel
Amazing Guardian Angel

Prontera Masculino
Clã : Nurture
Título de Nobreza : Príncipe de Prontera
Mensagens : 11748
Ka$h : 302936
Likes : 209
Data de inscrição : 19/09/2011
Idade : 105
Localização : Gan Eden


http://okashiiplace.forumeiros.com/forum

Voltar ao Topo Ir em baixo

Re: Templates

Mensagem por Madson em Dom Jan 10, 2016 11:21 pm

Gente que show, curti mesmo!!

_________________


avatar
Madson
Blood, Tears & Gold
Blood, Tears & Gold

Turandor Feminino
Título de Nobreza : Princesa de Turandor
Mensagens : 8054
Ka$h : 87324
Likes : 188
Data de inscrição : 04/01/2010
Idade : 22

http://mithridatiserseducteur.tumblr.com/

Voltar ao Topo Ir em baixo

Re: Templates

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