como hago para tener las noticias como vbhispano?

Moyses · 20 May 2010

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 (?)

Andrés Durán · 20 May 2010

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?.

Moyses · 20 May 2010

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

Andrés Durán · 21 May 2010

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.

Moyses · 21 May 2010

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!

Andrés Durán · 21 May 2010

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.

Moyses · 21 May 2010

I got it!

la solucion es perfecta, gracias por dedicarle tiempo a mi inquietud!

Andrés Durán · 21 May 2010

Andrés Durán dijo:
"... ¿al mencionar "amarillos" te refieres a los anuncios del foro? ..."

Acá me confundí, quise decir avisos.

Moyses dijo:
I got it!

Great!, you're welcome.

Saludos.

agalmen · 25 May 2010

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.

agalmen · 25 May 2010

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?

Andrés Durán · 25 May 2010

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.

agalmen · 28 May 2010

Muchas gracias Andrés.