Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/plugins/avatarep.php on line 1102

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
[MOD] Barras en Header
Páginas (2): 1 2   
Skynet   19 Feb, 2012, 7:01 pm
#1
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:
<?php 
<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 Wink

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

Gracias por visitar !

Saludos !
dark_topo   19 Feb, 2012, 7:16 pm
#2
Excelente lo necesitaba xD

Gracias
Deadnorth   19 Feb, 2012, 7:17 pm
#3
esto es facil de ripear , pero no es un plugin solo es una modificacion sencilla e.e
Cluster   19 Feb, 2012, 7:19 pm
#4
es una modificacion bastante facil (PD: xd del codigo fuente primero pegalo en un bloc de notas para que el codigo no se alargue)

:)
Skynet   19 Feb, 2012, 7:22 pm
#5
Pues entonces, creen la categoria de: Mods

Porq por lo visto esa categoria no esta en el foro...
Cluster   19 Feb, 2012, 7:52 pm
#6
Va en tutoriales Smile

:)
Skynet   19 Feb, 2012, 8:05 pm
#7
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
DarkFinder   19 Feb, 2012, 8:28 pm
#8
Esto debería de ir en Guías y Tutoriales no creen
papi   20 Feb, 2012, 3:35 am
#9
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)
Skynet   20 Feb, 2012, 9:14 am
#10
Gracias a todos por los comentarios y apoyo !

Seguire aportando para ustedes Wink
Páginas (2): 1 2   
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.