testes;

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

testes;

Mensagem por Ojou-sama em Dom Ago 23, 2015 4:11 pm

[TESTES]
avatar
Ojou-sama

Mensagens : 88
Data de inscrição : 03/08/2015

Ver perfil do usuário http://mr-hatterpillar.forumeiros.com

Voltar ao Topo Ir em baixo

Re: testes;

Mensagem por Ojou-sama em Seg Ago 24, 2015 6:06 am

Código:
<style>.crusht::-webkit-scrollbar { height:70px; width: 4px; background-color: #ccc; } .crusht::-webkit-scrollbar-thumb {background-color: #111; width:4px; } .bexample{font-family: droid sans; color: #fff; letter-spacing: 3px; font-size: 8.5px; position: relative;display: inline-block;} .bexample span {position: absolute;width: 100%;border-top: 1px solid #f70c5d;left: 0;top: 50%;}</style>

<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<center><table cellspacing="10" cellpadding="0"><td><div style="background-color: #000;width: 195px; height: 440px;padding: 10px;"><div style="background-color: #fff;width: 175px;padding:10px; height: 100px;"><div style="background-image:url(http://i.imgur.com/5spV8Et.gif); background-size: 180px; width: 175px; height: 100px;"></div></div><div style="background-color: transparent; width: 183px; padding: 5px; border: solid 1px #ccc; font-family: droid sans; color: #fff; letter-spacing: 3px; font-size: 8.5px; position: relative; top: 4px;">a fake, fake, imitation</div><div style="background-color: transparent; width: 183px; padding: 5px; border: solid 1px #ccc; font-family: droid sans; color: #fff; letter-spacing: 3px; font-size: 8.5px; position: relative; top: -4px;">(マネマネサイコトロピック)</div><div style="background-color: #fff;width: 179px;padding:8px; height: 152px;padding-top: 5px; padding-bottom:5px; position: relative; top:0px; color: #222; line-height: 100%; font-family: calibri; font-size: 9.5px; letter-spacing: 0px; text-align:justify;"><div style="background-color: #fff; width: 160px; height: 130px; padding: 10px; padding-top: 10px; overflow: auto;" class="crusht">[b][color=#f70c5d]MY PATIENCE IS[/color][/b] wearing out as days spin by me. My brain is whirling, and even in an entire year absolutely nothing is getting done. Even though others have helped me out as the hour hand spins, so do my eyes, I've lost my heart to praise and admiration, I've messed up everything. "Ah... If only there was one more of me..." [color=#f70c5d][b]"Shall I erase this impossible dilemma of yours?"[/b][/color] A fake, fake, imitation. Wait a moment, what's this? Look, It's a revolutionary situation. I'm happy, happy, so happy. I can't stop. A fake, fake, imitation. Come on, I'll substitude for you, our behavior will be just the same! I feel kinda Impulsive. Ah, (laugh) (laugh) (laugh). I can't stop! God, I'm sorry for cheating! The ability to do as you please, and an all-year long vacation. Leave all the annoying stuff to me, I'm fully automatic. Ah, today's clear skies "as wel". Let's face it together, friends! I'll become your hand and your feet. The best future, and an accepted premise. What? It's kinda clichéd? Nonsense. The popular kid who everyone envies, the glittering, shining one, who's the most liked in her class. Hey? Wasn't it me...? A fake, fake, imitation. Wait a moment, what's this?! Look. Where's the fake? They're not here here here. I dont'know. A fake, fake, imitation. Have you stolen the place I belong? As you play around disguised as me. Ah, you look exactly like me, there's almost no difference. God, I'm sorry for cheating! The price for creating a fake gimmick is for the future, future, future to be erased. "Realize who is 'real' already". I am right here. A fake, fake, imitation. Wait a moment, what's this? Look. Reasons ripped away, a gashing wound. I'm scared, scared, scared. It won't stop. A fake, fake, imitation. The fourteenth me laughs. There's no real "you", right? Ah, Is this retribution, retribution, retribution? I don't know! As a fake, fake, I fall and struggle. As a fake, fake, I warp and flounder. God, I'm sorry for cheating...</div></div><div style="background-color: transparent; width: 183px; padding: 5px; border: solid 1px #ccc; position: relative; top: 4px;" class="bexample">taken by jay<span></span></div><div style="background-color: transparent; width: 183px; padding: 5px; border: solid 1px #ccc; font-family: droid sans; color: #fff; letter-spacing: 3px; font-size: 8.5px; position: relative; top: -4px;" >(laugh) (laugh)</div><div style="background-color: #f70c5d;width: 185px; padding: 5px; padding-top: 15px; padding-bottom: 15px; position: relative; top:0px; color: #000; font-size: 25px; letter-spacing: -3px; text-transform: uppercase; font-family: Arial;">[b]Psychotropic[/b]</div></div></td><td><div style="background-color: #000;width: 195px; height: 440px;padding: 10px;"><div style="background-color: #fff;width: 175px;padding:10px; height: 100px;"><div style="background-image:url(http://i.imgur.com/5spV8Et.gif); background-size: 180px; width: 175px; height: 100px;"></div></div><div style="background-color: transparent; width: 183px; padding: 5px; border: solid 1px #ccc; font-family: droid sans; color: #fff; letter-spacing: 3px; font-size: 8.5px; position: relative; top: 4px;">a fake, fake, imitation</div><div style="background-color: transparent; width: 183px; padding: 5px; border: solid 1px #ccc; font-family: droid sans; color: #fff; letter-spacing: 3px; font-size: 8.5px; position: relative; top: -4px;">(マネマネサイコトロピック)</div><div style="background-color: #fff;width: 179px;padding:8px; height: 152px;padding-top: 5px; padding-bottom:5px; position: relative; top:0px; color: #222; line-height: 100%; font-family: calibri; font-size: 9.5px; letter-spacing: 0px; text-align:justify;"><div style="background-color: #fff; width: 160px; height: 130px; padding: 10px; padding-top: 10px; overflow: auto;" class="crusht">[b][color=#f70c5d]MY PATIENCE IS[/color][/b] wearing out as days spin by me. My brain is whirling, and even in an entire year absolutely nothing is getting done. Even though others have helped me out as the hour hand spins, so do my eyes, I've lost my heart to praise and admiration, I've messed up everything. "Ah... If only there was one more of me..." [color=#f70c5d][b]"Shall I erase this impossible dilemma of yours?"[/b][/color] A fake, fake, imitation. Wait a moment, what's this? Look, It's a revolutionary situation. I'm happy, happy, so happy. I can't stop. A fake, fake, imitation. Come on, I'll substitude for you, our behavior will be just the same! I feel kinda Impulsive. Ah, (laugh) (laugh) (laugh). I can't stop! God, I'm sorry for cheating! The ability to do as you please, and an all-year long vacation. Leave all the annoying stuff to me, I'm fully automatic. Ah, today's clear skies "as wel". Let's face it together, friends! I'll become your hand and your feet. The best future, and an accepted premise. What? It's kinda clichéd? Nonsense. The popular kid who everyone envies, the glittering, shining one, who's the most liked in her class. Hey? Wasn't it me...? A fake, fake, imitation. Wait a moment, what's this?! Look. Where's the fake? They're not here here here. I dont'know. A fake, fake, imitation. Have you stolen the place I belong? As you play around disguised as me. Ah, you look exactly like me, there's almost no difference. God, I'm sorry for cheating! The price for creating a fake gimmick is for the future, future, future to be erased. "Realize who is 'real' already". I am right here. A fake, fake, imitation. Wait a moment, what's this? Look. Reasons ripped away, a gashing wound. I'm scared, scared, scared. It won't stop. A fake, fake, imitation. The fourteenth me laughs. There's no real "you", right? Ah, Is this retribution, retribution, retribution? I don't know! As a fake, fake, I fall and struggle. As a fake, fake, I warp and flounder. God, I'm sorry for cheating...</div></div><div style="background-color: transparent; width: 183px; padding: 5px; border: solid 1px #ccc; position: relative; top: 4px;" class="bexample">taken by jay<span></span></div><div style="background-color: transparent; width: 183px; padding: 5px; border: solid 1px #ccc; font-family: droid sans; color: #fff; letter-spacing: 3px; font-size: 8.5px; position: relative; top: -4px;" >(laugh) (laugh)</div><div style="background-color: #f70c5d;width: 185px; padding: 5px; padding-top: 15px; padding-bottom: 15px; position: relative; top:0px; color: #000; font-size: 25px; letter-spacing: -3px; text-transform: uppercase; font-family: Arial;">[b]Psychotropic[/b]</div></div></td></table></center>
avatar
Ojou-sama

Mensagens : 88
Data de inscrição : 03/08/2015

Ver perfil do usuário http://mr-hatterpillar.forumeiros.com

Voltar ao Topo Ir em baixo

Re: testes;

Mensagem por Ojou-sama em Sab Out 15, 2016 1:02 pm

above the smokestacks
– Vou estudar lá fora! – Min Seol gritou para o interior do dormitório enquanto segurava a maçaneta da porta aberta, para logo sair através dela. Não esperava que seu anúncio tivesse convencido alguém – provavelmente não tinha –, e também não se importava, já que a intenção nunca fora aquela, afinal. Havia desejado por uma oportunidade como aquela durante a semana toda, e gostava de ter um álibe [falso] caso precisasse mentir sobre o que estaria fazendo àquela tarde. No ombro esquerdo da garota, uma mochila azul marinho fazia peso leve – já que ela abandonara boa parte de seu conteúdo escolar em cima da cama poucos minutos atrás – e uma música pop chiclete preencheu sua mente como se fosse a trilha sonora de sua jornada até o refeitório da agência. Levava consigo apenas o essencial: um caderno, uma caneta de tinta rósea brilhante, dois volumes de dois mangás diferentes - Ore Monogatari e Suki-tte Ii na yo - e um pouco de dinheiro.

A pequena Choi tinha todos os motivos para estar de bom humor. Era sexta-feira - e portanto, teria 2 dias livres da escola pela frente -, seu debut parecia mais próximo do que nunca - como o cabelo vermelho, agora preso em dois coques frouxos, denunciava -, e poderia, enfim, pôr em dia suas leituras de mangá.

Enquanto caminhava em direção ao balcão, a garota, como que em um insight, puxou o celular do bolso da mochila e digitou habilmente uma mensagem para Liz:
To Liz:
Bonjour! (Não sei como se é "boa tarde" em francês.)



Código:
<center><link href='https://fonts.googleapis.com/css?family=Arimo:400,700,700italic' rel='stylesheet' type='text/css'><style type="text/css">.cyh-1 { width: 290px; background: #000; padding: 70px; } .cyh-2 { font-family: 'Arimo', sans-serif; text-align: right; font-size: 25px; color: #FFC0CB; font-weight: 700; font-style: italic; letter-spacing: -2px; line-height: 100%; } .cyh-3 { border-top: 1px solid #fff; padding-bottom: 1px; } .cyh-4 { border-top: 1px solid #fff; } .cyh-5 {background-color: #fff; width: 370px; padding: 30px; padding-top: 25px; padding-bottom: 30px;} .cyh-6 { border-top: 1px solid #f1f1f1; margin-top: 5px; } .cyh-7 { border-top: 1px solid #f7f7f7; margin-top: 2px; } .cyh-8 { border-top: 1px solid #f1f1f1; margin-top: 2px; } .cyh-9 { background: #fafafa; padding: 60px; margin-top: 5px; text-align: justify; font-family: 'Arimo', sans-serif; text-transform: none; font-size: 9px; line-height: 140%; color: #333; border: 1px solid #efefef; } .cyh-9 b { font-size: 11px; font-weight: bold; color: #FFC0CB;} .cyh-10 { width: 370px; background: #000; padding: 30px; } .cyh-11 { font-family: 'Arimo', sans-serif; text-align: center; font-size: 7px; color: #fff; font-weight: 700; font-style: italic; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; }</style><div class="cyh-1"><div class="cyh-2">above the smokestacks</div><div class="cyh-3"></div><div class="cyh-4"></div></div><div class="cyh-5"><div class="cyh-9"><b>– Vou estudar lá fora! </b>– Min Seol gritou para o interior do dormitório enquanto segurava a maçaneta da porta aberta, para então sair através dela. Não esperava que seu anúncio tivesse convencido alguém – provavelmente não tinha –, e também não se importava, já que a intenção nunca fora aquela, afinal. Havia desejado por uma oportunidade como aquela durante a semana toda, e gostava de ter um álibe [falso] caso precisasse mentir sobre o que estaria fazendo àquela tarde. No ombro esquerdo da garota, uma mochila azul marinho fazia peso leve – já que ela abandonara boa parte de seu conteúdo escolar em cima da cama poucos minutos atrás – e uma música pop chiclete preencheu sua mente comse fosse a trilha sonora de sua jornada até o refeitório da agência. Levava consigo apenas o essencial: um caderno, uma caneta de tinta rósea brilhante, dois volumes de dois mangás diferentes - [i]Ore Monogatari [/i]e [i]Suki-tte Ii na yo[/i] -, e um pouco de dinheiro. </div></div><div class="cyh-10"><a href="http://shine.b1.jcink.com/index.php?showuser=28"><div class="cyh-11">I got a brain-tricked hunger and you're pulling me in</div></a></div></center>
avatar
Ojou-sama

Mensagens : 88
Data de inscrição : 03/08/2015

Ver perfil do usuário http://mr-hatterpillar.forumeiros.com

Voltar ao Topo Ir em baixo

Re: testes;

Mensagem por Ojou-sama em Sab Out 22, 2016 12:36 am

Código:
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=News+Cycle:700' rel='stylesheet' type='text/css'>
<style>
/*THIS IS THE CSS*/

.tabs {
 position: relative; 
 width: 300px;
 height:  300px;
}

.tab {
 float: left;
}

.tab label {
 background: #000;
 padding: 5px;
 padding-left: 10px;
 padding-right: 10px;
 border-right: solid 1px black;
 border-top: solid 1px black;
 border-left: solid 1px black;
 margin-left: -1px;
 position: relative;
 left: 1px;
 top: 5px;
 font-family: 'news cycle';
 font-size: 8px;
 letter-spacing: 1px;
 text-transform: uppercase;
 color: #fff;
 
}

.tab [type=radio] {
 display: none; 
}

.content {
 position: absolute;
 top: 27px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 background: white;
 padding: 20px;
 border: 1px solid black;
 font-family: calibri;
 font-size: 10px;
 text-align: justify;
}
.tab [type=radio]:checked ~ label {
 background: white;
 border-bottom: 1px solid white;
 z-index: 2;
}

.tab [type=radio]:checked ~ label ~ .content {
 z-index: 1;
}

.reol {background-color: #fff; width: 240px; height: 210px; padding: 10px; overflow: auto; text-transform: lowercase; font-size: 9px; letter-spacing: 1px; color: #000; line-height: 100%;}

.reol b {font-size: 11px; font-weight: bold; color: #a280af;}

.reol::-webkit-scrollbar { height:70px; width: 1px; background-color: #e8e8e8; }

.reol::-webkit-scrollbar-thumb {background-color: #333; width:1px; }







<!---THIS IS THE HTML--->

</style>
</head>
<body>
<center><br><div class="tabs">

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">un (reol)</label>
<div class="content">
tab one stuff
</div>
</div>

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">deux (ill.bell)</label>
<div class="content"><div class="reol"><div style="background-color: transparent; width: 220px;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.<br><br><b>Ut enim ad minima veniam</b>, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?<br><br>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></div>
</div>
</div>

<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">trois (nqrse)</label>
<div class="content">
tab three stuff
</div>
</div>

</div></center>
</body>
</html>

avatar
Ojou-sama

Mensagens : 88
Data de inscrição : 03/08/2015

Ver perfil do usuário http://mr-hatterpillar.forumeiros.com

Voltar ao Topo Ir em baixo

Re: testes;

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