Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje24-08-2008, 17:57 (UTC)    
Título del mensaje: CODIGOS Css Modifica por completo tu pagina

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
Mensaje24-08-2008, 18:37 (UTC)    
Título del mensaje: Re: CODIGOS Css Modifica por completo tu pagina

wedmasterayuda escribió:

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></html>

Este codigo funciona para Iceblue? mira que he estado probando con muchos codigos para cambiar el color a la barra de desplazamiento y n me funciona nada
Mensaje24-08-2008, 18:38 (UTC)    
Título del mensaje:

Buen aporte
Mensaje25-08-2008, 01:25 (UTC)    
Título del mensaje: Re: CODIGOS Css Modifica por completo tu pagina

diegovenegas escribió:
wedmasterayuda escribió:

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></html>

Este codigo funciona para Iceblue? mira que he estado probando con muchos codigos para cambiar el color a la barra de desplazamiento y n me funciona nada


creo ke en firefox no se ven los cambios en la barra de desplazamiento , pero en el internet explorar si
Mensaje25-08-2008, 20:35 (UTC)    
Título del mensaje:

Estas en lo correcto algunos funcionan con Moxilla y Internet Explorer
______________







Mensaje27-08-2008, 22:47 (UTC)    
Título del mensaje: CODIGOS

TAN BUENOS
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group