Nota para todos los trucos: Pegar por encima del pagina solo modifica las opciones que esta de color rojo todo en diseño Iceblue
Algunos trucos estan exepcion como:
-3 esta solo pegala en la pagina que deseas editar por que sil la colocas por encima de la pagina redireccionara toda tu web
1-Con el siguiente codigo puedes modificar todas las posiciones de las imagenes en tu pagina
Cita: <body bgcolor="#FFFFFF">
<!-- colocada a 100 pixeles
desde arriba y izquierda -->
<img style="position: absolute; top: 100px; left: 100px;"
src="/tutores/images/mundo3.gif">
<!-- colocada a 200 pixeles
desde arriba y izquierda -->
<img style="position: relative; top: 200px; left: 200px;"
src="/tutores/images/mundo.gif">
</body>
2-Con este codigo modificas por complento las barras desplasadores de tu pagina.
Cita: <html>
<head>
<style type="text/css">
<!--
body
{
scrollbar-base-color: #800000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-darkshadow-color: #000080;
scrollbar-face-color: #800080;
scrollbar-highlight-color: #FFFF00;
scrollbar-shadow-color: #808080;
scrollbar-3dlight-color: #00FF00;
}
-->
</style>
</head>
<body>
<textarea>
</textarea>
</body>
</html>
3-Con este codigo uede redireccionar todos los enlaces de una pagina
Cita: <style>
a:hover{
color:red;
}
</style>
<a href="javascript:;">URL de la pagina</a>
4-Evita que lean el codigo fuente y k la impriman
Cita:
<STYLE media="print">
BODY {display:none}
</STYLE>
5-Proteje tus imagenes al momento de ser copiadas
Cita: <span style=
"background-image:url('/tutores/images/mundo.gif'); background-repeat: no-repeat;">
<img src="/tutores/images/mundo.jpg" width="88" height="87" border="0" alt="Tutores.org">
</span>
6-Justifica los textoz de tu web
Cita: <STYLE type="text/css">
<!--
.justifyText{text-align:justify;}
//-->
</STYLE>
-para algun Texto en especifico
Cita: <DIV CLASS="justifyText">
Cualquier texto incluido aqui será alineado</DIV>
Ultima edición por wedmasterayuda el Dom Ago 24, 2008 5:29 pm; editado 11 veces
|