Importante:

¿Como pedir soporte? (Marzo 18, 2015)

Barras de Anuncios vCSS3
Les dejo estas barras que son como las de mybbsource. Técnicamente son copeados basados en los tutoriales que ya se escribieron antes pero actuali...

Les dejo estas barras que son como las de mybbsource.   
  
Técnicamente son copeados basados en los tutoriales que ya se escribieron antes pero actualizadas con css3.   
  
No usa imagenes, pero les dejo una para que si quieren que san visibles para los usuarios con navegadores no tan modernos como:   
  
Opera 11.01-, Firefox 3.5-, Chrome 2.0-, IE7- y otros...   
  
Codigo CSS   
Entren a ACP -> Estilos y Temas -> Temas -> TU TEMA -> global.css -> Edicion Avanzada
  
Asta abajo escriben esto:
/* CSS Bars */	  
p.bar{	  
margin:4px 2px;	  
padding:4px;	  
color:#000;	  
font-family:"Times New Roman", Times, serif;	  
font-size: 14px;	  
height:20px;	  
text-align:center;	  
vertical-align:middle;	  
}	  
p.black, p.red, p.gamboge, p.brown, p.arsenic, p.feldgrau, p.xanadu {	  
text-shadow: 0px 1px #000;	  
font-weight:bold;	  
color:#fff;	  
}	  
p.white, p.green, p.blue, p.cpink {	  
text-shadow: 0px 1px #000;	  
font-weight:bold;	  
color:#000;	  
}	  
.bar a:link, .bar a:visited, .bar a:hover, .bar :active {	  
text-decoration:none;	  
}	
.middle {	  
-webkit-border-radius: 5px;	  
-moz-border-radius: 5px;	  
border-radius: 5px;	  
}	
p.white {	  
background: #f0f0f0 url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#E3E3E3');	  
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#E3E3E3));	  
background: -moz-linear-gradient(top,  #f0f0f0,  #E3E3E3);	  
border:1px solid #d6d6d6;	  
}	  
p.black {	  
background: Error de plugins en el tema url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#262626');	  
background: -webkit-gradient(linear, left top, left bottom, from(Error de plugins en el tema), to(#262626));	  
background: -moz-linear-gradient(top,  Error de plugins en el tema,  #262626);	  
border:1px solid Plugins - Oculta IMG a invitadosA1A1A;	  
}	  
p.red {	  
background: #e00 url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee0000', endColorstr='#D60000');	  
background: -webkit-gradient(linear, left top, left bottom, from(#e00), to(#D60000));	  
background: -moz-linear-gradient(top,  #e00,  #D60000);	  
background: -o-linear-gradient(#e00,#D60000);	  
border:1px solid #BD0000;	  
}	  
p.green {	  
background: BDA51 url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='BDA51', endColorstr='AC247');	  
background: -webkit-gradient(linear, left top, left bottom, from(BDA51), to(AC247));	  
background: -moz-linear-gradient(top,  BDA51,  AC247);	  
background: -o-linear-gradient(BDA51,AC247);	  
border:1px solid #09AA3E;	  
}	  
p.blue {	  
background: [Duda]Alguien sabe como...FDA url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='[Duda]Alguien sabe como...FDA', endColorstr='Países NatalesE82D6');	  
background: -webkit-gradient(linear, left top, left bottom, from([Duda]Alguien sabe como...FDA), to(Países NatalesE82D6));	  
background: -moz-linear-gradient(top,  [Duda]Alguien sabe como...FDA,  Países NatalesE82D6);	  
background: -o-linear-gradient([Duda]Alguien sabe como...FDA,Países NatalesE82D6);	  
border:1px solid En la cara a Justin bieberC4;	  
}	  
p.gamboge {	  
background: #E49B0F url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E49B0F', endColorstr='#CE8B0D');	  
background: -webkit-gradient(linear, left top, left bottom, from(#E49B0F), to(#CE8B0D));	  
background: -moz-linear-gradient(top,  #E49B0F,  #CE8B0D);	  
background: -o-linear-gradient(#E49B0F,#CE8B0D);	  
border:1px solid #B67A0C;	  
}	  
p.brown {	  
background: #A52A2A url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A52A2A', endColorstr='#922626');	  
background: -webkit-gradient(linear, left top, left bottom, from(#A52A2A), to(#922626));	  
background: -moz-linear-gradient(top,  #A52A2A,  #922626);	  
background: -o-linear-gradient(#A52A2A,#922626);	  
border:1px solid Announcements with Marquee Plugin [1.4]E2020;	  
}	  
p.cpink {	  
background: #FFA6C9 url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA6C9', endColorstr='#FF8FBC');	  
background: -webkit-gradient(linear, left top, left bottom, from(#FFA6C9), to(#FF8FBC));	  
background: -moz-linear-gradient(top,  #FFA6C9,  #FF8FBC);	  
background: -o-linear-gradient(#FFA6C9,#FF8FBC);	  
border:1px solid #FF75AC;	  
}	  
p.arsenic {	  
background: Semiplugin  -   Insertar Franja amarilla en el headerB444B url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='Semiplugin  -   Insertar Franja amarilla en el headerB444B', endColorstr='Países NatalesF363C');	  
background: -webkit-gradient(linear, left top, left bottom, from(Semiplugin  -   Insertar Franja amarilla en el headerB444B), to(Países NatalesF363C));	  
background: -moz-linear-gradient(top,  Semiplugin  -   Insertar Franja amarilla en el headerB444B,  Países NatalesF363C);	  
background: -o-linear-gradient(Semiplugin  -   Insertar Franja amarilla en el headerB444B,Países NatalesF363C);	  
border:1px solid #24292E;	  
}	  
p.feldgrau {	  
background: Nueva Versión MyBB 1.4 en EspañolD5D53 url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='Nueva Versión MyBB 1.4 en EspañolD5D53', endColorstr='Error grave con los Permisos de la ModeraciónE46');	  
background: -webkit-gradient(linear, left top, left bottom, from(Nueva Versión MyBB 1.4 en EspañolD5D53), to(Error grave con los Permisos de la ModeraciónE46));	  
background: -moz-linear-gradient(top,  Nueva Versión MyBB 1.4 en EspañolD5D53,  Error grave con los Permisos de la ModeraciónE46);	  
background: -o-linear-gradient(Nueva Versión MyBB 1.4 en EspañolD5D53,Error grave con los Permisos de la ModeraciónE46);	  
border:1px solid #354039;	  
}	  
p.xanadu {	  
background: #738678 url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#738678', endColorstr='#67796C');	  
background: -webkit-gradient(linear, left top, left bottom, from(#738678), to(#67796C));	  
background: -moz-linear-gradient(top,  #738678,  #67796C);	  
background: -o-linear-gradient(#738678,#67796C);	  
border:1px solid Plugins - YoutubeB6B60;	 
}	 



Colocar las barras:
Entren a ACP -> Estilos y Temas -> Platillas -> TU TEMA Plantillas -> Cabecera Templates -> header para todos los usuarios.

ACP -> Estilos y Temas -> Platillas -> TU TEMA Plantillas -> Cabecera Templates -> header_welcomeblock_guest para invitados.

ACP -> Estilos y Temas -> Platillas -> TU TEMA Plantillas -> Cabecera Templates -> header_welcomeblock_member para miembros.      

ACP -> Estilos y Temas -> Platillas -> TU TEMA Plantillas -> Cabecera Templates -> header_welcomeblock_moderator para moderadores.      

ACP -> Estilos y Temas -> Platillas -> TU TEMA Plantillas -> Cabecera Templates -> header_welcomeblock_admin para administradores.      

Puedes colocar distintas barras en todas para mostrar distinta información a cada tipo de usuario.  
Para colocar la barra coloquen este código:
<p class="bar middle white">CONTENIDO DE LA BARRA</p>

Los colores permitidos son estos:  
<p class="bar middle white">CONTENIDO</p>	 
<p class="bar middle black">CONTENIDO</p>	 
<p class="bar middle red">CONTENIDO</p>	 
<p class="bar middle green">CONTENIDO</p>	 
<p class="bar middle blue">CONTENIDO</p>	 
<p class="bar middle gamboge">CONTENIDO</p>	 
<p class="bar middle brown">CONTENIDO</p>	 
<p class="bar middle cpink">CONTENIDO</p>	 
<p class="bar middle arsenic">CONTENIDO</p>	 
<p class="bar middle feldgrau">CONTENIDO</p>	 
<p class="bar middle xanadu">CONTENIDO</p>


Crear colores personalizados:
Spoiler:
Entran en el global.css y escriben esto:
p.NOMBRE {	  
background: #COLOR1 url(images/gradient.png) repeat-x bottom left;	  
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#COLOR1', endColorstr='#COLOR2');	  
background: -webkit-gradient(linear, left top, left bottom, from(#COLOR1), to(#COLOR2));	  
background: -moz-linear-gradient(top,  #COLOR1,  #COLOR2);	  
background: -o-linear-gradient(#COLOR1,#COLOR2);	  
border:1px solid #COLOR3;	 
}


NOMBRE - Nombre de la barra
COLOR1 - Color regularmente bajo
COLOR2 - Mas alto que el COLOR1
COLOR3 - Color del borde, mas alto que el COLOR1 y COLOR2

Colocan esto donde quieran colocar la barra:
<p class="bar middle NOMBRE">CONTENIDO</p>
  
  
Subir esta imagen en la carpeta principal de imagenes de tu foro(root/images):  
[attachment=919]  
  
Así quedaran:
[attachment=918]
Archivos Adjuntos

0 0
Tema anterior Tema siguiente
muy bonitas =O creo que las utilizaremos aqui en MyBB-Es
0
Excelentes Gracias sama
0
O: Exelentes man!! Tongue
0
muy buenos de diferentes colores hombre que bien Big Grin
0
ami no me funcionaron
0
de hecho quise usarlas en mybb-es y no funciono :S
0
modificaron donde dice


p.NOMBRE {  


??????????
0
Eso solo lo tenemos que modificar si queremos agregra uno nuevo
0
<font style="font-size[Imagen: confused.gif]mall">
(16 Apr, 2011, 3:33 pm)Bour Elvan escribió:  ami no me funcionaron

(16 Apr, 2011, 3:36 pm)Solstice escribió:  de hecho quise usarlas en mybb-es y no funciono Confused


Aquí esta mi disculpa: El editor lo hizo!! (xD)

Bour Elvan y Solstice, el editor de alguna forma elimino mis elementos style="" del tutotial, ya los coloque antes de que preguntaran por posibles errores.

No se como paso pero este editor nuevo de alguna forma quita elementos html del contenido, lo se por que copee el código exactamente igual después de codearlo en mi localhost donde funciono.

Solstice testea este editor un poco sobre este aspecto para ver si te pasa lo mismo.

<font style="font-size[Imagen: confused.gif]mall">
(16 Apr, 2011, 4:42 pm)DARKNESSDH escribió:  modificaron donde dice

p.NOMBRE {  

??????????
  
  
(16 Apr, 2011, 4:58 pm)Bour Elvan escribió:  Eso solo lo tenemos que modificar si queremos agregra uno nuevo

Así es.

Tutorial modificado, lo que esta en Spoiler es para crear nuevas barras.
0

Colaboradores: xRockztar , TheZeuS , Sonrics , RKen , pes style , Omar G. , likepop , KeeZ , Jaizu , Gustavo R. , Foro-GP , Dino , DARKNESSDH , Dafting , Cluster
This forum uses Lukasz Tkacz MyBB addons.