como hago para tener las noticias como vbhispano?

  • Autor Autor Moyses
  • Fecha de inicio Fecha de inicio
M

Moyses

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
voy a dar el salto a vb 4, como hago para tener las noticias con las esquinas redondeadas y ese efecto de profundidad que tiene vbhispano? en mi foro de test solo sale cun cuadro amarillo sin esos detalles (?)
 
Re: como hago para tener los Forums block como vbhispano?

Hola Moyses.

Antes que nada, es un gusto leerte de nuevo por acá.

Respecto a tu consulta, disculpa, pero no logro comprender del todo a qué bloques te refieres. ¿Hablas de los bloques que se muestran en la barra lateral (sidebar) en FORUMHOME?, o, ¿al mencionar "amarillos" te refieres a los anuncios del foro?.
 
Re: como hago para tener los Forums block como vbhispano?

oops, mi culpa XD perdon, eran los anuncios, si esos mismos, es con css imagino, pero me da una gran pereza (a parte de que ando desvelado) descifrar el css para ver como lo hacen, podrian compartirlo? claro si no esta prohibido, un saludo

edit: perdon de nuevo, son las noticias, en notices manager
 
Acá en vBHispano utilizamos el diseño predeterminado de vBulletin, no es ninguna modificación. Posiblemente estés visualizando tu foro de pruebas con Internet Explorer, o con Opera. Éstos dos navegadores no soportan ciertos atributos CSS incluidos en vB 4, entre ellos el atributo "radius", que es el que "redondea" las esquinas en varias secciones del foro.

Es problema con los navegadores. 😛

Saludos.
 
no, ya descubri la causa: estaba viendo un skin modificado y en este esas noticias tienen otros atributos, sin embargo, al poner el skin por defecto (que pena XD) salen CASI parecido a vbhispano a excepcion de que en el de vbhispano las esquinas estan redondeadas y en el mio no (vb4.0.2) y usando solo FireFox

extactamente como va esa sintaxis para redondear esas esquinas en css? en que template lo busco? mil gracias!
 
Ahh ok, ya te entiendo. Edita la plantilla vbulletin-chrome.css y busca esto:

Insertar CODE, HTML o PHP: 
.notices li {
    background: {vb:stylevar notices_background};
    font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
    color: {vb:stylevar body_color};
    padding:{vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
    margin-bottom:{vb:math {vb:stylevar padding}/2};
    -moz-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
    text-align: {vb:stylevar left};
    clear:both;

Abajo pega esto:

Insertar CODE, HTML o PHP: 
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
margin-top: {vb:math {vb:stylevar padding}/2};

Saludos.
 
I got it!

la solucion es perfecta, gracias por dedicarle tiempo a mi inquietud!
 
Un pasito más para tener todo redondeado.

Gracias Andrés.

🙂

La pena es que IE no reconoce estos parámetros, pero bueno, el consuelo es que cada vez más gente usa Firefox.

😀
 
Andrés, te voy a "exprimir" un poquito más, con tu permiso...

😀

Con esto que comentas, efectivamente, los avisos salen redondeados, pero los anuncios no.... ¿Cómo habría que hacer para que los anuncios también salgan redondeados?
 
Hola agalmen.

Busca en la plantilla forumdisplay.css:

Insertar CODE, HTML o PHP: 
.announcements .announcerow {
    background: {vb:stylevar announcement_background};
    _background-image: none;
    margin-top: {vb:math {vb:stylevar padding}/2};
    display:block;
    float: {vb:stylevar left};
    clear:both;
    width: 100%;
    -moz-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
    padding: 5px 0;

Agrega debajo:

Insertar CODE, HTML o PHP: 
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    margin-top: {vb:math {vb:stylevar padding}/2};

Saludos.
 
Muchas gracias Andrés.

🙂
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba