|
Como
quitar el subrayado de los links
Aquí
veremos algo que se pide mucho en todos lados, que es como quitarle el
subrayado a los links, además mostraré como hacer que al
pasar el mouse sobre este cambie de color, aclaro este código no
es mio.
|
Comenzando
con esto, entre <head> y </head>, ponemos el siguiente código:
<style>
a:hover{
color:red;
text-decoration=none;
}
</style>
|
Esto hará
que al pasar sobre el link pinte el de color rojo (red) poniendo blue lo
hará en azul, yellow en amarillo y así, luego text-decoration=none;
es el que le quita el subrayado, lo bueno de esto es que no se necesita
hacer en toda la página, es en general para todos los links que
haya en el documento.
Cambiando
el estilo de los botones
Si disponemos
de un formulario en nuestro sitio podremos cambiar el estilo de los botones
de Enviar y Cancelar por uno que sea acorde a nuestro sitio, con los mismos
colores para que de esta forma le de un aspecto mas profesional a la página
que estemos creando, un ejemplo se puede ver en la página de contactanos
o en la principal donde verán que el estilo del botón se
asemeja a los colores del sitio y no es como todos los demás.
Para lograr
esto debemos incluir dentro del código en la parte anterior a </head>
este código:
<style>
.boton {
font-family:Verdana,
sans-serif;
font-size:
10px;
color: #E7F8FF;
border: 1px
double #E7F8FF;
background-color:
#DD6F00;
font-weight:
bold;
cursor: hand;
}
</style>
|
Luego en el
formulario donde se encuentra el mismo, veremos estas intrucciones quizás
o parecidas: <input type='submit' value='Vota!'
class="boton" > como verás aquí tiene agregada esta línea:
class="boton" donde boton es el nombre que le dimos en el código
anterior, de esta manera podremos tener un botón en nuestro formulario
más llamativo, profesional y acorde al sitio web y no tan gris.
Cómo
insertar archivos FLASH en dreamweaver
Para
agregar archivos hechos con FLASH
a nuestro sitio debemos hacerlo de manera diferente a como lo hacemos cuando
agregamos una imágen o foto, debemos ir al menú INSERTAR
allí se nos abrirá un nuevo panel de opciones en el cuál
vemos MEDIA,
aparecerá un nuevo menú y seleccionamos FLASH,
luego solo nos queda buscar y hacer click en ACEPTAR.
También
se puede acceder a dicha opción mediante la combinación de
teclas CTRL+ALT+F. |
|
Cómo
crear tablas con bordes redondeados
Para que una
página web sea elegante necesita tener ciertos detalles finos que
otras no tienen, es cuando allí debemos incluir tablas con bordes
redondeados, porque les dan otro aspecto al sitio, aunque tampoco se debe
abusar de ello.
Para esto necesitaremos
de varias imágenes que le darán la sensación al usuario
que se le quiere dar.
Aquí
incluimos el código que debemos utilizar:
<TABLE
BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="66%">
<TR>
<TD WIDTH="20"><img
src="Images/marcoirar.gif" width="12" height="12"></TD>
<TD BACKGROUND="images/marco_r1_c3.gif"
WIDTH="487"><img src="Images/marcoarriba.gif" width="484" height="12"></TD>
<TD WIDTH="258"><img
src="Images/marcoderar.gif" width="12" height="12"></TD>
</TR>
<TR>
<TD WIDTH="20"
BACKGROUND="images/marco_r3_c1.gif" HEIGHT="20"><img src="Images/costadoiz.gif"
width="14" height="134"></TD>
<TD WIDTH="487"
HEIGHT="20">
<div align="center">
</div></TD>
<TD WIDTH="258"
BACKGROUND="images/marco_r4_c5.gif" HEIGHT="20"><img src="Images/marcocostado.gif"
width="12" height="133"></TD>
</TR>
<TR>
<TD WIDTH="20"><img
src="Images/marcoirab.gif" width="12" height="12"></TD>
<TD BACKGROUND="images/marco_r7_c3.gif"
WIDTH="487"><img src="Images/marcoabajo.gif" width="482" height="8"></TD>
<TD WIDTH="258"><img
src="Images/marcoderab.gif" width="12" height="12"></TD>
</TR>
</TABLE> |
Como pueden
ver se utilizan varias imágenes que son las que le deben dar la
forma al recuadro, podemos utilizar estas:
Este
borde debe ir en la esquina superior izquierda.
Este
borde debe ir en la esquina superior derecha.
Además
deberemos crear una imágen recta que una ambos puntos, también
las imágenes que van debajo, podemos usar estas y darlas vueltas
con cualquier programa de edición de imágenes.
Cómo
cambiar el color de scrollbars en Internet Explorer!
Este código
nos permitirá cambiar el color de los scrollbars de Internet Explorer
unicamente, debemos tener en cuenta no utilizar colores muy fuertes ni
pesados para no dañar la vista del visitante y asi perderlo, utiliza
este codigo:
Escribe entre
<head> y </head>
<style type="text/css"><!--
body {scrollbar-3dlight-color:green;
scrollbar-arrow-color:orange;
scrollbar-track-color:salmon;
scrollbar-darkshadow-color:orange;
scrollbar-face-color:gold;
scrollbar-highlight-color:;
scrollbar-shadow-color:}
--></style> |
|
.