Barras de rolagem e caixa de texto na apresentação do SD

 Oiie flores, como prometi está aqui a postagem ensinado a colocar barras de rolagem na apresentação do SD e tambem vou ensinar a colocar caixinhas de texto. Bem é o seguinte, escolha uma abaixo e copie o código, depois cole o código na sua apresentação e salve, clique em editar apresentação novamente e depois escreva.

 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>   

Eu não consegui colocar a caixinha aqui, mas tá aí o código.
           Abraços, Letícia s2
                                 Para visitar minha doll clique aqui
                                                Para falar comigo pelo twitter clique aqui

Share this:

Comente Aqui

1 comentários: