Estilos :: Status #002
Outro estilo de status, nesse é só uma caixa para todos os status. Observe.
© Unfe3ling Tutorials - Códigos e Desenvolvimento. Se lhe for útil dê like, se usar credite.
CSS:
Cole o código abaixo antes de </style>:
/*** CSS estilo de status by: unfe3ling***/ .status {background: #F0ECDB; Font-size: 12px; color: #C1BED1; font-family: 'Comic Sans'; text-shadow:1px 1px 1px #fff ; padding: 2px; margin-top: 2px; padding-bottom:3px; padding-top:3px; height: 52px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .statusby {background:#C1BED1; color: #fff; font-size: 9px; font-family: 'arial'; padding: 2px; text-align: center; text-transform: uppercase; text-shadow:1px 1px 0px #7E799F ; margin-bottom: -2px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .statuscor a {color: #fff;}
HTML:
Cole o código abaixo, onde deseja o status:
<div class="statusby"><div class="statuscor">Our Status</a></div></div> <div class="status"><center> <marquee width=300 height=50 direction=up scrollamount=1> <b>Rihana Status=</b> And I hate that I love you so... And I hate how much I love you boy I can't stand how much I need you.<br><br> <b>Demi Lovato Status=</b> Meu clipe tá mais falado que tomate. Ahhhhh chupa recaucadas ;*<br><br> <b>Katy Perry status=</b> #Partiu #pintar #o #cabelo #de #verde #amazônia e assistir lagoa azul na sesão da tarde </marquee></center></div>
Dependendo do lugar onde você botar o status você precisará regular a largura e a altura, ambas que estão negritadas acima.
Onde está: scrollamount=1 o 1 é o tempo que as frases rolarão, se quiser mais rápido basta aumentar.