Sombras aquí y allá, son la debilidad de algunos y en CSS-TRICKS nos muestran la forma de añadirla a lo largo del borde superior de la página con un breve código que añadiremos en los estilos justo antes de ]]></b:skin>

body:before {
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;

-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
box-shadow: 0px 0px 10px rgba(0,0,0,.8);

z-index: 100;
}
Σ=o) Pau

Me encantan las sombras!!!!! :)
Apenas lo vi lo aqplique en mi blog, lo he armado con tantos detalles (dos de ellos son gracias a ti y halloween, las sombras en las imagenes y el hover subrayado ;)) que le quedaba precioso :D

Gracias, besos ronroneados en mi abrazo ninda ^_^

Responder
Adrián J. Messina

Si, es una de mis debilidades visuales.
Le dá un toque sencillo y de gran diseño.
Gracias por todo Gema.

Responder
MexaaC

Gracias GEM@ por este aporte, me encantó y se ve hermoso en mi blog :D

Responder
Javierlota

Genial!!

Muchas gracias Gem@

Responder
Gem@

:: Lo sé Pau y a mí también!! Karla de Compartidisimo también es una apasionada de las sombras :)
Aunque los gatitos siguen ganando verdad?

:: Bienvenido al club Adrián :)

:: Me alegra que te guste MexaaC :)

:: De nada Javierlota, gracias por comentar ;)

Responder
Martin

hola GEM@, he estado en busca de muchos blogs para encontrar un tema en concreto pero no lo he encontrado, me dispuse pues a buscar archivos jQuery e instalarlo en mi blog pero me resulta demasiado complicado, yo quiero poner este: "http://jqueryui.com/demos/tabs/default.html" en mis páginas estáticas, para no tener que poner varios enlaces sobre un tema en especial. Te dejo el link de jQuery para que puedas descargarlo y seguir su ejemplo. La página es:"http://jqueryui.com/demos/tabs/#default".
Espero tengas un cachito de tiempo para mí (si no lo tienes no hay problema, yo me las arreglaré) ;D

Responder
Martin
Este comentario ha sido eliminado por el autor.
Responder
Martin
Este comentario ha sido eliminado por el autor.
Responder
♥ Ana

Otra cosa más que te he copiado, voy a tener que hacerme socia honoraria de tu blog, jajajaja
Me encantan las sombras, ya te copié otro truco hace tiempo y ahora, éste, además es facilísimo de hacer
Un besote

Responder
daRIo

Interesante!!, estoy armando mi blog con la su ayuda, me atrevi a enlazar su blog (en fase de prueba) asi como de los demas que me ayudan.
Solo que hey notado una cosa yo uso como S.O. Ubuntu :) y cuando cargo tu blog en firefox o google chrome me muestra que no existe esta pagina (el mensaje es del navegador, no de blogger), pero cuando uso windows |O si puedo ver tu blog.
Hey verificado la direccion esta escrito bien, tratare de subir algunas imagenes de este error que me muestra a mi.
Por el resto, me estas siendo de gran ayuda, Gracias

Responder
Gem@

:: Martin dime donde lo tienes añadido que pueda verlo online.

:: Ojalá todo fuera tan sencillo Ana :)

:: daRIo el problema es de el guión final de la url gemablog- el mismo problema lo presentar Linux :(

Responder
daRIo

Tengo un problema, con los comentarios, en firefox no me muestra el formulario para escribir, en IE y Chrome si. me puedes ayudar

Responder
Martin

Te puse los links Gem@ si no los ves te los pongo otra vez, lo que quiero es este Demo, para ponerlo en mis páginas estáticas, hay varias opciones que escojer seún tus necesidades los ejemplos son. Puedes descargar este tema en la pestaña Download y seleccionar "Tabs" aquí el link.
Espero te haya respondido a tu duda.

Responder
Martin

Te puse los links Gem@ si no los ves te los pongo otra vez, lo que quiero es este Demo, para ponerlo en mis páginas estáticas, hay varias opciones que escojer seún tus necesidades los ejemplos son. Puedes descargar este tema en la pestaña Download y seleccionar "Tabs" aquí el link.
Espero te haya respondido a tu duda.

Responder
www.Return222.com

Hola Gema , estoy intentando utilizar el JQuery en Blogger pero no se como subir los archivos como este por ejemplo http://workshop.rs/projects/jqfancytransitions/jqFancyTransitions.1.7.min.js

La verdad es que quiero empezar desde el principio con JQuery , se que hay que descargarse un archivo en la pagina de Jquery , pero lo que no se , es que hacer con esa pagina que se habre despues

http://code.jquery.com/jquery-1.5.1.js ni idea la forma de subirlo a blogger

llevo horas pero nada

mi intencion era utilizar esto http://workshop.rs/projects/jqfancytransitions/

en la cabecera pero me sale esto http://plantilla222.blogspot.com/

img1 img2 img3

vamos que no doy con la forma :$

Responder
Beben Koben

many bloggers from spain country is greats...
I became more and more like to visit blogger from Spain :$
Nice to meet you...
Salam Beben si bloglang anu ganteng kalem tea \m/

Responder
Martin
Este comentario ha sido eliminado por el autor.
Responder
Gem@

:: daRIo no sé el motivo de esa diferencia :S entre navegadores quizás pueda ayudarte JMiur de: http://vagabundia.blogspot.com/

:: www.Return222.comen trabajar con jQuery requiere añadir la librería y luego ya según el efecto añadimos el Plugin, es muy poco largo para explicar aquí pero tienes la posibilidad de descargar el ejemplo en http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/ en esa descarga proporciona todo lo necesario scripts, css y html del ejemplo.
Si no tienes prisa hago una entrada un día de estos.

:: Beben Koben gracias!! :)

:: Martin no termino de entender lo que deseas hacer pero el cuando modificamos el a href="#" de un enlace lo que hacemos es sustituir la almohadilla # por la url del sitio que vamos a enlazar.


::

Responder
Martin

Hola!! Por fin ha quedado, tal cual como yo quería. He borrado todos mis comentarios.

Lo que yo quería era así: http://martinelcv.blogspot.com/p/arrrchivos.html

Que consistía en poner mucha información en diferentes pestañas (secciones) sin salirte de la página actual, lo cual ahorra mucho espacio y muchas molestias. Cuando vayas a navegar por cada pestaña llamada Noticia 1, Noticia 2, etc. Notarás que hay diferente información y que no te sales de la página.

Responder
www.Return222.com

Ok Gracias gema prefiero esperar a tu entrada que te explicas muy bien asi aprendo a subir las librerias , un saludo

Responder
Gem@

:: Genial Martin, me alegra lo consiguieras :)

:: www.Return222.com no me olvido es que ando justa de tiempo.

Responder
Gem@

:: www.Return222.com recién veo que Vagabundia tienes explicado la forma de aplicarlo al blog, por si te interesa y tienes prisa puedes verlo:

http://vagabundia.blogspot.com/2010/08/fancy-transitions-con-jquery.html

Responder
Nicole

Interesante lo de las sombras!

Gema tengo una duda, cómo puedo poner ese menú que aparece en las páginas estáticas, con los corchetes y las separaciones? llevo tiempo buscando el truco pero no lo encuentro! aunque lo he visto en varios blogs...

Desde ya, gracias!

Gem@

Hola Nicole, hace tiempo hice un post con ese menú lo encontrarás en la etiqueta menús. Cualquier problema me visas :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:) :'( :( :P :D :$ ;) :-I :X :O |O :S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top