mago090   28 Jun, 2012, 4:23 pm
#1
Buenas tardes equipo de mybb..
Me gustaria saber como coloco esto en mi foro!

Y como lo personalizo al gusto del foro como tal Muchas gracias de antemano Big Grin

Título modificado. Recuerda ser mas explícito en los títulos.
mago090   28 Jun, 2012, 6:46 pm
#3
Se ve bien, pero alli el administrador coloco los codigos pero no dice en que plantilla se va a colocar!
MaTiiass   28 Jun, 2012, 7:27 pm
#4
la verda que nunca lo hice con plantillas pero prueba ponerlo hasta abajo del header...
Leandro M.   28 Jun, 2012, 8:16 pm
#5
Esto pegalo en tu global.css ACP - Estilos y plantillas - Estilos - Tu theme
.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;
}

Y esto en tu plantilla Header ACP - Estilos y plantillas - plantillas - Tu theme -Cabezera
<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> 

Codigo Cluster
mago090   28 Jun, 2012, 9:30 pm
#6
Muchas gracias por la ayuda, pero tengo una ultima pregunta con respecto a esto!.. Bueno, 3 xD

1. Como cambio el color de fondo del cuadro (En vez de ser verde sea d otro color, indepndientemente sea el caso)

2. En caso de que coloque alguna imagen dentro de ese recuadro, mas o menos cuales serian las medidas necesarias de dicha imagen

3. Como le hago para que el anuncio solo se vea en el index y no en el resto del foro cmo cuando estoy en un tema o en otro sitio del foros, solo que se vea en el index como tal

Muchas gracias de antemano
papi   29 Jun, 2012, 9:17 am
#7
el color de fondo cambia en cuanto cambias de "anunciobar" (desde anunciobar a anunciobar4) por lo tanto editando el css que copiaste primero se te cambiara el color (o simplemente adoptado alguna de las cuatro modalidades que tienes en lo de la cabecera, es decir en div class='anunciobar2' debes sustituirlo por div class='anunciobar' o por el modelo que quieras)

Lo de la imagen debe ser muy pequeña (como mucho unos 14 pixeles por lo que veo en el codigo css)

Para que solo se vea en el Index debes colocar el codigo que te dieron para poner en la cabecera en el Index. Es decir este codigo
<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> 
debes colocarlo en el Index de tu foro en ligar de ponerlo en la cabecera. con eso solo se vera en el index y n en todoas las páginas
mago090   30 Jun, 2012, 11:53 pm
#8
Disculpe, pero estoy tratando de colocarle una imagen pero esta no aparece! Que creen que pueda ser? Respectivamente la imagen debe ser con extension png? o puede ser tambien gif?? Gracias de antemano
Leandro M.   1 Jul, 2012, 11:20 am
#9
La imagen puede ser de cualquier formato, si subis un gif acordate de editar esto en el global css
Cita:background: url(images/anunciobar_img.png) no-repeat -6% 58% #FFF6BF;
lo que esta en rojo tenes que poner el formato de la imagen
mago090   2 Jul, 2012, 9:06 pm
#10
Ya lo solucione, muchas gracias muchachos ^^
El problem era en la direccion de la imagen donde esta -6% y 58% xD
  
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.