Barra de Anuncios

EmoXxX 4 May, 2012, 7:00 pm

[Imagen: ?di=5BP6]

Inglês:
Hello
I wonder, how do I add bars like those ads on my forum. To post news.

Espanhol:

Spoiler:

Português: (Original)

Spoiler:

Cluster 4 May, 2012, 7:48 pm

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

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

Omar G. 4 May, 2012, 8:47 pm

You can as well use my OUGC Announcements Bars plugin and edit the .css file.

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;

EmoXxX 4 May, 2012, 9:01 pm

Inglês:
Thanks for the help Cluster, managed to put on my forum.
Thank you too Sama34.
Please close down the topic.

Espanhol:

Spoiler:

Português: (Original)

Spoiler: