JMiur [E]


Todo puede ser rotado, así que a varseb.com se les ocurrió usar esta característica del CSS3 para crear emoticones sólo con textos y si bien dicen que es algo que no pude usarse en Internet Explorer, en realidad, eso no es así y funcionará en cualquier navegador ya que todos disponen de una propiedad para rotar textos (:

Necesitamos crear una clase genérica para contenerlos con cualquier definición que se nos ocurra:
span.smile {
color: Cyan;
display: inline-block;
font-family: Tahoma;
font-size: 20px;
padding: 0 5px;
}
y dos más, con una podemos rotar 90° hacia la izquierda y con otra, hacia la derecha:
span.smile.left {
-webkit-transform: rotate(-90deg); /* Chrome y Safari */
-moz-transform: rotate(-90deg); /* Firefox */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
-o-transform: rotate(-90deg); /* Opera */
}

span.smile.right {
-webkit-transform: rotate(90deg); /* Chrome y Safari */
-moz-transform: rotate(90deg); /* Firefox */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* Internet Explorer */
-o-transform: rotate(90deg); /* Opera */
}
Y ahora, la podemos usar en cualquier parte:
<span class="smile right">:-)</span>

:-) :-D :-X :-( :-O :-$ :-|

6 comentarios:

Vku  

Por suerte hay personas con buenas ideas.
Por lo menos nos hacen sacar una sonrisa.

(¬_¬)(-_#)(+_*)

Responder
Yonathan  

Entendi la broma pero lo que no entendi es donde tengo que colocar el codigo XD si me ayudas :P

Responder
Naturaleza y M. A.  

Te dejo este enlace http://www.pacoelvira.com/2010/01/algunos-blogs-emblematicos-hechos-con.html

se habla mucho sobre los pros y contras de Blogger y las diferentes versiones de Wordpress me gustaria conocer tu punto de vista, saludos y gracias por tu blog.

Responder
Gem@  

Buen humor de algo que parece serio, si apuesto que estuviste jugando un buen rato ¿perdería?

Responder
JMiur  

yonathan:
El CSS se coloca junto con el resto de las reglas de estilo, por ejemplo, antes de </b:skin>

Naturaleza y M. A.:
Este blog está lleno de opiniones sobre el tea; esta entrada tal vez sea una de ellas. Uso ambos servicios y no me casaré con ninguno de ellos. Ninguno de ellos es perfecto y a los usuarios reales de la web, les tiene sin cuidado la plataforma en que está realizado un sitio.
Repetiré lo de siempre, sólo son herramientas así que el resultado, dependerá de quien lo use. El mejor cincel, no hará de mi un Miguel Angel, seguiré siendo un picapedrero. Seguramente, Miguel Angel hubiera cerado un David, aún cuando hubiera tenido que esculpirlo con las uñas.
El resto, usar esto o aquello, es sólo cuestión de gustos o comodidades subjetivas.

tHeLaRiOs:
Para eso, debes usar códigos condicionales; es basatente común en las plantillas de tipo Magazine. Detalles no puedo darte porque las posibilidades del diseño son infinitas.

Responder
Luis  

aa ok gracs amigo , salu2 ;)

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR