Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » Scripts
Actualizar esta página Cambiar el fondo en función del sexo.
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Modos de visualización

  
(#1)
Old  Administrador
">
Administrador
Sorel
56225906705/02/2009PeruAdministrador de CPortadahttp://i.imgur.com/PTSSOex.png
 

  1. Aclaraciones:

    Para que este truco funcione, es necesario que el campo "género" esté visible en el perfil de mensajes, y esto, con una imagen y no sólo el texto! Vamos a crear una clase CSS fa_postbody_xy adicional (para los niños) y fa_postbody_xx (para las niñas) al cuerpo del mensaje según el género informado, y con esta nueva clase, vamos a ser capaces de personalizar el diseño del puesto mediante la manipulación de su CSS.

  2. Los códigos:


    Ir al Panel de Administración - Modulos - HTML & Javascript - Gestion de los códigos Javascript

    Crear un nuevo Javascript para aplicar "en los temas".

    - Título: (Lo que usted quiera)
    - Posición: En los temas
    - Código Javascript:


    Código:
    $(function() {
     
      //Indicate here the version of your forum.
      var version = "phpBB3";
     
      if(version.toLowerCase() == "phpbb2"){ 
          $(".postdetails img[title='Male']").closest('.postdetails').parent('td').next('td').addClass("fa_postbody_xy");
          $(".postdetails img[title='Female']").closest('.postdetails').parent('td').next('td').addClass("fa_postbody_xx");
      }else if(version.toLowerCase() == "phpbb3"){ 
          $(".postprofile img[title='Male']").closest('.postprofile').prev('.postbody').addClass("fa_postbody_xy");
          $(".postprofile img[title='Female']").closest('.postprofile').prev('.postbody').addClass("fa_postbody_xx"); 
      }else if(version.toLowerCase() == "punbb"){ 
          $(".user-info img[title='Male']").closest('.postmain').addClass("fa_postbody_xy");
          $(".user-info img[title='Female']").closest('.postmain').addClass("fa_postbody_xx"); 
      }else if(version.toLowerCase() == "invision"){       
          $(".postprofile img[title='Male']").closest('.post-container').addClass("fa_postbody_xy");
          $(".postprofile img[title='Female']").closest('.post-container').addClass("fa_postbody_xx");
      }
    });

    Importante: Para que su funcionamiento es absolutamente necesario para indicar la versión de tu foro editando el valor de la versión variable, usted tiene la posibilidad de elegir entre phpBB2, phpBB3, punBB y Invision.

  3. Personalización de la CSS:

    Por ejemplo, aquí tenemos un CSS que actúan sobre las dos clases que hemos creado, gracias a la javascript una imagen de fondo se aplicará, diferente dependiendo de su habilidad y de su imaginación.

    Ir al Panel de Administración - Visualización - Imágenes y Colores - Colores - CSS stylesheet


    Código:
    .fa_postbody_xy{
      background: url("http://i45.servimg.com/u/f45/17/45/19/77/xy10.png");
    min-height: 500px;
    }
     
    .fa_postbody_xx {
      background: url("http://i45.servimg.com/u/f45/17/45/19/77/xx10.png");
    min-height: 500px;
    }

    Ya está hecho!!

  4. Muestra:



Tutorial creado por: Turbodeif

Copyright© FORUMOTION.COM

© Traducido por Sea



— Bienvenido, Invitado a CPortada —
"Tu edad no define tu madurez, tus notas no definen tu inteligencia y los rumores no definen quien eres..."
"Una mirada fría, no siempre significa un corazón sin amor..."

Ven y transfórmate en leyenda... O márchate y permanece en el olvido.
http://www.cportada.forum.st

Comentar con facebook:
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado