como faço para ter as notícias como vbhispano?

  • Autor Autor Moyses
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
M

Moyses

Beta
Usuário com poucas negociações! Use sempre o saldo do 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 (?)
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou 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.

🙂
 
Voltar
Topo