Ver Mensaje Individual
  #3 (permalink)  
Antiguo 05/06/2007, 16:47
Avatar de derkenuke
derkenuke
Colaborador
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.665
Antigüedad: 21 años
Puntos: 45
Re: Voltear texto verticalmente en Firefox ( sin filter : flipV(); flipH() )

Y luego pasan estas cosas por postear esto (funcion color() cortesía de caricatos ! )

Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<
html>
<
head>
<
title>REFLEJO.</title>
<
script type="text/javascript">


function 
color(n) {
    return 
"0123456789ABCDEF".charAt(parseInt(16)) + "0123456789ABCDEF".charAt(parseInt(&#37; 16));


function 
voltear1(){
    var 
contRefl prueba "";
    var 
objOrig document.getElementById"enves" );
    var 
alto parseInt(objOrig.offsetHeight);
    var 
contOrig objOrig.innerHTML;
    var 
capas alto;
    
    for(
c=0col=0c<capas/2c++, col+=255/(capas/2) ){
        var 
colHex="#"+color(col)+color(col)+color(col);
        
contRefl += "<div style='position:absolute; top:"+c+"px; height:1px;'><div style='margin-top:"+(c+1-alto)+"px; color: "+colHex+";'>"contOrig +"</div></div>";
    }

    
document.getElementById("reves").style.height alto +"px";
    
document.getElementById("reves").innerHTML contRefl;
}

onload voltear1;
onresize voltear1;
</script>
<style type="text/css">
#enves , #reves {
    position:relative; 
    font-weight:900; 
    font-size:70px; 
    font-family:"arial black"; 
    color:#000000; 
    margin-bottom:-44px;
}
#reves div { 
    overflow:hidden;
}

</style>
</head>
<body>
<h2>Reflejo vertical de texto. (IE, FF)</h2>

<div id="enves"> derkeNuke </div>
<div id="reves"></div>

</body>
</html> 

Bonito bonito, me convence el script. También se podría hacer el reflejo de una imágen, intentaré probarlo...
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.