Páginas

Seguidores

domingo, 4 de maio de 2014

barra de rolagem na apresentação do stardoll


1 - Barra de rolagem com borda dupla

 <p style="line-height: 12px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 11px; padding: 0px;  text-align: left; border: 3px double #000000; margin: auto; padding:  5px; overflow: auto; white-space: pre-wrap; word-wrap: break-word;  width: 571px; height: 150px;">Text here</p>

2 - Barra de rolagem com borda pontilhada

<p style="line-height: 12px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 11px; padding: 0px;  text-align: left; border: 3px dotted #000000; margin: auto; padding:  5px; overflow: auto; white-space: pre-wrap; word-wrap: break-word;  width: 300px; height: 200px;">Text Here</p>

3 - Barra de rolagem normal

<p style="line-height: 12px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 11px; padding: 0px;  text-align: left; border: 3px solid #000000; margin: auto; padding: 5px;  overflow: auto; white-space: pre-wrap; word-wrap: break-word; width:  400px; height: 100px;">Text Here</p>

4 - Barra de rolagem vertical e com borda pontilhada

<p style="line-height: 12px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 11px; padding: 0px;  text-align: left; border: 2px dashed #000000; margin: auto; padding:  5px; overflow: auto; white-space: pre-wrap; word-wrap: break-word;  width: 200px; height: 300px;">Text Here</p>

 Prontinho, essas são as barras de rolagem... agora vamos as caixinhas de texto.




Groove border

O código é:

<p style="line-height: 15px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 14px; border: 5px groove  #000000; padding: 15px; text-align: left;">Text here</p>

                                                                                    
Ridge border
 
O código é:

<p style="line-height: 15px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 14px; border: 8px ridge  #000000; padding: 15px; text-align: left;">Text Here</p>


Inset border


O código é:

<p style="line-height: 15px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 14px; border: 4px inset  #000000; padding: 15px; text-align: left;">Text here</p>
                

Double border

O código é: 

<p style="line-height: 15px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 14px; border: 4px double  #000000; padding: 15px; text-align: left;">Text here</p>

E para ter uma caixinha pontilhada o código é: 


<p style="line-height: 15px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 14px; border: 4px dotted  #000000; padding: 15px; text-align: left;">Text here</p>   



para por a barra de rolagem na apresentação você tem que:

1.escolher o tipo da barra copiar o link e colar na apre
2.apertar em salvar
3.vai aparecer q o texto contem informações pessoais no texto  mais la em baixo vai aparecer:

você escreve o q você quiser e prontinho! 

me visitem pra ver como ficou! 
beijinhos...

 
 


Nenhum comentário:

Postar um comentário