Foros del Web » Creando para Internet » CSS »

hacer links como clase

Estas en el tema de hacer links como clase en el foro de CSS en Foros del Web. Saludos: Soy novato en las CSS y quiero que me expliquen unas cosillas. Estoy rediseñando una web de forma que funcione con CSS y quiero ...
  #1 (permalink)  
Antiguo 29/04/2005, 11:25
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
hacer links como clase

Saludos:
Soy novato en las CSS y quiero que me expliquen unas cosillas.
Estoy rediseñando una web de forma que funcione con CSS y quiero saber lo siguiente:
1. ¿Tengo que eliminar todas las etiquetas <font> para poder aplicar un estilo y que me funcione?. Lo he probado y no lo tengo nada claro.
2. Intento hacer que los vinculos visitados, activos y en el momento de pinchar sobre ellos tengan el mismo fondo y color, además no tienen que llevar el subrayado del vinculo activo y cuando coloco el ratón sobre el vínculo me cambie de tamaño la letra del mismo.
Obviamente no tengo problema si lo hago como elemento pero entonces me cambiarían todos los vinculos de la web y solo quiero hacerlo en determinadas paginas de la misma.
He probado ha hacerlo con clases pero parece que solo me permite hacer o visited o link y no puedo hacer el hover.
Hay alguna manera de hacer esto??.
Gracias por su paciencia y perdonen si las preguntas son muy torpes, pero es que no encuentro la respuesta en los libros que tengo de CSS ni en manuales.
  #2 (permalink)  
Antiguo 29/04/2005, 12:49
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Sonrisa Hola,

Cita:
Iniciado por ciberpata
Saludos:
Soy novato en las CSS y quiero que me expliquen unas cosillas.
Estoy rediseñando una web de forma que funcione con CSS y quiero saber lo siguiente:
1. ¿Tengo que eliminar todas las etiquetas <font> para poder aplicar un estilo y que me funcione?. Lo he probado y no lo tengo nada claro.
2. Intento hacer que los vinculos visitados, activos y en el momento de pinchar sobre ellos tengan el mismo fondo y color, además no tienen que llevar el subrayado del vinculo activo y cuando coloco el ratón sobre el vínculo me cambie de tamaño la letra del mismo.
Obviamente no tengo problema si lo hago como elemento pero entonces me cambiarían todos los vinculos de la web y solo quiero hacerlo en determinadas paginas de la misma.
He probado ha hacerlo con clases pero parece que solo me permite hacer o visited o link y no puedo hacer el hover.
Hay alguna manera de hacer esto??.
Gracias por su paciencia y perdonen si las preguntas son muy torpes, pero es que no encuentro la respuesta en los libros que tengo de CSS ni en manuales.
Ok vamos por partes,

1ra. respuesta
Claro que tienes que quitar la etiqueta <font> de tu marcado ya que <font> no es una etiqueta estandard, ahora no sé si estás usando una hoja de estilos "Externa" o si estás usando la etiqueta <style> dentro de tu marcado, de todos modos te voy a dar un ejemplo para que lo puedas aplicar a tu sitie y sin tanto problema ok

Tu segunda pregunta fué a cerca de los vínculos, hmmmm verás te voy a dar un ejemplo de cómo lo hago yó por que la mera verdad es que no te entendí a cabalidad ¿Cómo es que quieres el estilo para tus links ?

Ejemplo completo para aplicar a la letra (reemplazo de la etiqueta <font> de html), y un ejemplo de cómo aplicarle estilo a los links (usando clases)

Entre <head> y </head>
Código:
<style type="text/css">
<!--
.estilodeltexto {
	font: 10pt "Book Antigua";color: #B31900;
	font-weight: bold;
	font-style: Normal; }

A.otroestilo:link, A.otroestilo:visited {
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}

A.otroestilo:hover, A.otroestilo:active {
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: Bold;
	background-color: #FFFFFF;
	color: #005B80;
	text-decoration: underline overline;
	cursor: default;
	}
-->
</style>
Bien, ahora sólo tienes que aplicar las clases de la siguiente forma:

Supongamos que quieres que cierto texto o párrafo para ser mas exáctos tengan diferente estilo de los demás,

primero se crea el párrafo:
<p>y aquí todo tu texto</p>
¿Pero que pasa si ya tenemos aplicado un estilo al elemento <p>?
Entonces para eso tenemos una clase con 4 declaraciones, para que dicho texto se diferencie de los demás , entonces aplicamos la clase, tan fácil como esto:

<p class="estilodeltexto">Este texto es diferente a los demás</p>

Ahora bien... lo mismo sucede con los vínculos, sólo tienes que aplicarles las respectivas clases, ahhh y por cierto (El subrayado de los links lo sacas con la propiedad "text-decoration: none"),

Ok amigo(a) espero haber podido ayudarte en algo, y si tienes más dudas avisa por favor y con gusto te ayudamos

Te dejo mi correo por cualquier cosa: [email protected]

Slds y suerte
__________________
_______
Jorge Rojas.
  #3 (permalink)  
Antiguo 29/04/2005, 13:39
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
Gracias iconogt:
Acabo de probar tu hoja de estilo y no me funciona. He mirado si era por un tema de cache pero sigue sin funcionar.
Lo he probado como style y en un archivo externo.

La hoja de estilo que yo uso es en un fichero externo.
Con respecto al punto 2 anterior lo que quiero es que:
el link tanto activo como visitado tenga el mismo color y no tenga subrayado.
Y luego que al poner el raton encima de dicho link me haga una letra más grande.

Gracias
  #4 (permalink)  
Antiguo 29/04/2005, 13:50
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Sonrisa Hola de nuevo,

Cita:
Iniciado por ciberpata
Gracias iconogt:
Acabo de probar tu hoja de estilo y no me funciona. He mirado si era por un tema de cache pero sigue sin funcionar.
Lo he probado como style y en un archivo externo.

La hoja de estilo que yo uso es en un fichero externo.
Con respecto al punto 2 anterior lo que quiero es que:
el link tanto activo como visitado tenga el mismo color y no tenga subrayado.
Y luego que al poner el raton encima de dicho link me haga una letra más grande.

Gracias
Bien, aquí te dejo un nuevo ejemplo, lo aplicas y me cuentas que onda

Código:
A:visited, A:active {
             font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: 100;
	color: #FF4500;
	text-decoration: none;
	}

A:hover {
             font-family: Verdana, Arial;
	font-size: 13pt;
	font-weight: bold;
	color: #000000;
	text-decoration: underline; }
Intenta con eso y si no te funciona pues vamos a ver si hacemos una hoja de estilos completa para solucionar tu problema porque imagino que tu problema está en la aplicación de clases, identificadores, pseudo clases, etc, etc. Por que los estilos que te he dado, o ejemplos que te he dado están correctamente, (o por lo menos a mi si me funcionan)

Slds y suerte
__________________
_______
Jorge Rojas.
  #5 (permalink)  
Antiguo 02/05/2005, 14:58
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
Hola de nuevo.
Ahora me funciona. Siento ser tan pesao, pero es que no entiendo una cosa.
Lo que he aplicado aqui según el libro que me estoy empollando es un estilo de etiqueta. Es decir que se aplica a nivel general a toda las etiquetas A.
Lo yo quiero es definir una clase que me haga lo mismo puesto que tengo links que quiero que me aparezcan de esa forma y links que quiero que me aparezcan de otra forma.

El asunto es que no soy capaz de definir una clase que me funcione.
Puedes corregirme si en algo me he equivocado?.
  #6 (permalink)  
Antiguo 03/05/2005, 09:18
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
hmmm mejor te dejo mi correo para que me plantees mejor tu problema, [email protected]

Espero respuesta, Slds y suerte...
__________________
_______
Jorge Rojas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:05.