Seleccionar idioma:
Realizar Donación - Mods Premium - Portfolio



Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.
* Como darle un aspecto mas Profecional a su Foro
  Leído 3429 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
Autor: pipi2010
Abr 14 2011
bueno aca les traigo una modificacion que la pidio lucas, la cual, ya la tenia adaptada en mi foro

*


DEMO: http://www.share24hs.com/

1- index.template.php   buscamos

Código: [Seleccionar]
// Here comes the JavaScript bits!
echo '

y agregamos despues

Código: [Seleccionar]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
2-  script.js  agregamos al final

Código: [Seleccionar]
/**********************************************************
                                      MODIFICACION SHARE24HS.COM
**********************************************************/
$(document).ready(function() {
//Tooltips
$(".tip_trigger").hover(function(){
tip = $(this).find('.tip');
tip.show(); //Show tooltip
}, function() {
tip.hide(); //Hide tooltip  
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coodrinates
var mousey = e.pageY + 20; //Get Y coordinates
var tipWidth = tip.width(); //Find width of tooltip
var tipHeight = tip.height(); //Find height of tooltip

//Distance of element from the right edge of viewport
var tipVisX = $(window).width() - (mousex + tipWidth);
//Distance of element from the bottom of viewport
var tipVisY = $(window).height() - (mousey + tipHeight);
 
if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
mousex = e.pageX - tipWidth - 20;
} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
mousey = e.pageY - tipHeight - 20;
}
tip.css({  top: mousey, left: mousex });
});
});
/**********************************************************
                                      FIN MODIFICACION SHARE24HS.COM
**********************************************************/

3 - index.css agregamos al final

Código: [Seleccionar]
/**********************************************************
                                      MODIFICACION SHARE24HS.COM
**********************************************************/

.tip {
color: #fff;
background:#000;
display:none;
padding:10px;
position:absolute; z-index:1000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    font: normal 12px Verdana, Geneva, sans-serif;
    text-decoration: none;

}

/**********************************************************
                               FIN MODIFICACION SHARE24HS.COM
**********************************************************/

ahora va el ejemplo de como tienen que poner los link,imagenes,botones,etc

<a class="tip_trigger"  href="URL DEL LINK"> ETIQUETA DEL LINK O IMAGEN <span class="tip" style="width: 400px;"><img src="IMAGEN A MOSTRAR EN EL RECUADRO" width="160" height="180" style="float: left; margin-right: 20px;" alt="" />DESCRIPCION A MOSTRAR EN EL RECUADRO</span>[/url]

espero que les sirva la modificacion, queda muy bueno ;) le da un aspecto mas profesional al foro



Buen tuto Pipi ;)




gracias heracles




excelente, la verdad que esto va de lujo, ahora me hago de un tiempito y lo testeo.




Buenisimo pipino:D




y como dije a pedido de lucas jejeje

gracias ;) a mas de uno le servira

PD: tengo echo un scripts con maraca de agua muy pero muy bueno para web warez el problema es que no se como adaptarlo :S




es eso del MP qe me mandaste que no entendi? :P




es eso del MP qe me mandaste que no entendi? :P

sip jeje que rarro que no me entendiste :P

Pd: te mando otro aver si me espreso mejor




muy bueno pipi .




OK miren me meti a hacer esto pero hise todas las modificacioes ahora como hago para que aparescan esas cosas. otra cosa es que no entendi


Código: [Seleccionar]
ahora va el ejemplo de como tienen que poner los link,imagenes,botones,etc

<a class="tip_trigger"  href="URL DEL LINK"> ETIQUETA DEL LINK O IMAGEN <span class="tip" style="width: 400px;"><img src="IMAGEN A MOSTRAR EN EL RECUADRO" width="160" height="180" style="float: left; margin-right: 20px;" alt="" />DESCRIPCION A MOSTRAR EN EL RECUADRO</span>[/url]

espero que les sirva la modificacion, queda muy bueno ;) le da un aspecto mas profesional al foro

que se hace con eso donde se pone ? al crear un post no me deja poner html.




Otros temas de su interes




Usuario:
Contraseña:
Sesión:
hermes bracelet replica, christian louboutin replica, van cleef and arpels replica, red bottoms replica, cartier love bracelet replica christian louboutin replica, christian louboutin replica, hermes bracelet replica,