códigos úteis

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

códigos úteis

Mensagem por Ojou-sama em Sex Ago 07, 2015 1:10 am

[CÓDIGOS ÚTEIS]
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: códigos úteis

Mensagem por Ojou-sama em Sex Ago 07, 2015 1:31 am

BOX-SHADOW



Código:
box-shadow: -3px 5px 0px 0px #000


Última edição por Ojou-sama em Sex Ago 07, 2015 2:27 pm, editado 1 vez(es)
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: códigos úteis

Mensagem por Ojou-sama em Sex Ago 07, 2015 1:35 am

TEXTO 3D


Lorem Ipsum


Código:
text-shadow: -0.06em 0pt red, 0.06em 0pt cyan;


Última edição por Ojou-sama em Sex Ago 07, 2015 2:28 pm, editado 1 vez(es)
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: códigos úteis

Mensagem por Ojou-sama em Sex Ago 07, 2015 2:27 pm

BLUR



Código:
<style type="text/css">.babyblur { -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px);}</style>
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: códigos úteis

Mensagem por Ojou-sama em Sex Ago 07, 2015 3:06 pm

SMALL CAPS

Lorem Ipsum

Código:
font-variant: small-caps;
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: códigos úteis

Mensagem por Ojou-sama em Sex Ago 07, 2015 4:15 pm

ESPAÇO NA PRIMEIRA LINHA DO PARÁGRAFO


      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Código:
&nbsp; (3x) Lorem...
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: códigos úteis

Mensagem por Ojou-sama em Qua Ago 19, 2015 4:29 pm

BARRA DE ROLAGEM HORIZONTAL


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque in elit vel neque consectetur commodo. Sed tincidunt dolor eu congue ullamcorper. Aliquam erat volutpat. Sed sit amet efficitur leo. Sed tempor eleifend quam eget fringilla. In vel pretium nunc. Quisque laoreet quam eget rhoncus porttitor. Aenean in malesuada dui. Aliquam et ligula eget nunc congue lobortis. Etiam commodo nunc laoreet, fringilla elit et, consectetur nibh. Donec tempus ultrices urna, quis tincidunt est posuere eu. Pellentesque ac augue eu ligula auctor efficitur.

Vestibulum condimentum leo eu mollis mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras egestas non nulla vel laoreet. Integer ligula metus, consectetur tristique ex et, hendrerit mollis ante. Aenean pulvinar nibh eget condimentum semper. Vivamus sodales nulla sit amet urna porttitor sodales. Integer non sagittis eros, in elementum ex. Pellentesque ac bibendum justo. Nunc a malesuada diam, ac venenatis quam. Praesent pellentesque, nisi eu rutrum sodales, sem purus malesuada augue, a vulputate mi leo a lorem. Cras nec tellus nec metus rhoncus volutpat ut finibus leo. Aenean nec lorem ut diam hendrerit dictum et vitae neque. In ut eros eleifend, volutpat orci at, euismod ligula. Curabitur euismod turpis quis magna feugiat mollis.

Nam non accumsan elit. Sed auctor nisl nunc, quis viverra nisi consectetur nec. Quisque placerat ex ac leo vestibulum, ac molestie urna vulputate. Vivamus ut suscipit lacus. Cras eu justo lacus. Fusce eget mattis enim, et ultrices nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean risus lorem, pellentesque sit amet suscipit non, facilisis vitae leo. Maecenas commodo metus ipsum, ut vestibulum sapien tempus vitae. Mauris mauris sem, rhoncus quis posuere non, lobortis ut dolor.

Sed luctus rutrum tellus vitae rutrum. Nam ac diam nisi. Suspendisse potenti. Vestibulum id dolor sed ligula interdum tempus. Fusce porttitor leo nulla, sit amet ullamcorper urna dictum vel. Ut dapibus tincidunt augue, non euismod dui placerat nec. Aliquam facilisis nibh et pharetra pulvinar. Suspendisse ac porttitor est, sed vestibulum nulla. Proin eget sodales risus. Praesent convallis justo eros, id euismod diam mollis elementum.

Pellentesque euismod urna enim, a sollicitudin nulla fringilla et. Proin sit amet metus tortor. Aenean venenatis porttitor mi, sit amet placerat lacus porttitor quis. Vestibulum non eros lorem. Quisque a facilisis est, id eleifend lectus. Phasellus porttitor sit amet sapien sit amet laoreet. Vestibulum feugiat tellus ac tortor elementum, eget interdum massa tincidunt. Pellentesque sed eros nisi. Aliquam sodales, nisi quis interdum interdum, est libero sollicitudin dolor, malesuada suscipit sapien tortor rutrum lacus. Phasellus accumsan hendrerit convallis. Praesent id orci lectus. Mauris sapien sapien, porta non elit sodales, pharetra tincidunt risus.

Sed euismod velit vitae ligula lobortis consectetur. Nam et molestie est, id dignissim eros. Suspendisse vitae dignissim justo. Fusce congue ut urna non convallis. Morbi malesuada varius ligula, sit amet rutrum ligula viverra ut. Mauris molestie tincidunt malesuada. In nec vulputate magna. Vestibulum tristique, orci eu malesuada posuere, turpis nisl mollis nisi, in hendrerit ligula risus at neque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus finibus malesuada mauris quis efficitur. Aenean sem orci, hendrerit ac vestibulum sed, scelerisque sed odio.

Vestibulum semper, sem vulputate semper dictum, nibh tortor ornare mauris, imperdiet tincidunt ex mi ut neque. Proin lorem arcu, congue pretium tempor at, vulputate at justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non quam vitae arcu tincidunt ornare. Mauris eu sodales enim. Mauris at eleifend tellus. Aenean vitae orci eget ex varius scelerisque. Aenean vel libero convallis, bibendum ligula quis, pharetra eros. Pellentesque metus nulla, pharetra sit amet est eget, rhoncus tincidunt nibh. Pellentesque non finibus arcu, luctus convallis leo. Maecenas eu orci quis elit blandit porttitor sed ut risus. Cras tempor ultrices urna vel eleifend. Nam ultrices neque at turpis eleifend porttitor. Suspendisse vel ornare ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam ultricies viverra tristique.


Código:
<style> .newspaper {-webkit-column-width: 140px; column-width: 140px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-column-span: all; column-span: all;}</style>
-webkit-column-width: 140px; // LARGURA DA COLUNA
-webkit-column-gap: 10px; // ESPAÇO ENTRE COLUNAS
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: códigos úteis

Mensagem por Ojou-sama em Qui Out 20, 2016 8:12 pm

Código:
<link rel="stylesheet" href="http://static.tumblr.com/mer5yye/YTZofczr4/font-awesome.min.css">
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: códigos úteis

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

Código:
/*THIS IS THE CSS*/

.tabs {
   position: relative; 
   width: /*here*/;
   height:  /*here*/;
}

.tab {
   float: left;
}

.tab label {
   background: #eee;
   padding: 10px;
   border: 1px solid #ccc;
   margin-left: -1px;
   position: relative;
   left: 1px;
   top: 0px;
}

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

.content {
   position: absolute;
   top: 28px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   background: white;
   padding: 20px;
   border: 1px solid #ccc;
}
.tab [type=radio]:checked ~ label {
   background: white;
   border-bottom: 1px solid white;
   z-index: 2;
}

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






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

<center><div class="tabs">

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">Tab One</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">Tab Two</label>
<div class="content">
tab two stuff
</div>
</div>

<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">Tab Three</label>
<div class="content">
tab three stuff
</div>
</div>

</div></center>
.tabs [não tocar na position]
.tab [não tocar]
.tab label [quadradinho de todas as abas]
margin-left: (X)px [altera a distância entre abas, quanto maior o número, mais distantes as abas vão ficar]
left/top: [controla a posição das abas em relação ao quadradão]
.tab [type=radio] [não tocar]
.content [quadradão colado às abas, alterações aqui vale para todos]
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: códigos úteis

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