Avisos en forma de cinta (como en vBHispano) Avisos en forma de cinta (como en vBHispano)
Avisos en forma de cinta (como en vBHispano)
Página 1 de 5 123 ... ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 46
  1. #1
    Avisos en forma de cinta (como en vBHispano)
    Esta es una simple modificación de CSS que cambia la presentación de los avisos en el foro, por uno en forma de cienta.

    Lo que hay que hacer para que aparezca tal como en vBHispano es poner el siguiente código en la plantilla additional.css:

    Código HTML:
    .notices LI {
    	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    	-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    	border-top: 1px solid #FFE260;
    	-moz-border-radius:0;
    	-webkit-border-radius:0;
    	margin: 0 -27px 6px;
    	position: relative;
    
    }
    .notices LI::before
    {
    	content: " ";
    	background: url({vb:stylevar imgdir_misc}/ribbon-right.png);
    	display: block;
    	width: 10px;
    	height: 10px;
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	margin-bottom: -10px;
    	z-index: -1;
    }
    .notices LI::after
    {
    	content: " ";
    	background: url({vb:stylevar imgdir_misc}/ribbon-left.png);
    	display: block;
    	width: 10px;
    	height: 10px;
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	margin-bottom: -10px;
    	z-index: -1;
    }
    Luego hay que subir las dos imágenes en el archivo zip adjuntado abajo a la carpeta misc de tu estilo.

    Debería funcionarles en las versiones de los navegadores más recientes. No estoy seguro si funcione para IE8, IE7 entre otros.

    Vista previa:
    Archivo Adjunto 4664

  2. #2
    Andale esto si me gusto
    la verdad a mi me gusta mucho como se visualiza esto se agradece mucho la modificacion

    saludos

  3. #3
    Muy bonito detalle, alguna posibilidad de hacer esto con los navtabs?

  4. #4
    Cintas Release.
    Ahora el Footer :B

    ---------- Actualizado a las 07:39 ---------- Original a las 07:29 ----------

    Cita Iniciado por Destron Ver Mensaje
    Muy bonito detalle, alguna posibilidad de hacer esto con los navtabs?
    Claro, si sabes CSS, claro que se puede

  5. #5
    si... el footer seria bueno tambien
    --------------------

    habria la posibilidad de poner una cinta del estado del usuario -conectado/desconectad- pero ponerla en el postbit_legacy, algo asi como una barrita que diga, "Conectado" "Desconectado"????
    algo asi como en esta imagen:

    saludos

  6. #6
    Cita Iniciado por tetsenoske Ver Mensaje
    si... el footer seria bueno tambien
    --------------------

    habria la posibilidad de poner una cinta del estado del usuario -conectado/desconectad- pero ponerla en el postbit_legacy, algo asi como una barrita que diga, "Conectado" "Desconectado"????
    algo asi como en esta imagen:

    saludos
    Si me pasas la URL de ese foro, yo te consigo ese codigo que usan.
    :B

  7. #7
    Cita Iniciado por Agustin Ver Mensaje
    Cintas Release.
    Ahora el Footer :B

    ---------- Actualizado a las 07:39 ---------- Original a las 07:29 ----------



    Claro, si sabes CSS, claro que se puede
    Para nada, anantes pude modificar los breadcrumbs como xenforo, pero veré si le doy un intento mas al rato

  8. #8
    Cita Iniciado por Angel Ver Mensaje
    Esta es una simple modificación de CSS que cambia la presentación de los avisos en el foro, por uno en forma de cienta.

    Lo que hay que hacer para que aparezca tal como en vBHispano es poner el siguiente código en la plantilla aditional.css:

    Código HTML:
    .notices LI {
        -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
        border-top: 1px solid #FFE260;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        margin: 0 -27px 6px;
        position: relative;
    
    }
    .notices LI::before
    {
        content: " ";
        background: url({vb:stylevar imgdir_misc}/ribbon-right.png);
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: -10px;
        z-index: -1;
    }
    .notices LI::after
    {
        content: " ";
        background: url({vb:stylevar imgdir_misc}/ribbon-left.png);
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: -10px;
        z-index: -1;
    }
    Luego hay que subir las dos imágenes en el archivo zip adjuntado abajo a la carpeta misc de tu estilo.

    Debería funcionarles en las versiones de los navegadores más recientes. No estoy seguro si funcione para IE8, IE7 entre otros.

    Vista previa:
    Archivo Adjunto 4664
    Te falta un detalle:
    Es la plantilla additional.css no aditional.css ---> Te comistes una d Solo lo digo proque muchos copian y lo buscan en el buscador de plantilla y no va a salir de esa forma.

    Por lo demas Instalado

  9. #9
    Gracias, corregido
    Cita Iniciado por hotcubano Ver Mensaje
    Te falta un detalle:
    Es la plantilla additional.css no aditional.css ---> Te comistes una d Solo lo digo proque muchos copian y lo buscan en el buscador de plantilla y va a salir de esa forma.

    Por lo demas Instalado

  10. #10
    Avisos en forma de cinta (como en vBHispano)
    Se ve muy bien gracias por el dato

Página 1 de 5 123 ... ÚltimoÚltimo

Temas similares

  1. URGENTE, favor a un forobetero con hosting
    Me han cancelado mi cuenta de hosting en x10hosting porque mi cuenta ha consumido excesivos recuersos del servidor (todo por la puta pelicula IRON...
    Respuestas: 5
    Último mensaje: 01-may-2010
  2. Donde puedo conseguir esta barra?
    Amigos e visto en varios blogs la siguiente barra que quisiera agregar a mis sitios en wordpress y blogger.... alguien sabe donde la puedo conseguir?...
    Respuestas: 7
    Último mensaje: 16-mar-2010
  3. Adsense, Infolinks, Imagespacemedia...
    A parte de estos tres sistemas de publicidad que otro sistema me recomiendan bloggers.
    Respuestas: 4
    Último mensaje: 06-feb-2010

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •