[Tutorial] Poner sombras a los enlaces

ahi te va un gracias ya que es un truco que a muchos les vendrá muy bien ara personalizar sus foros

Que buen tutorial Calamar :D a muchos usuarios les servirá
+1

Padding plis!! XD
Está bien el tuto, pero faltaría un demo más personalizado y guapo :D
Está muy simplon ese C;

ADiós ´+1

@ angeluz gracias por tu observación .
He modificado el primer mensaje pensando que también al pasar el ratón el enlace se hundiría como un botón .

Saludos .

Bueno aquí creo que has colocado dos cosas nuevas .

Sin embargo quiero aclarar un punto, cuando tu tienes un efecto normal, a mi me gusta por ejemplo diferenciarlos asi como has echo, asi sabré si estoy haciendo bien las cosas xd.

La rutina.

.mi_css {
color: #cacaca;
background: url(algunaimagen) no-repeat;
padding: 0 20px;
}

Nos hará un efecto de tipo una imagen y luego un texto el cual tendrá un color similar al gris si no mal recuerdo.

Luego de esto podemos agregar efectos de dos tipos: hover y active

El efecto hover es al colocar el mouse sobre dicho estilo y el segundo es al hacer clic o que ese elemento este activo, aunque en MyBB ese tipo de eventos no son casi visibles, sin embargo en documentos html si lo son en menús mas que nada .


.mi_css: active {
color: #424242;
}

Al hacer clic cambiará el color a negro queda desapercibido casi por completo, sin embargo dejen pulsado el clic y veran que se queda de ese color . Es cuando el elemento pasa a estar activo.

.mi_css:hover {
color: #4c84bd;
text-decoration: underline;
font-weight: bold;
box-shadow: 6px 6px 8px -3px rgba(0,0,0,0.75);
transition: all 0.5s ease;
}

Aquí estoy acomodando varios efectos, los cuales se pueden agrupar en diversos efectos o transiciones con sólo css.

Sin embargo aquí todos los coloque a un tiempo considerable donde la vista pueda apreciar el cambio al pasar el mouse sobre esa estilización .

Esto le colocara un colos azul al texto, con subrayado la letra en negritas y el efecto de sombra que nos compartió calamar, sin embargo será un poco mas apreciable y sin usar jQuery, lo cual podría darle los efectos similares, sin embargo con las herramientas de css se logran efectos como estos sin tanto embrollo .

Ahora cabe aclarar que las rutinas siguientes:

-webkit (chrome y creo que safari )
-moz (mozilla firefox)
-o (opera)
-ms (internet explorer)

Son herramientas de uso para desarrolladores únicamente y con propósitos de tener tu web con los efectos deseados, sin embargo hay un convenio donde todos deben adaptarse por norma a las especificaciones de la w3c y ya lo están haciendo, si no es que ya lo hicieron .

Yo desde hace mucho no uso esas rutinas ya que los sitios actualizados marcan como error todo esto y te dejan hojas de estilo mal logradas (muchos no leen o no e informan, yo compro las revistas y leo cosas y me informo de las nuevas tecnologías, asi que como dije a iñaki no recomiendo el uso de esas sentencias de desarrollador).

Lo único que deben usar son las líneas normales de código de la w3c y automáticamente estos serán cogidos por todos los navegadores, al menos yo he mirado que la gran mayoría ya lo hacen en sus últimas revisiones, asi que si tu usas el código como lo deje, ya no hay necesidad de agregar el de desarrollador, los que marque debajo, sólo asi debe funcionar y si no es porque su navegador es antigüo o no está con las normas oficiales, es como si aún declararas los documentos al inicio con etiquetas de HTML viejas (obsoletas), asi quedarán vuestros sitios si no se actualizan (obsoletos):

Ya no se usa de inicio el html, ni muchas cosas, sino que ahora debes declarar los tipos de documentos a utilizar y así saber sobre que estructura serán tomadas tus hojas de estilo y los contenidos .

para esto hay que leer documentos y más, asi que no se compliquen sólo haganme caso que si comienzan a no desarrollar sus temas verán errores muchos o su plantilla tendrá un precio bajo en el mercado, es como cuando comenzaba el SEO nadie le hacia caso, ahora todos quieren tener sus urls amigables y una estructura de códigos que tengan valor, asi serán las hojas de estilo en breve ya que este año debieran ya estar las normativas aplicadas en todos los navegadores o la gran mayoría, el único que siempre se reusaba era internet explorer, sin embargo ya sólo lo usan los que tienen la cabeza de robot y no piensan por si mismos .

Asi que incluso yo he mirado que internet explorer 10 ya cumple con muchas normativas, asi que si ese navegador ya lo tiene seguro los demás lo tendrán todo bien .

Es todo, saludos...