Ver Mensaje Individual
  #7 (permalink)  
Antiguo 10/12/2003, 06:57
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años, 1 mes
Puntos: 317
Mil disculpas.

Es cierto, debí haber agregado algún ejemplo; pero en ese momento no estaba en mi máquina y no recuerdo los códigos de memoria (por eso creí que era una propiedad, como pidió chatuca, cuando en verdad era un truco).

Para resarcir mi falta, dejo un editor en beta * con vista previa, que les va a ahorrar los cálculos de proporcionalidad inversa entre la barra y el resto del documento.

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
<head>
<title> CAMBIA TAMAÑO SCROLLBAR.</title> 
<script type="text/javascript">
function escCod(){
var bz = frm.vz.value/100;
var dz = (1/bz).toFixed(2);

frm.cb.value = "body {zoom:"+bz+"; margin:0; border:none}";
frm.cd.value = "<div style=\"zoom:"+dz+"; margin:2% 1.5%\"> DOCUMENTO </div>";
document.body.style.zoom = bz;
document.getElementById("cont").style.zoom = dz;
}
function Copia(t){
t.focus();
t.select();
document.execCommand("Copy")}
</script>

<style type="text/css">
body {zoom:2; margin:0; border:none}
input {font:10pt sans-serif}
.ipt {font-family:monospace; background-color:#cccccc; border:none}
</style>
</head> 
<body>

<div id="cont" style="zoom:0.5; margin:2% 1.5%;"> 
<h2>Cambia el tamaño de las barras de desplazamiento. (IE)</h2> 
En el ejemplo, la barra de desplazamiento está aumentada a un 200%.<br>
El documento debe escribirse dentro de un bloque (en el ejemplo se uso un 
<tt>&lt;div></tt>).<p>

<form name=frm>Ingrese un valor en porcentaje para modificar el <i>scrollbar</i> : 
<input name=vz size=3 value="100" style=text-align:right>% . &nbsp
<input type=button onclick=escCod() value=" Ver "> &nbsp
<input type=button onclick="reset();vz.focus();vz.select();escCod()" 
value=" Reset "><br>
Haga <i>click</i> sobre el <font class=ipt size=-1>texto sombreado</font> 
para copiar el código al <i>clipboard</i>.<p>

<pre>&lt;style> 
<input class=ipt name=cb value="body {zoom:1; margin:0; border:none}" 
size=60 readonly onclick=Copia(this) >
&lt;/style><p>
&lt;body>
<input class=ipt name=cd value='<div style="zoom:1; margin:2% 1.5%"> 
DOCUMENTO </div>' size=60 readonly onclick=Copia(this) >
&lt;/body></frm></pre> 
<hr style="margin-bottom:1000px;">
FIN
</div> 

</body> 
</html>
Sí, es Javascript, pero sé que nuestros moderadores me lo van a dejar pasar en este subforo porque, al fin y al cabo, lo que termina dejando es un código CSS.

Voy a buscar entre mis apuntes más efectos o trucos para la barra de desplazamiento y los posteo.

saludos

furoya

___

* beta : todo lo que empiezo, y abandono apenas compruebo que funciona.

Última edición por furoya; 25/10/2009 a las 09:33 Razón: Actualicé el código. Probado en IE 7.