Posts Tagged ‘ Tip ’

3
12
Dec

Resaltar los tweets propios de twitter usando Stylish

Stylish es una extensión de Firefox que permite cambiar el aspecto aspecto de las pagina web cuando las visitas mediante el uso de CSS.

Escribe esto en un nuevo estilo:

Stylish

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("twitter.com") {
#home .mine{
background-color: #333 !important;
-moz-border-radius:10px;
}
}

#333 lo cambias por el color que prefieras.
Puedes cambiar el color del texto añadiendo esto: color: white !important;

Y obtienes esto:

twitter

Lo intenté con los replies, pero twitter no tiene una clase especial en esos tweets que los distinga de los demás (como si pasa con los tweets que escribe uno mismo).

  • Tweet propio:
    <li class="hentry u-Bleend mine status" id="status_xxx">
  • Tweet de alguien (en este caso Pley):
    <li class="hentry u-Pley status" id="status_xxx">

Ambos son “hentry“, “status“, cada uno tiene el autor propio como clase “u-Bleend” o “u-Pley“, pero solo el propio teine el “mine“.

1
19
Nov

La frase del año

Hoy me ha llegado esto a través del correo de un amigo, con ese mismo asunto:

En el mundo actual, se está invirtiendo cinco veces más en medicamentos para la virilidad masculina y silicona para mujeres, que en la cura del Alzheimer. De aquí algunos años, tendremos viejas de tetas grandes y viejos con pene duro, pero ninguno de ellos se acordará para que sirven.

No se vosotros, pero yo solo pude imaginarme a él diciendo estas cosas:

Gregory House

1
27
Nov

Tip en Fireworks para resaltar elementos o partes de una imagen

Es algo que es bastante simple y que uso bastante, así que voy a explicar como hacerlo en un plis.

Primero escogemos una imagen en la que haya una parte que nos interesa resaltar respecto a lo demás:

Yo escogí esta:
QDB 100 Quotes

Read the rest of this entry »

3
19
Nov

Hacer un texto curvado con Firewokrs y trazados

Bueno, este tip es realmente sencillo, es solo para descubrirles una sencilla función que quizás desconozcan, pues aunque uso bastante Fireworks, hasta no hace tanto que no me había dado cuenta de ella. Se trata de la función “Unir al trazado“. Esta función es solo para texto, y permite que un texto se vuelva curvo, siguiendo el perfil y la forma de un trazado previamente dibujado. Como es difícil explicarlo y mucho mas fácil mostrarlo, hagamos un ejemplo y se lo voy describiendo sobre la marcha:

Ejemplo de uso y sus características:

En este caso partimos de una imagen sencilla como es esta:

Imagen 1 del tip

Luego dibujamos un trazado usando la herramienta Pluma (P). No importa el grosor, el color o el estilo de trazado, solamente el recorrido que este describe. Un trazado podría ser esta curva, por ejemplo:

Imagen 2 del tip

A continuación insertamos el texto que destinaremos a que siga el trazado dibujado antes:

Imagen 3 del tip

Bien, sencillo hasta aquí. Ahora es cuando viene lo esencial:
Seleccionamos al mismo tiempo el trazado y el texto:

Imagen 4 del tip

Estando ambos seleccionados, nos dirigimos al menú “Texto” y hacemos clic en “Unir al trazado (Ctrl+Mayús+Y)”:

Imagen 5 del tip

Inmediatamente se hace la magia y el texto se pone donde estaba el trazado, siguiendo su forma. Del mismo modo, el trazado original desparece. Digamos que es como en flash, una guía, y como tal no se ve. Este proceso, hace que el texto se posicione encima del trazado y siga sus curvas y recorrido. La gracia de todo esto, es que el susodicho texto se mantiene como texto editable, con todas sus propiedades modificables sin problema alguno. Y esto mola.

Imagen 6 del tip

Procedamos a arreglar un poco la presentación, y así de paso les muestro algunas cosillas mas:
Observamos que ahora el texto se queda pequeño, puesto que está inclinado, ahora tiene más espacio. Lo hacemos mas grande cambiando el tamaño de la fuente en el panel Propiedades:

Imagen 7 del tip

Para no concluir el tip aquí, haremos unos retoques de más para que veáis algunas opciones más y como afectan al texto en cuestión:

Por ejemplo, copiamos el texto y lo pegamos un poco más abajo, de la siguiente forma:

Imagen 8 del tip

A continuación, teniendo seleccionado el segundo texto que acabamos de pegar, nos dirigimos al menú “Texto” y hacemos clic en la opción “Separar del trazado”:

Imagen 9 del tip

Una vez esto, lo que sucede es que volvemos a tener el trazado y el texto originales:

Imagen 10 del tip

Por ahora el texto no nos interesa, así que lo eliminamos. Vamos a centrarnos en el trazado: Lo retocamos un poco, le definimos un bonito estilo de linea y le damos un grosor apropiado mediante el panel propiedades:

Imagen 11 del tip

Ya tenemos una sencilla y clara imagen:

Imagen 12 del tip

De todas formas, veamos unas cuantas más opciones para poder estilizar el texto curvado de distintas formas. En el mismo menú de “Texto”, teniendo el texto curvado seleccionado, podemos variar su “Orientación” como sigue en las imágenes:
(La primera opción es la opción por defecto, es la mostrada en las imagen anterior)

Imagen 13 del tip
Imagen 14 del tip
Imagen 15 del tip

Bueno, hasta aquí el tip. Solamente déjenme enseñarles otro ejemplo, quizás algo más artístico y sofisticado. A la izquierda pueden observar el resultado, mientras que a la derecha pueden ver los trazados originales de la imagen:

Copa con letras de agua y trazados

No es nada complicado, solo hace falta echarle un poco de imaginación y tener buen gusto!
Espero les sea de ayuda en sus diseños/presentaciones! ;)

3
20
Jan

Añadir botones en el editor de WordPress

Cuando no usamos el editor visual de WordPress y editamos el código HTML, tenemos una serie de botones que nos ayudan a insertar etiquetas HTML en nuestro texto. En este post explicaré como aumentar y personalizar las acciones de esos botones en la cabecera del escritor de posts.

Botones del editor de WordPress

Método Manual

Para añadir botones nosotros mismos modificando los archivos de WordPress, lo haremos de esta forma, ya que nos permite personalizar más los botones, ya que podemos pedir parámetros al usuario con una caja de texto de entrada de datos.

modificaremos este archivo: [Dirección del blog]\wp-includes\js\quiktags.js con nuestro editor preferido. Al abrir, buscamos esta sección de código JavaScript:

edButtons[edButtons.length] =
new edButton('ed_em'
,'i'
,''
,''
,'i'
);

Si saben HTML, no necesitan que les explique nada mas. Simplemente, copiando el bloque este y cambiando las etiquetas de abrir y cerrar nos bastará. Por ejemplo, para justificar texto:

edButtons[edButtons.length] =
new edButton('ed_em'
,'justify'
,'
'
,'

'
,'justify'
);

Método Automático

Ok, ahora que ya sabemos la teoría, les puedo decir que hay un plugin que lo hace solo, únicamente le indicas las etiquetas de abrir/cerrar. Este plugin se llama WP-Quicktags

Pluguin para añadir Quick Tags

Pueden descargarlo Zip aquí, funciona como siempre: Lo pones en la carpeta “plugins”, lo activas desde Panel de control de WP y luego le pones las etiquetas que prefieras

6
22
May

Tips rápidos de Action Script 3

Hace poco Adobe lanzó el Creative Suite 3.

Nuestro amigo Flash, incorpora una nueva versión de Action Script, la versión 3.
En su anterior versión 2, todos estábamos muy acostumbrados a hacer las cosas de una forma, que, en Action Script 3 es completamente inoperante.

Pongo unas cuantas traducciones de algunas de las funciones mas comunes:

ActionScript 2.0:

btn._x=10;
btn._y=20;

ActionScript 3.0:

btn.x=10;
btn.y=20;

Read the rest of this entry »