WordPress, SEO, WPO, Apple, motos, bicis y todo de lo que me gusta hablar
Stripe generator es una magnifica herramienta online con la que podrás crear tus fondos personalizados en un momento y con un estilo web 2.0 muy logrado.
Yo ya me he hecho unos cuantos fondos y los he estado probando y quedan realmente bien, en pocos segundos te crea el fondo con los colores y el tipo de rallado que elijas.
Creo que con esta herramienta voy a pasar un poco de Photoshop, es mucho más rápida y efectiva. Os la recomiendo a todos.
Ya esta aquí el nuevo theme de TuM. La verdad es que me ha dado más curro del que pensaba, ya que lo he creado desde cero, y eso que muchas de las imágenes e ideas están heredadas del ya famoso theme de ndesign-studio, llamado itheme. Principalmente se ha buscado que el proceso de carga sea mínimo con un rendimiento elevado, que aunque estaba activado wp-cache, se notaba en la carga de página. También he aumentado el ancho del theme en 150px, creo que ofrece una mejor lectura.
No hemos tenido mucho tiempo de probar el theme a fondo, pero en la mayoría de navegadores que se ha probado, se han corregido los fallos que hemos encontrado(yo y mi socio), aún así si encontráis algún fallo o cosa que se pueda mejorar, ya sabéis. Como os podéis imaginar el que más lata ha dado ha sido, como siempre Internet Explorer en las versiones 6 y 7 (la 5 no la hemos podido probar).
Me interesa mucho vuestra opinión de que os parece el nuevo theme de TengounMac, así que podéis cebaros todo lo que queráis en los comentarios 😛
El presente artículo explica como crear un bonito efecto de sombra en nuestros títulos, utilizando solamente CSS.
Este será el resultado final que esperamos obtener.
www.InKiLiNo.com
Primero marcamos el titulo con las etiquetas de span y le ponemos el nombre del identificador(id) que vayamos a poner en el CSS, en este caso es tituloconsombra, muy original ¿verdad? 😛
<span id="tituloconsombra">www.InKiLiNo.com</span>
A continuación sólo nos queda añadir el siguiente código CSS en nuestra hoja de estilos o en el mismo archivo, eso va a gusto del consumidor.
Sobretodo fijaros que el texto del campo content, sea el mismo que el texto que queremos sombrear.
#tituloconsombra{
font-size: 3em; /* Tamaño del texto */
display: block;
line-height: 1em;
color: #666;
background-color: transparent;
white-space: nowrap
}
#tituloconsombra:before,
#tituloconsombra:after{
content: "www.InKiLiNo.com"; /* Texto a sombrear */
display: block;
}
#tituloconsombra:before{
margin-bottom: -1.05em;
margin-left: 0.1ex;
color: #ccc; /* Color de la sombra*/
background-color: transparent;
}
#tituloconsombra:after{
margin-top: -1.05em;
margin-left: -0.1ex;
color: #fff; /* Color del texto*/
background-color: transparent;
}
Fácil, a que sí 😉
Magnifico tutorial con el cual aprenderás de una manera sencilla cómo hacer gotas de agua realistas sobre cualquier tipo de imagen, es más fácil de lo que parece, y quedan muy reales, me ha encantado.
Hay 20.000 tutoriales por la red sobre como crear de todo con photoshop, pero creo que este verdaderamente impresionante.
No se si lo sabéis, pero soy un fan de photoshop, y creo que es el programa (sin contar wordpress) que más utilizo 😛
En este enlace podréis encontrar 16 ejemplos de código CSS para diferentes estilos de controles, con una pequeña demo de como queda en caso.
Estos ejemplos son muy útiles si estáis empezando con CSS, porque podéis ver facilmente y con claridad como cambia el estilo de un botón o un campo de texto, modificando sólo un pequeño valor del CSS.
Esta chuleta CSS es una hoja de referencia y recordatorio, en la que se enumeran todos los selectores CSS 2.1, creo que es una hoja muy útil y que vale la pena tenerla imprimida y a mano, para cualquier consulta que tengamos que hacer sobre CSS.
De aquí os podéis descargar el pdf, listo para imprimir.
Si crees que los emoticones(smiles) de WordPress son muy sosos y no te gustan, o por el contrario quieres cambiarlos por otros más guapos y con un estilo web 2.0, pues que sepas que puedes hacerlo y es muy fácil.
Lo primero es buscar unos emoticones que te gusten, o si eres un poco más apañado te los puedes crear tu mismo.
Lo siguiente es localizar la carpeta en la que Worpress guarda los emoticones que trae por defecto, y esta carpeta se encuentra en la ruta /wp-includes/images/smilies
Ya casi lo tenemos, ahora solo falta subir nuestros nuevos emoticones a dicha carpeta y modificar el archivo vars.php a nuestro gusto, lo podemos modificar en nuestro ordenador y después subirlo al servidor, o directamente desde el panel de administración de WordPress, en Gestionar –> Archivos, y escribiendo la ruta allí: /wp-includes/vars.php, abajo donde pone otros archivos, tal y como se muestra en la imagen.
No creo que haga falta que explique donde se pone la nueva ruta del emoticono, porque es bastante evidente, sólo hay que cambiar el nombre del archivo del emoticono viejo por el nuevo. El nombre esta al principio de la linea entre comillas simples y el archivo al final de la linea, también entre comillas simples.
Si queremos también podemos añadir nuevos emoticonos u otras imagenes en este archivo, que aparecerán al poner la palabra que le asignemos al principio de la linea, entre : y : Recordar que para llamar a estos emoticones, tendremos que escribir la palabra también entre :
Yo de momento me he puesto estos:
🙂 😕 😀 😛 😮 😡 😐 😉 8) 😯 🙁 🙂 😕 😀 😛 😮 😡 😐 😉
Otra forma de hacerlo, es cambiando simplemente los nombres a los archivos de los nuevos emoticones, o sea poniéndole a los nuevos el nombre de los viejos, es más chapucero para mi gusto, pero más rápido e igual de efectivo.
Cualquier duda o sugerencia en los comentarios.
Bueno ya ha llegado la hora de contaros como cree las imagenes del post de mis amigas, que como muchos adivinastéis ni las conozco, ya me gustaría… pero antes os dejo unas cuantas imagenes fake más 😛
Bueno si os han gustado aqui y aqui tenéis unas paginas en las que podéis crear vuestras imagenes personalizadas online, sólo tenéis que escribir el texto que queréis que aparezca y seleccionar una imagen, así de fácil. Seguro que existen un montón de webs más por la red de este tipo, si conocéis alguna dejarme el enlace en los comentarios, para que las conozca todo el mundo.
This function has been disabled for InKiLiNo.com.