Inglês:
Hello
I wonder, how do I add bars like those ads on my forum. To post news.
Espanhol:
[spoiler]Hola
Me pregunto, ¿cómo puedo agregar barras, como los anuncios en mi foro. Para enviar noticias.[/spoiler]
Português: (Original)
[spoiler]Olá.
Gostaria de saber, como faço para adicionar barras de anúncios como aquelas em meu fórum. Para postar noticias e novidades.
[/spoiler]
Código PHP:
<?php
<style type="text/css">
.anunciobar1 {
background: url(images/anunciobar_img.png) no-repeat -6% 58% #FFF6BF;
border: 1px solid #FFD324;
padding: 5px 80px;
margin-bottom: 15px;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#4A4A4A;
-moz-box-shadow: -2px 2px 2px #B8B8B8;
-webkit-box-shadow: -2px 2px 2px #B8B8B8;
box-shadow: -2px 2px 2px #B8B8B8;
}
.anunciobar1 a:link{
color: #105209;
font-weight: bold;
text-decoration:none;
}
.anunciobar1 a:visited{
color: #105209;
font-weight: bold;
text-decoration:none;
}
.anunciobar1 a:hover, .anunciobar a:active{
color: #C40C0C;
font-weight: bold;
text-decoration:none;
}
.anunciobar1 label {
color: white;
cursor: default;
font-weight: bold;
text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
-moz-text-shadow: 0 0 2px #000;
-webkit-text-shadow: 0 0 2px #000;
}
.anunciobar2 {
background: url(images/anunciobar_img.png) no-repeat -6% 58% #D6ECA6;
border: 1px solid #8DC93E;
padding: 5px 80px;
margin-bottom: 15px;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#4A4A4A;
-moz-box-shadow: -2px 2px 2px #B8B8B8;
-webkit-box-shadow: -2px 2px 2px #B8B8B8;
box-shadow: -2px 2px 2px #B8B8B8;
}
.anunciobar2 label {
color: white;
cursor: default;
font-weight: bold;
text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
-moz-text-shadow: 0 0 2px #000;
-webkit-text-shadow: 0 0 2px #000;
}
.anunciobar3 {
background: url(images/anunciobar_support.png) no-repeat -6% 58% #ADCBE7;
border: 1px solid #0F5C8E;
padding: 5px 80px;
margin-bottom: 15px;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#4A4A4A;
-moz-box-shadow: -2px 2px 2px #B8B8B8;
-webkit-box-shadow: -2px 2px 2px #B8B8B8;
box-shadow: -2px 2px 2px #B8B8B8;
}
.anunciobar3 label {
color: white;
cursor: default;
font-weight: bold;
text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
-moz-text-shadow: 0 0 2px #000;
-webkit-text-shadow: 0 0 2px #000;
}
.anunciobar4 {
background: url(images/anunciobar_support.png) no-repeat -6% 58% #E7ADAD;
border: 1px solid #8E0F0F;
padding: 5px 80px;
margin-bottom: 15px;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#4A4A4A;
-moz-box-shadow: -2px 2px 2px #B8B8B8;
-webkit-box-shadow: -2px 2px 2px #B8B8B8;
box-shadow: -2px 2px 2px #B8B8B8;
}
.anunciobar4 label {
color: white;
cursor: default;
font-weight: bold;
text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
-moz-text-shadow: 0 0 2px #000;
-webkit-text-shadow: 0 0 2px #000;
}
</style>
Código PHP:
<?php
<div class="anunciobar1">
<label>Nuevo:</label>
<strong style="color: maroon">Descargar MyBB 1.6.7 </strong><a href='http://www.mybb.com/download/latest' title='Descargar MyBB 1.6.7'>Aquí</a> - <span>Mas Información <strong><a href="http://www.mybb-es.com/Hilo-noticia-actualizacion-mybb-1-6-7-merge-1-6-7-y-desarrollo-mybb-1-8" title="Actualizacion MyBB 1.6.7 , Merge 1.6.7 y Desarrollo MyBB 1.8 ">Acá</a></span></strong>
</div>
<div class="anunciobar2">
<label>Noticia:</label>
Se ha anunciado oficialmente <strong>MyBB 1.8</strong>!! <a href="http://www.mybb-es.com/Hilo-introducci%C3%B3n-a-mybb-1-8"><strong>¡Enterate de todo aquí!.</strong></a>
</div>
:)
