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 :-$ :-|

7 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
tHeLaRiOs  

Hola amigo vengo haber si me pudieras ayudar con una duda , la duda es como podria cambiar el tamaño de una sidebar al entrar a un post , si te doy ejemplo:
http://peliculasdirecto.blogspot.com/

en esa pagina la sidebar son un de tamaño , pero al entrar en el post estan cambian de tamaño se hacen mas grandes , y ademas las sidebar de la portada no salen , es raro tratandose de blogger, bueno sin mas espero y me puedas ayudar , salu2

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
tHeLaRiOs  

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 ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

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