Hola usuarios de mybb !

Soy nuevo aqui, y vengo a traerles mi primera modificacion para ustedes

-----------------------------------------------------------------

Nombre: Barras en Header

Descripcion: Son las barras que trae este foro, pero adaptadas al script

Ventaja: Excelentes para informacion nueva de su foro, importante, topics, etc...

Creditos: Mybb-es

-----------------------------------------------------------------

1º Paso: Vayan a su web instalada con Mybb

2º Paso: Entren a su Panel de Administracion -> Estilos y Plantillas -> Plantillas

3º Paso: Seleccionamos la plantilla de theme que estan usando, en caso la mia es: 'Blue Lust - Template'

4º Paso: Le dan click a Opciones -> Expandir Plantillas

5º Paso: Buscan la plantilla: 'Cabecera - Plantillas' -> Expandir

6º Paso: Buscan dentro de esa plantilla, la subplantilla: header -> Opciones - > Edicion Completa

7º Paso: Al final de ese codigo, agregan este:

<div class="anunciobar1">

<label>Nuevo:</label>

<strong style="color: maroon">Aqui contenido - </strong><span>Mas Contenido <strong>Contenido</strong> Mas contenido...</span>

</div>




 <div class="anunciobar2">

<label>Importante!! :</label>

<strong>Contenido de la barra</strong></a>

</div>

<style>


.anunciobar1 {

	background: url(images/anunciobar_img.png) no-repeat -6% 58% #FFF6BF;

	border: 2px solid #FFD324;

	padding: 5px 80px;

	margin-bottom: 15px;

	font-size: 14px;

	-webkit-border-radius: 5px;      

	-moz-border-radius: 5px;      

	border-radius: 5px;     

	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% #ADCBE7;

	border: 2px solid #0F5C8E;

	padding: 5px 80px;

	margin-bottom: 15px;

	font-size: 14px;

	-webkit-border-radius: 5px;      

	-moz-border-radius: 5px;      

	border-radius: 5px;     

	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;

}

</style>

-----------------------------------------------------------------

9º Paso: Le dan a 'Guardar y Volver a la Lista'

10º Paso: Ahora van a su 'Administrador de Archivos' -> Buscan la carpeta 'images' -> Suban la siguiente imagen:

[Imagen: anunciobar_img.png]

Le dan: Click derecho a la imagen -> Guardar como... -> La guardan y la suben a su carpeta de 'images'

-----------------------------------------------------------------

Y listo, ya tendrian sus barras de Header instaladas al 100%

-----------------------------------------------------------------

Captura:

[Imagen: Iz3gLwXV.png]

-----------------------------------------------------------------

Demo: http://faxsnet.com.ar/

-----------------------------------------------------------------

En las partes que dice: Aqui contenido o contenido etc... lo remplazan por el contenido que le pondran a la barra

En caso de que no se pueda dejar URL de la DEMO, dijanmen que saco el url

-----------------------------------------------------------------

Gracias por visitar !

Saludos !