[MOD] Barras en Header
Hola usuarios de mybb ! Soy nuevo aqui, y vengo a traerles mi primera modificacion para ustedes :D ------------------------------------------------...

Hola usuarios de mybb !

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

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

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:

Código PHP:
<div class="anunciobar1">

<
label>Nuevo:</label>

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

</
div>




 <
div class="anunciobar2">

<
label>Importante!! :</label>

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

</
div>

<
style>


.
anunciobar1 {

    
backgroundurl(images/anunciobar_img.pngno-repeat -658#FFF6BF;

    
border2px solid #FFD324;

    
padding5px 80px;

    
margin-bottom15px;

    
font-size14px;

    -
webkit-border-radius5px;      

    -
moz-border-radius5px;      

    
border-radius5px;     

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

text-decoration:none;

}

.
anunciobar1 a:visited{

color#105209;

font-weightbold;

text-decoration:none;

}

.
anunciobar1  a:hover, .anunciobar  a:active{

color#C40C0C;

font-weightbold;

text-decoration:none;

}

.
anunciobar1 label {

    
colorwhite;

    
cursor: default;

    
font-weightbold;

    
text-shadow0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */

    
-moz-text-shadow0 0 2px #000;

    
-webkit-text-shadow0 0 2px #000;

}

.
anunciobar2 {

    
backgroundurl(images/anunciobar_img.pngno-repeat -658#ADCBE7;

    
border2px solid #0F5C8E;

    
padding5px 80px;

    
margin-bottom15px;

    
font-size14px;

    -
webkit-border-radius5px;      

    -
moz-border-radius5px;      

    
border-radius5px;     

    
color:#4A4A4A;

    
-moz-box-shadow: -2px 2px 2px #B8B8B8;

    
-webkit-box-shadow: -2px 2px 2px #B8B8B8;

    
box-shadow: -2px 2px 2px #B8B8B8;

}

.
anunciobar2 label {

    
colorwhite;

    
cursor: default;

    
font-weightbold;

    
text-shadow0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */

    
-moz-text-shadow0 0 2px #000;

    
-webkit-text-shadow0 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 Wink

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

Gracias por visitar !

Saludos !
Excelente lo necesitaba xD

Gracias
esto es facil de ripear , pero no es un plugin solo es una modificacion sencilla e.e
es una modificacion bastante facil (PD: xd del codigo fuente primero pegalo en un bloc de notas para que el codigo no se alargue)
:)
Pues entonces, creen la categoria de: Mods

Porq por lo visto esa categoria no esta en el foro...
Va en tutoriales Smile
:)
Pero sobre lo de 'Tutoriales' son tutoriales de ayuda, osea algo para ayudar, osea como hacer una nueva modificacion, como instalar un plugin desde la admin, etc...

Esto es una modificacion, no te parece que deveria existir la categoria de: Desarrollo de MODs

No crees ¿?

Saludos Big Grin
Esto debería de ir en Guías y Tutoriales no creen
Muy bueno. Me gustan mucho esas barras. Aunque yo tengo las otras que se hicieron al principio (las que permitien varios anuncios y tenias varios colores, pero sin la imagen esa)
Gracias a todos por los comentarios y apoyo !

Seguire aportando para ustedes Wink