Foros del Web » Creando para Internet » CSS »

Css y texto en diagonal

Estas en el tema de Css y texto en diagonal en el foro de CSS en Foros del Web. Holas! De nuevo yo con mis preguntontas =) Tengo un texto de un link que necesita ir en diagonal para encajar luego en un "boton" ...
  #1 (permalink)  
Antiguo 22/03/2010, 09:09
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 8 años, 4 meses
Puntos: 4
Css y texto en diagonal

Holas! De nuevo yo con mis preguntontas =)

Tengo un texto de un link que necesita ir en diagonal para encajar luego en un "boton" de fondo.... pero la verdad no se como hacerlo, busque pero sin obtener resultados, alguien sabe como hacerlo?

Muchas gracias.!
  #2 (permalink)  
Antiguo 22/03/2010, 09:22
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Css y texto en diagonal

Desconozco la forma de lograrlo con CSS solamente que el texto sea diagonal pero en javascript es posible, mira este ejemplo http://www.tutores.org/?codigo=769&M...onal-y-cruzado
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 22/03/2010, 09:37
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 8 años, 4 meses
Puntos: 4
Respuesta: Css y texto en diagonal

Que bueno! pero el problema con javascript segun lei hace un tiempo ya, es que no sirve ponerlo en links porque trae problemas con el tema del posicionamiento, segun lo que lei, el robot de google no lee los links en javascript (Corrijanme si estoy equivocado)

Un abrazo!
  #4 (permalink)  
Antiguo 22/03/2010, 09:41
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Css y texto en diagonal

Es verdad, vas a tener que esperar que alguien con mayor conocimiento en CSS te diga si existe o no una manera de lograrlo con solo CSS.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #5 (permalink)  
Antiguo 22/03/2010, 13:38
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 8 años, 4 meses
Puntos: 4
Respuesta: Css y texto en diagonal

Muchas gracias igual por tu respuesta, y sobre todo valoro las ganas de ayudar, ya te di karma antes asi que no me deja darte por este thread.

ya que estamos en con este tema, si hago tmb un menu desplegable en javascript (se que en css se obtiene casi exactamente lo mismo) tengo el mismo problema??


Mcuhas gracias
  #6 (permalink)  
Antiguo 22/03/2010, 13:57
 
Fecha de Ingreso: febrero-2008
Mensajes: 38
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Css y texto en diagonal

Eso lo puedes hacer con CSS3 pero la propiedad por ahora solo la soporta Safari y Chrome, si lo quieres usar realmente tendras que esperar a que salga ie9 o la nueva version de firefox
  #7 (permalink)  
Antiguo 22/03/2010, 15:21
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Css y texto en diagonal

Lo que ocurre con JS, es que el código GENERADO por este, no es leído por los buscadores y además contiene problemas de accesibilidad.

Pero si hablamos de código que modifique la parte visual (Como para hacer menús desplegables), no hay problema con ello, solo asegúrate que haya una forma de mostrar el contenido siempre, en caso que JS sea desactivado.

Ya estaba por responder que no había forma, pero la respuesta de Trypat me llenó de curiosidad. ¿Cuál es esta propiedad que permite hacerlo en webkit?

PD: Se que el ejemplo de abimaelrc no sirvió para nuestro caso, pero estoy casi seguro que había una forma en JS de cambiar la inclinación de los elementos, desafortunadamente no tengo idea de como sea :S
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #8 (permalink)  
Antiguo 22/03/2010, 17:27
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 8 años, 4 meses
Puntos: 4
Respuesta: Css y texto en diagonal

No es que no sirvio, esta bueno y me sirve para "visual" pero no para "link".

Entoces, pasando un poco en limpio esto, con js no puedo hacer funciones que contengan links ya que no se leen por los buscadores, pero si puedo hacer menues desplegables en js?

Y sobre la propiedad del css3 que solo se va a ver en chrome y safari no se si es "redituable" ya que solo van a poder utilizar el link los que tengan estos exploradores, y quiero armar algo bastante generalizado y no para unos cuantos!

Un abrazo!
  #9 (permalink)  
Antiguo 22/03/2010, 22:07
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Css y texto en diagonal

El resumen:

document.write(un enlace); ← Mal.

<a>enlace</a> + modifica-enlaces.js ← Bien.

Sobre la propiedad que buscas, solo he encontrado para JavaScript, manipular el estilo de filter, exclusivo para IE... En resumen, nada.

Creo que tampoco será posible. Supongo que esta es una de esas exclusivas ocasiones donde lo más recomendado será una imagen que tenga el texto que desees mostrar (No olvides complementarlo con su respectivo ALT).

En cuanto a la propiedad CSS3, Firefox 3.7 está aceptando bastantes de las nuevas, quizá ya sea "redituable" próximamente, complementándolo con el filter de IE. Independientemente, me da curiosidad conocer sobre esta propiedad pronto a llegar
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Etiquetas: Ninguno
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 08:59.