Bordas e Barras de rolagem para por na apresentação do stardoll

Oi gente, Hoje eu vim para deixar uma dica para vocês! Vocês sabem como colocar caixinhas e barras de rolagem na apresentação? Pois então.. é o que eu vou ensinar à vocês hoje! XD

Vamos lá!

Groove border

<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

<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

<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

<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>

Solid border

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

Dotted border

<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>

Dashed border

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

Caixas de rolagem:

Double Border, Height: 150px Width 571px
-----------------------------------------------------------------------------------------------------------------------------------------------------
sample sample sample sample sample sample sample sample sample sample sample sample sample
sample
sample sample sample sample sample sample sample sample sample sample
sample sample samplesample sample sample sample sample sample sample
sample sample sample sample sample samplesample sample sample sample
sample sample sample sample sample sample sample sample samplesample
sample sample sample sample sample sample sample sample sample sample
sample samplesample sample sample sample sample sample sample sample
sample sample sample sample samplesample sample sample sample sample
sample sample sample sample sample sample sample samplesample sample
sample sample sample sample sample sample sample sample sample sample
samplesample sample sample sample sample sample sample sample sample
sample sample sample samplesample sample sample sample sample sample
sample sample sample sample sample sample samplesample sample sample
sample sample sample sample sample sample sample sample sample
samplesample sample sample sample sample sample sample sample sample
sample sample sample

<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>

Dotted
Border, Height: 200px Width 300px
-----------------------------------------------------------------------------
sample sample sample sample sample sample sample sample sample sample
sample sample sample sample sample sample sample sample sample sample
sample sample sample sample sample sample sample sampl sample sample
sample samplesample sample sample sample sample sample sample sample
sample sample sample samplesample sample sample sample sample sample
sample sample sample sample sample sample samplesample sample sample
sample sample sample sample sample sample sample sample sample
samplesample sample sample sample sample sample sample sample sample
sample sample samplesample sample sample sample sample sample sample
sample sample sample sample sample samplesample sample sample sample
sample sample sample sample sample sample sample sample samplesample
sample sample sample sample sample sample sample sample sample sample
sample samplesample sample sample sample sample sample sample sample
sample sample sample sample samplesample sample sample sample sample
sample sample sample sample

<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>

Solid
Border, Height: 100px Width 400px
-------------------------------------------------------------------------------------------------------

sample sample sample sample sample sample sample sample sample sample
sample sample sample sample sample sample sample sample sample sample
sample sample sample sample sample sample sample sampl sample sample
sample samplesample sample sample sample sample sample sample sample
sample sample sample samplesample sample sample sample sample sample
sample sample sample sample sample sample samplesample sample sample
sample sample sample sample sample sample sample sample sample
samplesample sample sample sample sample sample sample sample sample
sample sample samplesample sample sample sample sample sample sample
sample sample sample sample sample samplesample sample sample sample
sample sample sample sample sample sample sample sample samplesample
sample sample sample sample sample sample sample sample sample sample
sample samplesample sample sample sample sample sample sample sample
sample sample sample sample samplesample sample sample sample sample
sample sample sample

<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>

Dashed
Border, Height: 300px Width 200px
------------------------------------------------ sample sample sample
sample sample sample sample sample sample sample sample sample sample
sample sample sample sample sample sample sample sample sample sample
sample sample sample sample sampl sample sample sample samplesample
sample sample sample sample sample sample sample sample sample sample
samplesample sample sample sample sample sample sample sample sample
sample sample sample samplesample sample sample sample sample sample
sample sample sample sample sample sample samplesample sample sample
sample sample sample sample sample sample sample sample samplesample
sample sample sample sample sample sample sample sample sample sample
sample samplesample sample sample sample sample sample sample sample
sample sample sample samplesample sample sample sample sample sample
sample sample sample sample sample sample samplesample sample sample
sample sample sample sample sample sample sample sample sample
samplesample sample sample sample sample

<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>

Para colocá-los na apresentação, você deve copiar o código que está abaixo do exemplo e colar na sua apresentação;

Clique em salvar;

O stardoll dirá que o texto é impróprio, e vai "recarregar" a pagina automaticamente;

Agora onde está escrito "Text here" Você escreve alguma coisa ou coloca uma foto e clica em salvar.

Prontinho, sua apresentação já vai ter uma caixinha / barra de rolagem! ^^

Espero ter ajudado. Beijos. Smash :* !