Imágenes con ascii y dibujos. Crear composición con letras.

• Arkworld

En la web arkworld.com podemos encontrar espectaculares dibujos realizados mediante el código ascii.

También podemos ver excelentes dibujos como el siguiente:

- Abrir una galleta china de la suerte...

Arkworld es un lugar fantástico...

• Alan Ayers

Para los que busquen otro tipo de imágenes que les recordarán a algunas portadas de libros esta la web de este dibujante, ¿o fotógrafo?


• Wordle.net

Para los que quieren hacer composiciones con textos existe wordle.net.

Si entras en su creador de imágenes y en "Paste in a bunch of text" colocas las letras, palabras que vayan a formar parte de tu composición. Pinchamos "Submit" y nos lleva a una pantalla distinta parecida a la siguiente:

Como cualquier menú podemos cambiar las letras, fondo, situación de las palabras y múltiples cambios más.


Otras opciones:

■ Animalitos:

<º))))>< ><((((º>

<('o'<) ^( '-' )^ (>‘o’)>

v( ‘.’ )v

<(' .' )>

<('.'<) ^( '.' )^ (>‘.’)>

v( ‘.’ )v

<(' .' )>

,___,
[O.o]
/)__)
-”–”-

( ) ( )
(* .*)
(”__”)

::: (\_(\
*: (=’ :’) :*
•.. (,(”)(”)¤°.¸¸.•´¯`»

(V)
(. .)
c(”)(”)

(\_/)
(°.°)
c(”)(”)

(\_/)
(°.°)
o( )o
O_O

(> " " <)
( ='o'= )
-(,,)-(,,)-

■ Dibujos:

- Besar

___________________________________$$$$$$$$$
___________________________________$$$___$
___________________________$$$____$$$$
_________________________$$$$$$$__$$$$$$$$$$$
_______________________$$$$$$$$$___$$$$$$$$$$$
_______________________$$$___$______$$$$$$$$$$
________________$$$$__$$$$_________________$$$
_____________$__$$$$__$$$$$$$$$$$_____$____$$$
__________$$$___$$$$___$$$$$$$$$$$__$$$$__$$$$
_________$$$$___$$$$$___$$$$$$$$$$__$$$$$$$$$
____$____$$$_____$$$$__________$$$___$$$$$$$
__$$$$__$$$$_____$$$$_____$____$$$_____$
__$$$$__$$$_______$$$$__$$$$$$$$$$
___$$$$$$$$$______$$$$__$$$$$$$$$
___$$$$$$$$$$_____$$$$___$$$$$$
___$$$$$$$$$$$_____$$$
____$$$$$$$$$$$____$$$$
____$$$$$__$$$$$___$$$
____$$$$$___$$$$$$
____$$$$$____$$$
_____$$$$
_____$$$$
_____$$$$


- Estrellas


´´´´´´´´´´¶¶*..**..*
´´´´´´´´´¶¶¶ .*.*.*.
¶¶¶´´´´´¶¶´¶*..**.*.
´¶¶¶¶¶¶¶¶´´¶*.*.**..**.
´´´¶¶´´´´´´¶¶¶¶¶¶¶¶¶*.*.*.*.*.
´´´´´¶¶´¶¶´´´´¶¶¶¶*.*.**.
´´´´¶¶´´´´´¶¶¶.**.**.*.
´´´¶¶´¶¶¶¶´´¶*.*.*.**.
´´¶¶¶¶¶´´¶¶´¶´´´´´´´´¶*.**.*.*.*
´¶¶´´´´´´´´¶¶¶´´´´´´¶¶*..**.*.
´´´´´´´´´´´´¶¶´´´´´¶¶¶*.*.**.*
´´´´´´´´´´´´´´´´´´¶¶¶¶¶*.*.**.*.*
´´´´´´´´´´´´´´´´´¶¶¶¶¶¶*.*.*.*.*
´´´¶¶¶¶¶´´´´´´´´¶¶¶´´¶¶ *.**.*.*
´´´´´¶¶¶¶¶¶¶¶¶¶¶¶¶´´´¶¶*..**.**.*
´´´´´´¶¶¶¶´´¶¶¶¶¶´´´´¶¶¶*.**.*.* /
´´´´´´´´¶¶¶´´´´´´´´´´¶¶¶¶¶¶¶¶¶¶¶*.*.**…
´´´´´´´´´¶¶¶¶´´´¶¶¶¶´´´´´´´´¶¶¶¶¶¶¶¶*….
´´´´´´´´´´´¶¶¶¶´¶¶¶¶´´´´´¶¶¶¶¶¶*.**.*
´´´´´´´´´´´¶¶¶´´´´´¶´¶¶¶¶¶¶*.*.*.**.
´´´´´´´´´´¶¶´´´´´¶´´´´¶¶*.*.*.**.
´´´´´´´´´¶¶´´¶¶¶¶¶¶´´´¶¶¶*.*.*.*
´´´´´´´´¶¶¶¶¶¶¶¶´¶¶¶¶´¶¶¶ .**.*.
´´´´´´´¶¶¶¶¶´´´´´´´¶¶¶¶¶¶ *.**.*
´´´´´¶¶¶¶´´´´´´´´´´´¶¶¶¶¶ *.**.
´´´´´¶´´´´´´´´´´´´´´´´¶¶¶*.*.*.
´´´´´´´´´´´´´´´´´´´´´´´¶¶¶*.*.**.
´´´´´´´´´´´´´´´´´´´´´´´´¶*.*.**.*
- Delfín
__________________ ##
_________________###*
______________.*#####
_____________*######
___________*#######
__________*########.
_________*#########.
_________*#######*##*
________*#########*###
_______*##########*__*##
_____*###########_____*
____############
___*##*#########
___*_____########
__________#######
___________*######
____________*#####*
______________*####*
________________*####
__________________*##*
____________________*##
_____________________*##.
____________________.#####.
_________________.##########
________________.####*__*####

- Hello Kitty

´´´´´´´¶¶¶¶´´´´´´´´´´´´´´´´´´
´´´´´´¶¶´´´´¶¶¶¶¶´´¶¶¶¶´¶¶¶¶´´
´´´´´´¶´´´´´´´´´´¶¶¶¶´¶¶´´´´¶´
´´´´´´¶´´´´´´´´´´¶´¶¶¶¶¶¶´´´¶´
´´´´´¶´´´´´´´´´´¶¶¶¶¶´´´¶¶¶¶¶´
´´´´¶´´´´´´´´´´´´´´´´¶¶¶¶¶¶¶¶´
´´´¶´´´´´´´´´´´´´´´´´´´¶¶¶¶¶´´
´¶¶¶´´´´´¶´´´´´´´´´´´´´´´´´¶´´
´´´¶´´´´¶¶´´´´´´´´´´´´´´´´´¶´´
´´´¶¶´´´´´´´´´´´´´´´´¶¶´´´´¶´´
´´¶¶¶´´´´´´´´´¶¶¶´´´´¶¶´´´¶¶´´
´´´´´¶¶´´´´´´´´´´´´´´´´´´¶¶¶´´
´´´´´´´¶¶¶´´´´´´´´´´´´´¶¶¶´´´´
´´´¶¶¶¶¶´¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶´´´´´´
´´´¶´´´´¶¶¶¶¶´´´´¶¶¶¶´´´¶´´´´´
´´´¶´´´´¶¶¶´¶¶¶¶¶¶¶¶´´´¶¶¶´´´´
´´´¶¶¶¶¶¶¶¶¶¶¶¶¶´´¶¶¶¶¶´´´¶¶´´
´´¶´´´´´´¶¶¶¶¶¶¶¶¶¶¶´´´´´´´¶´´
´¶´´´´´´´´´¶¶¶¶¶¶¶¶´´´´´´´´¶´´
´´¶´´´´´´´´¶¶¶¶¶¶¶¶´´´´´´´´¶´´
´´¶¶´´´´´´´¶¶´´´´¶¶´´´´´´¶¶´´´
´´´´¶¶¶¶¶¶¶´´´´´´´´¶¶¶¶¶¶´´´

- Manos:


$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$_____$$$$
$$$$_____$$$$$$$$$$$$$$$_____$$$$
$$$$_____$$$$$$$$$$$$$$$_____$$$$
$$$$_____$$____$$$____$$_____$$$$
$$$$_____$______$______$_____$$$$
$$$$_____$______$______$_____$$$$
$$$$_____$____$$$$$$$$$$$$$$$$$$$
$$$$_____$___$$___________$$$$$$$
$$$$_____$__$$_______________$$$$
$$$$__________$$_____________$$$$
$$$$___________$$___________$$$$$
$$$$_____________$_________$$$$$$
$$$$$_____________________$$$$$$$
$$$$$$___________________$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

________´$$$$`_____________________________,,,_
_______´$$$$$$$`_________________________´$$$`
________`$$$$$$$`______,,________,,_______´$$$$´
_________`$$$$$$$`____´$$`_____´$$`____´$$$$$´
__________`$$$$$$$`_´$$$$$`_´$$$$$`__´$$$$$$$´
___________`$$$$$$$_$$$$$$$_$$$$$$$_´$$$$$$$´_
____________`$$$$$$_$$$$$$$_$$$$$$$`´$$$$$$´_
___,,,,,,______`$$$$$$_$$$$$$$_$$$$$$$_$$$$$$´_
_´$$$$$`____`$$$$$$_$$$$$$$_$$$$$$$_$$$$$$´_
´$$$$$$$$$`´$$$$$$$_$$$$$$$_$$$$$$$_$$$$$´_
´$$$$$$$$$$$$$$$$$$_$$$$$$$_$$$$$$$_$$$$$´_
___`$$$$$$$$$$$$$$$_$$$$$$$_$$$$$$_$$$$$$´_
______`$$$$$$$$$$$$$_$$$$$__$$_$$$$$$_$$´_
_______`$$$$$$$$$$$$,___,$$$$,_____,$$$$$´_
_________`$$$$$$$$$$$$$$$$$$$$$$$$$$$$$´_
__________`$$$$$$$$$$$$$$$$$$$$$$$$$$$´_
____________`$$$$$$$$$$$$$$$$$$$$$$$$´_
_______________`$$$$$$$$$$$$$$$$$$$$´_

_______________+88
_______________+880
_______________++880
_______________++880
________________+880
________________+8880
________________++880
________________++888_____+++88
________________++8888__+++8880++88
________________+++8888+++8880++8888
_________________++888++8888+++888888++8888
_________________++88++8888++8888888++888888
_________________++++++888888888888888888_+88
__________________++++++88888888888888888_++8
__________________++++++++000888888888888+88
___________________+++++++000088888888888_88
____________________+++++++00088888888888
_____________________+++++++088888888888
_____________________+++++++088888888888
______________________+++++++8888888888
______________________+++++++0088888888
______________________++++++0088888888
______________________++++++00888888l


- Flores:

_____________8__88_____8
____________88_8__8_____8
___________888_____88___88888
__________8888______88_8____88
_________8888_______88______8_8
_________8888_______88______8_8
_________8888_______8_______8
_________8888_____8_______8
__________88888____8______8
___________8888888______8
__888_________88888_8
8888888________88_____
_8888888_______8_____
__888888_______88_____
___88_____8_____8_____
____8______8____8_____8_88
_______8888_8__88_8_88888
_____888888_8_88__8888888
____8888888__88______88888
____88888_____8_________888
____88_________8__________8
_____8_________8_____
_______________8_____
____________8_8_____
_____________88_8_____
______________88_____
______________8_____

:::: , : - -:- - : , :::::
:::: ) ` - : : - `(::::::
::: / : : : :`\: : :\ ::::
::: |: : : : : |: : :| ::
:::: \ : : : :/ : : / :::::
:::::: `=(:/:)=` :::::
:::::::: `-;`;-’ ::::::::
::::::::::: || :: , ::::::
::::::::::: ||_-’| ::::::
::::::: |’-: || : / ::::::
::::::::\ : || :’ / ::::::
::::::: \ : || : /:::::::
::::::::: \:|| : /::::::
::::::::: \:||:/ :::::::
:::::::::::\||/:::::::::
::::::::::::|| :::::::::
::::::::::::|| :::::::::
::::::::::::|| :::::::::
::::::::::::|| :::::::::
::::::::::::||::::::::::

__________@@@@@@
_________@________@________@@@@@@
________@___________@_____@_________@
________@_____________@@@__________@
_________@___________________________@
__________@_______@@@@@___________@
___@@@@@@____@@@@@@@_________@
__@_____________@@@@@@@_________@
_@_____________@@@@@@@@_______@
_@_____________@@@@@@@@_____@
_@_____________@@@@@@@______@
___@____________@@@@@_________@
_____@@@@@_______________________@
_________@@_________________________@
_________@___________@@___________@
__________@________@@__@@@@@@@
___________@_____@@
____________@@@@_@
____________________@
____________________@
____________________@
_____________________@
______________________@
______________________@____@@@
______________@@@@__@__@_____@
_____________@_______@@@___@@
________________@@@____@__@@
_______________________@
______________________@
_____________________@
____________________@

- Corazones:

____ (¯`(♥)´¯) _____(¯`(♥)´¯)
___¶¶ (_.^._)¶¶__¶_¶¶(_.^._)¶¶
_¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶(¯`v´¯)¶
¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶(¯`(♥)´¯)¶
¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶(_.^._)¶¶
¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶(¯`v´¯)¶¶¶¶¶
_¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶(¯`(♥)´¯)¶¶¶
___¶¶¶¶¶¶¶¶¶¶¶¶¶¶(_.^._)¶¶
______¶¶¶¶¶¶(¯`v´¯)¶¶¶¶¶
________¶¶¶(¯`(♥)´¯)¶¶
___________¶(_.^._)¶
____________ ¶¶¶¶¶
_____________¶¶¶

_░▒███████
░██▓▒░░▒▓██
██▓▒░__░▒▓██___██████
██▓▒░____░▓███▓__░▒▓██
██▓▒░___░▓██▓_____░▒▓██
██▓▒░_______________░▒▓██
_██▓▒░______________░▒▓██
__██▓▒░____________░▒▓██
___██▓▒░__________░▒▓██
____██▓▒░________░▒▓██
_____██▓▒░_____░▒▓██
______██▓▒░__░▒▓██
_______█▓▒░░▒▓██
_________░▒▓██
_______░▒▓██
_____░▒▓██


_________00000000000___________000000000000________
______00000000_____00000___000000_____0000000______
____0000000_____________000______________00000_____
___0000000_______________0_________________0000____
__000000____________________________________0000___
__00000_____________________________________ 0000__
_00000______________________________________00000__
_00000_____________________________________000000__
__000000_________________________________0000000___
___0000000______________________________0000000____
_____000000____________________________000000______
_______000000________________________000000________
__________00000_____________________0000___________
_____________0000_________________0000_____________
_______________0000_____________000________________
_________________000_________000___________________
_________________ __000_____00_____________________
______________________00__00_______________________

……..@*@*
….@*……..@* …………………………@*
..@*……………@* ………………@*……..@*
.@*……………….@*……….@*……………..@*
@*…………………..@*…@*………………….@*
@*………………………*……………………..@*
.@*…………………………………………….@*
..@*………………………………………..@*
….@*…………………………………..@*
……..@*…………………………..@*
………..@*……………………@*
…………….@*…………..@*
……………….@*……@*
………………….*..@*
……………………@
……………………*
……………………@
……………………*

……..*………*
…..*……………*
…*………………..*
..*………………….*
.*……………………*………*….*
*…………………….*…*…………..*
.*…………………….*……………….*
..*…………………….*…………….*
…*…………………………………*
…..*…………………………….*
……..*………………………*
………..*………………….*
……………*……………*
………………*……….*
…………………*…..*
………………….*..*
……………………*
……………………*
…………………..*
……………………*
……………………..*
………………………..*
…………………………..*
……………………………*
………………………….*
……………………….*
………………………*
…………………….*

´´´´¶¶¶¶¶¶´´´´´´¶¶¶¶¶¶
´´¶¶¶¶¶¶¶¶¶¶´´¶¶¶¶¶¶¶¶¶¶
´¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶´´´´¶¶¶¶
¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶´´´´¶¶¶¶
¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶´´¶¶¶¶¶
¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ ´¶¶¶¶¶
´¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
´´´¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
´´´´´¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
´´´´´´´¶¶¶¶¶¶¶¶¶¶¶¶¶
´´´´´´´´´¶¶¶¶¶¶¶¶
´´´´´´´´´´´¶¶¶¶
´´´´´´´´´´´´¶¶

……….(…(`…-“’´´-…´)…)……….
…………..)……–…….–….(………..
…………./……(o…_…o)….\\……….
………….\\………(..0..)……./……….
……….__.`.-._…’=’.._.-.´.__…….
……./…….’#.’#.,.–.,.#’.#.’….\\…..
…….\\__))……….’#'……… ((__/…..
__xxxxxxxxxxx______xxxxxxxxxx
_xxxxxxxxxxxxxx___xxxxxxxxxxxxx
xxxxxxxxxxxxxxxx_xxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
_xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
__xxxxxxxxxxxxxxxxxxxxxxxxxxx
____xxxxxxxxxxxxxxxxxxxxxx
_______xxxxxxxxxxxxxxxxx
________xxxxxxxxxxxx
__________xxxxxxxxx
____________xxxxx
_____________xxx
_____________xx
_____________*


______<3 <3 <3<3______<3<3<3<3
___<3<3<3<3<3<3<3___<3<3<3<3<3<3
__<3<3<3<3<3<3<3<3_<3<3<3<3<3<3<3
___<3<3<3<3<3<3<3<3<3<3<3<3<3<3<3
____<3<3<3<3<3<3<3<3<3<3<3<3<3<3
_____<3<3<3<3<3<3<3<3<3<3<3<3<3
______<3<3<3<3<3<3<3<3<3<3<3<3
_______<3<3<3<3<3<3<3<3<3<3<3
________<3<3<3<3<3<3<3<3<3<3
_________<3<3<3<3<3<3<3<3<3
__________<3<3<3<3<3<3<3<3
___________<3<3<3<3<3<3<3
____________<3<3<3<3<3<3
_____________<3<3<3<3<3
______________<3<3<3<3
_______________<3<3<3
________________<3<3
_________________<3


Más en Emoticones japoneses o smilyes (caritas en el texto) estándar

Los Hombres de Paco van por su novena temporada en emisión en Antena 3 TV. Nunca he sabido si era de humor, irónica.....o de miedo "infantil" como en estos últimos episodios.

Tiene muy buenos actores en nómina pero exploté, (de ahí esta entrada), cuando escuché al productor de la serie Daniel Écija (ex de Belén Rueda y mano derecha de Emilio Aragón "todopoderoso en La Sexta TV") cuando dijo que era una serie con humor. ¿Humor en esta temporada?. ¿Usted, por casualidad, le ha echado un vistazo a la serie?...

Mire sr. Écija, por si no se ha dado cuenta las audiencias van cayendo y las escenas de miedo que emiten dan risa. Son una copia de grandes films que parecen preparados por los asistentes de un programa infantil tipo Teletubbies.

Siento comunicarle que la escena más interesante que se reproduce en algunos programas de crítica televisiva es la siguiente protagonizada por Aitor (Mario Casas) y Liz (Patricia Montero). El resto es "para echar a llorar".

**Me parece, a no ser que la serie tome otro rumbo, que esto no lo va a ver ni "Rita La Cantaora".

Vídeo de la escena de Sexo "tórrida" entre Aitor y Liz en Los Hombres de Paco.


■ Las escenas que van a pasar al ranking Culo veo, culo quiero sacadas del vídeo anterior.

Tiene guasa que lo más interesante de una serie que vale un "pastón" sea la parte trasera de Mario Casas. (ô_Ó)

Son notas, cajitas, recuadros que suelen usarse en posts, sidebars, gadgets para enmarcar un texto que uno quiera resaltar.

• Nota simple enmarcada:

<fieldset> Colocar el texto que se desee </fieldset>

Colocar el texto que se desee

• Si queremos colocar una Nota, Aviso el código es:

<fieldset>

<legend> Título de la nota o aviso </legend> Colocar el texto que se desee

</fieldset>

Título de la nota o aviso

Colocar el texto que se desee

• Se puede realizar una anotación con el texto que se desplace de un lado a otro:


<fieldset>

<legend> Título de la nota o aviso </legend>

<marquee> Colocar el texto que se desee y vemos como se mueve </marquee>

</fieldset>


Título de la nota o aviso

Colocar el texto que se desee y vemos como se mueve

• Si prefieres que el texto se mueva pero la letra sea mayor te propongo:


<fieldset>

<legend> Título de la nota o aviso </legend>

<marquee> <span style="font-size:140%;"> Colocar el texto que se desee y vemos como se mueve con letras más grandes </span></marquee>

</fieldset>


Título de la nota o aviso

Colocar el texto que se desee y vemos como se mueve con letras más grandes

* font-size nos marca el tamaño de la letra.
* marquee es el atributo que provoca el movimiento de las letras o imágenes.

• Si quieres colocar el título de aviso en negrita:


<fieldset>

<legend><strong> Nota o aviso en negrita </strong></legend>

<marquee> <span style="font-size:150%;"> Colocar el texto que se desee y vemos como se mueve con letras más grandes</span></marquee>

</fieldset>


Nota o aviso en negrita

Colocar el texto que se desee y vemos como se mueve con letras más grandes

■ Se pueden dar muchos estilos a estas notas o post it si jugamos un poco con marcadores sencillos.

- Mediante el atriburo style podemos hacer cosas como:


<fieldset style="border: 5px solid rgb(180, 4, 95); width: 500px;">

<legend>Nota o aviso</legend>Colocar el texto que se desee y que consideres interesante.

</fieldset>


Nota o aviso

Colocar el texto que se desee y que consideres interesante.

* border es el borde de la nota. En este caso le he dado un valor de 5 pero puede variarse más o menos a elección del gusto de cada cual.

* #B4045F es un color expresado de forma hexadecimal. En esta entrada puedes elegir el que más te guste.

* width: 500px; es el ancho de la nota. En este caso es de 500, pero se puede colocar en la medida que se desee.

• Además de lo que ya sabemos se puede colocar un fondo de color. Esto se hace añadiendo el atributo background:

Colocar el texto que se desee y que consideres interesante.


<fieldset style="border: 3px solid rgb(180, 4, 95); background: #FBFBEF; repeat; width: 500px;">

Colocar el texto que se desee y que consideres interesante.

</fieldset>



• También se puede agregar un fondo en forma de imagen

(Aviso: las notas que lleven un fondo de imagen podrían verse mal con la última versión de Internet Explorer. Sólo ocurre en los modelos que llevan "legend"; en el resto su visualización es perfecta.)

<fieldset style="border: 3px solid #B4045F; background: url(URL DE TU IMAGEN) repeat; width: 500px;">

<legend>Nota o aviso</legend>Colocar el texto que se desee y que consideres interesante.

</fieldset>

Nota o aviso

Colocar el texto que se desee y que consideres interesante.

• Combinación cambiando los estilos de los textos:

Nota o Aviso

Colocar el texto que se desee y que consideres interesante.

<fieldset style="border: 3px solid rgb(180, 4, 95); background: url(URL DE LA IMAGEN) repeat;" >
<legend><span style="font-weight: bold; color:rgb(255, 0, 0); ">Nota o Aviso </span></legend><span style="color: rgb(0,0,0);" ><span style="font-weight: bold;">Colocar el texto que se desee y que consideres interesante.</span></span>
</fieldset>

Colocar el texto que se desee y que consideres interesante.


<fieldset style="border: 3px solid rgb(180, 4, 95); background: url(URL DE LA IMAGEN) repeat;">

<span style="color: rgb(0, 0, 0);font-size:130%;" ><span style="font-weight: bold;">Colocar el texto que se desee y que consideres interesante.</span></span>

</fieldset>


►Lo imprescindible es:

- No olvidar colocar <fieldset> </fieldset>

- Colocar un número al borde que dará el ancho: border: 3px

- Decidir un tipo de borde: solid, dotted, double, dashed, groove, ridge, inset, outset.

- Background con imagen background: url(URL DE LA IMAGEN) o un color.

- El texto que va dentro de las notas lo puedes formar sin romperte la cabeza directamente en el editor que tiene Blogger:

Existen distintas páginas que nos permiten crear una figurita, personaje o avatar de forma gratuita.

■ Paso a enumerar algunas:

1. Bless This Chick
Se trata de añadir las herramientas que la página proporciona. Al final puedes enviarte a tu mail la imagen que has elaborado. Los resultados dependen de tu imaginación.

2. Raster Boy es una web donde puedes crearte un personaje o caricatura. Por ahora el resultado lo tendrás que captar haciendo una captura de imagen como se explica en este enlace. Puedes elegir entre chico o chica e idear el más sugerente.

3. Existe una web que convierte una foto en un personaje de los Simpson. Por ahora está saturada ante el alto número de visitantes.... Simpsonize me

4. Photofunia crea efectos en imágenes o fotos dotándolas de un nuevo aspecto original que puede adornar tu web o ser un nuevo avatar. Allí hay montones de opciones, basta elegir la que más se adapte a tus gustos.

Actualización:

■ Portrait Illustration Maker es lo último para generar rápidamente un retrato tuyo como si fueras un retazo de un cómic. Es divertido y "casual".

■ Pocoyízate es una aplicación online extraída de Mundo Pocoyó que permite crear un personaje similar a los que aparecen en la serie infantil Pocoyó.

Funcionamiento: elegir peinados, rasgos faciales, ropa, complementos...

El avatar resultante puede colocarse en cualquier red socia, guardarla en tu PC ...

■ ¿Quieres marcos? aquí encontrarás gran cantidad de marcos para decorar las imágenes.
Todo efectos es un generador online y en tres sencillos pasos tendremos lista nuestra imagen, sólo debemos escoger el modelo de marco, subir nuestra imagen, recortarla y claro está descargarla.

■ Photofacefun también te ayudará a hacer lindos combinados de imágenes.

■ Pizap genera imágenes divertidas en un solo click.

■ Crear un gif con Gickr

■ Crear avatares tipo South Park:

- sp-studio.de
- southparkstudios.com/avatar/

■ Otros:

Urfooz
Portrait Illustration Maker
WeeWorld
Joystiq Mii characters
Mini-Mizer
Meez
Simpsonize Me
Yahoo! Avatars
Cartoon Me
BeFunky
Moonjee
avatar.pho.to
Face your Manga
PicHacks para caricaturizar una imagen.

Cartoonize net permite subir tu foto y convertirla en un dibujo. Se puede añadir efectos varios.

¿Mola?

La web Translate this proporciona un botón muy pequeño que admite hacer traducciones de tu web en hasta 52 idiomas.

• Sólo hay que Copiar/Pegar (Copy and paste o Copy This) el código con script que muestran:

..... (mejor elegir el que proporciona la propia página （＾＿－）.....

<!-- Begin TranslateThis Button -->

<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>

<script type="text/javascript">

TranslateThis();

</script>

<!-- End TranslateThis Button -->


• Se introduce en un gadget HTLM/Javascript:

- Ir a Escritorio - Diseno - Elementos de la página - Añadir un gadget HTLM/Javascript tal como muestran las imágenes.

** Los traductores evolucionan con el tiempo. Siempre hay uno que se pone "de moda" y se usa más. Una de las pegas es la tardanza en conectar con el script que suele estar alojado en Google.
No es ningun misterio que el sr. Blogger muchas veces funciona como le da la gana y tarda en cargar sus propios archivos.
En fin, se trata de probar cual se adapta mejor a tus necesidades.

La página Google Traductor ofrece un servicio más para traducir tu web a otros idiomas.

No tiene ningún misterio ya que funciona como cualquier gadget normal. Sigues los pasos que te dan para obtener un código en la propia web: Google Traductor - Herramientas y Recursos

Al final sólo habrá que colocarse dentro de un gadget HTLM/Javascript, y ¡listos!.

En el documental Historia de Los Borgia, (Dinastia Borgia), que coincide con el 500 aniversario del nacimiento de San Francisco de Borgia, (cuarto Duque de Gandia), Jordi Savall violagambista, director de orquesta y musicólogo español, especializado en música antigua habla sobre su música y oficio.

Durante este concierto y toda su preparación se usan instrumentos de la época, (estos tienen un espíritu que les falta a los modernos), o que los imitan.

► Anédota dentro de este documental que da lugar a esta entrada:

Jordi Savall toca una viola de gamba italiana del 1697, (una soprano antigua), con un sonido único.

En medio de la entrevista el maestro Savall comenta:

- "Después de unos meses de viajes múltiples a Sudamérica, EEUU, Canadá, México, Australia, Nueva Zelanda cambié las cuerdas de la viola de gamba porque tenía un recital al cabo de 3 ó 4 días.
La noche antes del concierto saqué el instrumento e intenté tocarlo. No sonaba, era como si estuviera roto y no tuviera alma."



Inmediatamente se pone en contacto con David Bagué (importante luthier) en Barcelona y en cuestión de horas le llega la viola de Savall desde Italia.
El diagnótisco de Bagué fue que el instrumento simplemente estaba cansado. Necesitaba una cura de reposo, un descanso. Sólo se había quedado sin voz y necesitaba que le dejaran respirar para volver a ser el que había sido el primer día.

David Bagué afirma:
-"Soy constructor de violines, violas y chelo en la manera moderna, aunque no lo son ya que alrededor de 1580 comenzó a construirse de la misma forma en que lo hago yo y todos los luthiers que se dedican a este oficio."

Para Jordi Savall:
- "David Bagué construye instrumentos, (oficio raro), trabajando todas las técnicas y hace que cada uno de sus instrumentos sea una pieza de arte. Es un artista en el sentido que se entendía en la época del Renacimiento."


David Bagué responde:
- "Me cuesta mucho conseguir el salto entre arte y artesanía. Hay que pensar que son instrumentos para hacer música, no relojes para dar la hora.
La recuperación de obras antiguas viene de la mano del maestro Savall, no es exactamente mi trabajo. En estas situaciones hago todo lo que está en mis manos para poder dar un servicio".

Savall toca notas ante Bagué que lo escucha como un médico a su paciente para interpretar donde está el problema. Lo evalúa y busca la solución respetando al instrumento de 500 años.

Quita las cuerdas, lo toca, lima algunas partes, lo mide y hace que Savall lo vuelva a tocar para notar los cambios.

Jordi Savall apostilla el final de esta anécdota con la frase:
- "Al final te das cuenta que un instrumento es como una persona. Necesita que lo cuides y estés atento a él."

Webs de interés:

David Bagué:
• Biografía dentro del Gremio de Luthiers y arqueros de España.
• Visita fotográfica al taller de David Bagué
• Entrada en este Blog.
• Artículo publicado en "El Mundo".

Jordi Savall:
• Página oficial.
• Musicolog
• Documental de Jordi Savall ante la grabación de la Historia de los Borgia

David Bagué i Soler ( Luthier ), nació en Barcelona en 1964.

- Se inició en la construcción de violines a los 12 años, de forma autodidacta.

- Desde 1977, trabaja en su ciudad natal (Barcelona).

- En 1982 frecuentó un curso de verano para estudiar italiano en el Istituto Italiano di Cultura di Barcellona. Se traslada a Cremona para profundizar en el estilo sin que su obra pierda personalidad. Paralelamente, se matriculó en el Instituto Professionale Internazionale per l'Artigianato Liutario e del Legno, y también, trabajó en el taller del maestro luthier Mathys Adriaan Heyligers.

- David Bagué, es el pionero de la lutheria contemporánea española, conocido por el sobrenombre de ‘lospagnoletto'.

- Miembro fundador de la Asociación Española de Maestros Luthiers (AEML), más tarde Asociación de Luthiers y Arqueteros de España (ALAE). Actualmente es vicepresidente del Gremio de Luthiers y Arqueteros de España (GLAE). Colaborador con el Museo de la Música de Barcelona.

- En 1991 fue seleccionado para participar en la primera Compétition Internationale de la Ville de París.

- En 1994 se clasifica en el cuarto lugar en la séptima Triennale Internazionale Antonio Stradivari de Cremona.

- 1996 Publica el libro junto a otros colaboradores: Els nostres luthiers. Escultors del so.


- En 2000 participa en el decimocuarto International Competition organizado por The Violin Society of America en Cincinnati. Único participante español de la última década en dichos eventos.

Requerido por conservatorios y medios de comunicación para impartir master class sobre su concepto de arte y lutheria, siendo su obra de altísima calidad. Esto le ha llevado a trabajar con intérpretes de Europa y los Estados Unidos, siendo su trabajo sumamente apreciado por el gran violinista Ruggiero Ricci, convirtiéndose en confidencial amigo y maestro de la investigación de los registros estilísticos y sonoros de los instrumentos.

**Estos acontecimientos han desembocado en una nueva generación de instrumentos contemporáneos en todo el mundo, tal y como lo demuestra la discográfica Dynamic con el CD “The Legacy of Cremona”, interpretado por el octogenario violinista. Esta comparativa instrumental, ha surgido por iniciativa de la inquietud acústica del luthier catalano/español.

Actualmente, la continuidad de sus instrumentos está avalada por tantos otros intérpretes nacionales e internacionales, así como el destacado violinista Leonidas Kavakos, coincidiendo éste, en la capacidad de poder utilizar indistintamente Stradivarius históricos o Bagué's contemporáneos. En esta corriente actual también podemos encontrar violinistas de la talla del Prof. Ulrich Edelmann (Concertmaster , de Radio-Sinfonie-Orchester Frankfurt) Ari Rasilainen.

Bagué es partidario de un innovador pero no nuevo concepto de construcción de violines, violas y violonchelos. Buscando no tanto la habilidad y perfección manual, sino la interpretación y reflexión de las emociones y temperamento del luthier, como pasó con los grandes constructores de instrumentos de arco del pasado.

- El 14 de octubre de 2003, en el Gran Teatre del Liceu de Barcelona, la Generalitat de Catalunya bajo la presidencia del Molt Honorable senyor Jordi Pujol i Soley, le es otorgada la ‘Creu de Sant Jordi' , que es el más prestigioso y sólido reconocimiento a su labor pionera en Catalunya i en el resto del estado español en la construcción de instrumentos de arco. Después de casi tres décadas de trabajo al servicio de la música provoca un cambio de mentalidad en referencia a la utilización de violines contemporáneos en manos de intérpretes consagrados dentro de la música internacional. De esta forma contribuye a que instrumentos musicales hechos en Catalunya, (España), estén en cualquier parte del mundo sirviendo de modelo a generaciones futuras.

Fuente: Biografía dentro del Gremio de Luthiers y arqueros de España.

Ya está disponible el vídeo del anuncio o comercial con Hugh Jackman como imagen de Lipton Ice Tea (el té frío más vendido en el mundo del grupo Unilever).

■ Pinchando en la siguiente imagen verás al actor bailar, saltar, ante el peligro del fuego y disfrutando del agua. Se han trabajado el anuncio....

Spot publicitario (Full Version).

Making off del anuncio de Hugh Jackman en Lipton Ice Tea.


► Web oficial de Lipton Ice Tea con Entrevista al actor Hugh Jackman

Vía: Prohibido Criticar

Los siguientes enlaces componen una interesante entrevista a Hugh Jackman en Inside the Actors Studios. Habla de su vida, sus comienzos, técnicas de interpretación, la familia, el salto al cine, su trabajo en el teatro con musicales, los musicales...

Está en inglés con subtítulos en francés.

Vídeo nº1 de la entrevista.


Vídeo nº2 de la entrevista.


Vídeo nº3 de la entrevista.


Vídeo nº4 de la entrevista.

Ante problemas de visualización del gadget Seguidores (Blogger) con Mozilla Firefox, más tarde con Safari y hace poco con Google Chrome un empleado del santísimo sr. Google dio una solución en el Foro de Ayuda Friend Connect.

Generalmente, los afectados por este problema tienen en sus plantillas Librerías JavaScript: script.aculo.us y prototype, que entre otras cosas se usan para subir o bajar por la web con efecto deslizante.

Lo que tenemos instalado en las plantillas es un código similar a:

<script src='http://www.google.com/jsapi'/>

<script>

google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);

google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);

</script>



1. Escritorio - Diseño - Edición HTML y sin expandir artilugios


2. Apretamos a la vez las teclas Ctrl+F para que nos aparezca el "bendito buscador de palabras"


<script src='http://www.google.com/jsapi'/>

<script>

google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);

google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);

</script>


Se trata de añadir un parche que es un script que tiene esta forma:

window.JSON = {

parse: function (st) { return st.evalJSON(); },

stringify: function(obj) { return Object.toJSON(obj); }

};


►Lo que se intenta es cargar antes el "script parche" que el script script.aculo.us y prototype. Así que deberá quedar con esta forma final:

<script src='http://www.google.com/jsapi'/>

<script>

google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);



window.JSON = {

parse: function (st) { return st.evalJSON(); },

stringify: function(obj) { return Object.toJSON(obj); }

};



google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);

</script>


**Es decir, el "script parche" se coloca después de algo parecido a prototype 1.6.0.3 tal como se indica en el esquema.


► Si usas Scriptaculous con la llamada al script, hay que colocar el siguiente código antes que lo cargue:

<script>

window.JSON = {

parse: function (st) { return st.evalJSON(); },

stringify: function(obj) { return Object.toJSON(obj); }

};

</script>



Una de las cosas que "fastidia" del gadget de seguidores que proporciona Blogger es que a medida que aumenta el número "de asociados", se incrementa el tiempo de carga del blog o web.

► También se habla de este tema en el enlace siguiente por ID

Esta información me la ha hecho llegar Bibliateca de la razón a través de la entrada de hoy de Vagabundia encontrada por Pizcos. La fuente inicial son los propios técnicos de Google

Con el atributo border-style o border podemos definir varios estilos de borde, entre una gama de posibilidades. Elegir el uno depende del gusto de cada cual.

Posibles estilos de borde:

* solid
* dotted
* double
* dashed
* groove
* ridge
* inset
* outset




A. Lo esencial

• Estilo solid:

<p style="border: solid 4px #FF8000; "> Un ejemplo de estilo de bordes con atributo solid </p>

Un ejemplo de estilo de bordes con atributo solid

- En CSS la instrucción sería: border: solid 4px #FF8000;


• Estilo dotted:

Un ejemplo de estilo de bordes con atributo dotted

<p style="border: dotted 3px #FF8000; "> Un ejemplo de estilo de bordes con atributo dotted</p>

- En CSS la instrucción sería: border: dotted 3px #FF8000;


• Estilo double:

Un ejemplo de estilo de bordes con atributo double

<p style="border: double 5px #5E610B; "> Un ejemplo de estilo de bordes con atributo double</p>

- En CSS la instrucción sería: border: double 5px #5E610B;


• Estilo dashed:

Un ejemplo de estilo de bordes con atributo dashed

<p style="border: dashed 5px #5E610B; "> Un ejemplo de estilo de bordes con atributo dashed</p>


- En CSS la instrucción sería: border: dashed 5px #5E610B;


• Estilo groove:

Un ejemplo de estilo de bordes con atributo groove

<p style="border: groove 8px #5E610B; "> Un ejemplo de estilo de bordes con atributo groove</p>


- En CSS la instrucción sería: border: groove 8px #5E610B;


• Estilo ridge:

Un ejemplo de estilo de bordes con atributo ridge

<p style="border: ridge 8px #5E610B; "> Un ejemplo de estilo de bordes con atributo ridge</p>


- En CSS la instrucción sería: border: ridge 8px #5E610B;


• Estilo inset:

Un ejemplo de estilo de bordes con atributo inset

<p style="border: inset 8px #8A084B; "> Un ejemplo de estilo de bordes con atributo inset</p>


- En CSS la instrucción sería: border: inset 8px #8A084B;


• Estilo outset:

Un ejemplo de estilo de bordes con atributo outset

<p style="border: outset 8px #8A084B; "> Un ejemplo de estilo de bordes con atributo outset</p>


- En CSS la instrucción sería: border: outset 8px #8A084B;

• Aclaración:

1º. Colocamos el atributo border.

2º. Elegimos el tipo de borde.

3º. "8px" es el grosor del borde. Ese número puede variar a nuestra elección.

4º. Coloco un color en forma hexadecimal.

B. Probando posibilidades, por practicar:

► Variantes con distintos bordes:

<p style=" border-bottom-color:#B4045F; border-bottom-style:dashed; border-bottom-width:5px; border-top-color:#5E610B; border-top-style:solid; border-top-width:8px;"> Un ejemplo de estilos de bordes con el inferior (border-bottom-color) y el superior ( border-top-color)</p>

Un ejemplo de estilos de bordes con el inferior (border-bottom-color) y el superior ( border-top-color)

► Otro ejemplo dentro de una tabla:

Un ejemplo de estilos de bordes

<table width="70%" align="center" cellspacing="10" cellpadding="0" style="border-bottom-color:#610B38;border-bottom-width:5px;border-bottom-style:solid;border-top-color:#3B0B0B;border-top-style:solid;border-top-width:5px; border-left-color:#FF8000; border-left-width:5px;border-left-style:solid;border-right-color:#FF0000; border-right-width:5px;border-right-style:solid;">

<tr>

<td style="border-color:#0B0B0B; border-style:dashed; border-width:2px;"> Un ejemplo de estilos de bordes</td>

</tr>

</table>


C. El terrible CSS dentro de una plantilla (rollo de cuidado)...

■ En CSS (dentro de la plantilla) podemos colocar bordes redondeados en las esquinas, pero hay navegadores que no lo soportan pej: Internet Explorer.

La instrucción clave es: -moz-border-radius a la que se le asigna una cifra en píxeles que hará de ángulo de la circunferencia (redondeo).

#HTML2 {

border: 5px solid #0B0B61;

-moz-border-radius: 10px;

padding: 11px;

}

Al atributo -moz-border-radius se le pueden definir distintos tipos de redondeo en cada esquina de la siguiente forma:

-moz-border-radius: 7px 27px 100px 0px;

Ejemplo en esta página con la formula:

#HTML2

border: 1px solid #000000;

-moz-border-radius: 7px 27px 100px 0px;

padding: 11px;

}

- Si se usa en CSS -moz-border-radius hay que definir el tipo de borde: solid, dotted, double ....

■ Por otro lado dentro del CSS se pueden definir por lados. Si es así quedaría de esta forma:

.bordeporlados{

border-top: 1px solid #ff9999;

border-right: 2px dotted #99ff99;

border-bottom: 2px dashed #9999ff;

border-left: 4px double #666666;

}

Es decir, borde de arriba, borde derecho, borde de abajo, borde izquierdo......

Lo esencial es la parte A, el resto son divagaciones y apuntes....

(Parece que está ensayando una postura para jugar a los bolos)

■ Al pinchar sobre la siguiente imagen se abrirá el vídeo con la escena completa de 28 segundos...




Actualización:

■ Otra caída más "catastrófica" tuvo lugar en Barcelona en una de las conferencias del Círculo de Economía.

Coloco el vídeo de 20 segundos para que se vea el despliegue que se apuró a socorrer al Rey. Sólo basta pinchar sobre la siguiente imagen:

Ay, está mayor...

La Princesa Letizia es la nueva cara en abril de la portada de una de las revistas de salud que más se venden en los kioscos españoles: Saber Vivir, Promovida por RTVE (televisión pública española).

Saber vivir Abril 2010
Doña Letizia y sus nuevas inquietudes .....

¿Retoques estéticos, botox, ácidos, cremas....?

Añado un vídeo de la Princesa de Asturias Doña Letizia (de muy baja calidad) que fue grabado en uno de sus actos públicos, cuando todavía no estaba operada, por estudiantes en una visita a Tomares Sevilla.

Lo peculiar del vídeo son los primeros segundos en que habla animadamente sobre sus notas en la universidad, estudios de forma animada.....Se puede ver como mantiene una conversación natural, con ímpetu.

Tipos de Enlaceso links y su Clasificación.

• Enlace Simple: en una palabra colocas un link que lleva directamente allí donde has indicado.

<a href="http://tu-web.com">colocar aquí la palabra que servirá como enlace</a>

Ejemplo: Ir a página principal de Un Blog de Lujo

*** Para colocar un link de un color determinado basta con añadir: style="color: rgb(CODIGO DEL COLOR);" de tal forma que quedaría:

<a style="color: rgb(CODIGO DEL COLOR);" href="http://tu-web.com">colocar aquí la palabra que servirá como enlace</a>

Ejemplo: Ir a página principal de Un Blog de Lujo



• Enlace No follow:Si no conoces el significado No Follow o Do Follow hay una definición de este tipo de enlaces en otra entrada

<a href="http://una-web.com/" rel="nofollow">palabra que aparece como enlace</a>

Ejemplo: Ir a página principal de Un Blog de Lujo

• Enlace que se abre en una nueva ventana al pinchar sobre él: al hacer link se abrirá en otra ventana y así no saldrán de tu blog o web.

<a href="http://una-web.com/" target="_blank">palabra que aparece como enlace</a>

Ejemplo: Ir a página principal de Un Blog de Lujo

• Enlace simple con una imagen: pinchando sobre la imagen elegida irás directamente a la url indicada.

<a href="http://una-web.com" target="_blank"><img src="url-de-la-imagen"/></a>

Ejemplo:


• Enlace simple con una imagen con la que al pasar el ratón aparece un mensaje: suele aparecer un cartelito donde puedes colocar la frase que te dé la gana.

<a href="http://una-web.com/" target="_blank"><img src="url-de-la-imagen" title="mensaje que aparece"/></a>

Ejemplo:

• Enlace con una imagen que lleve el atributo "ALT" para que sea indexada por los buscadores: es importante colocar el atributo "alt" para aquellos programas que usan los invidentes para navegar por la red.

<a href="http://una-web.com/" target="_blank"><img src="url-de-la-imagen" title="mensaje que aparece" alt"describir la imagen"/></a>

Ejemplo:

• Enlace que sólo con pasar el ratón por encima se va directamente a la url indicada. No es necesario hacer click con el ratón.

Se puede decir que aquí no es necesario mover un dedo para ir a otra página que indique el autor del blog o web. Parece mágico:

<a href="http://url de la web a enlazar" onmouseover="window.location=this.href">palabra que aparece como enlace</a>

Ejemplo: No pases el ratón por encima o irás directamente a la página principal de este blog ;)

• *** Es discutible que deba poner este tipo aquí pero me pareció interesante para tenerlos todos agrupados.
Existe un tipo de enlace que tiene doble título. Uno es el que ves con normalidad y otro que aparece al pasar el cursor por encima. Tiene la forma:

<a onmouseover="this.innerHTML = 'titulo que aparece al pasar el cursor'"onmouseout="this.innerHTML = 'titulo normal que se ve a primera vista'" href="url de la web que vayas a enlazar">titulo normal que se ve a primera vista</a>

Ejemplo: Clasificación del blog

■Es común colocar este último enlace en la columna o sidebar con un gadget HTLM/Javascript, pero también se pueden colocar "por capricho" en un post...

- Ir a Escritorio - Diseno - Elementos de la página - Añadir un gadget HTLM/Javascript tal como muestran las imágenes.

Actualización:

Botón con efecto "rollover"

Lo siguiente es una tontería, pero lo anoto para ver el funcionamiento de este tipo de combinaciones con onmouseover. Seguramente debería ir en tipos de enlaces y links...

<a href="URL DEL SITIO WEB"><img src="URL DE LA IMAGEN Nº 1" onmouseover="this.src='URL DE LA IMAGEN Nº 2'" onmouseout="this.src='URL DE LA IMAGEN Nº1'" alt="TITULO DEL BOTÓN"></a>

- La imagen nº1 es la que aparece sin pasar el cursor (en el ejemplo es Shin Chan con una flor en la boca).
- La imagen nº 2 es la que se ve al pasar el cursor por encima (en el ejemplo es el log donde se lee Lujo).

P.ej:



El efecto es curioso y se le considera un botón con efecto "rollover".

En definitiva, no es más que un link que al pasarle el ratón por encima cambia de imagen y sale un cartelito con el nombre del sitio web indicado en el respectivo código.


Nota:

- <center> al principio y </center> al final de la línea,hace que la imagen se centre.
- <a href="url de destino" es el enlace al sitio.
- target="_blank" hace que se abra en otra ventana.
- title="texto" es el texto que se mostrará al poner el ratón por encima.
y como no hay más datos en esta zona lo cerramos todo con >

- <img src="url de la imagen"> es el código para que se vea la imagen que va a servir de enlace.

- </a> cierra el conjunto de códigos.


Más notas:

- Un enlace para imagen sería:

<a href="url-de-la-pagina"><img src="url-de-la-imagen" /></a>

- Para conseguir una serie de imágenes del mismo tamaño se asignan los atributos width - height - border para crear una separación.

<a href="url-de-la-pagina"><img src="url-de-la-imagen" border="1" height="60" width="60" /> </a>

- Con title le asigno un título:

<a style="" title="TITULO"<a href="url-de-la-pagina"><img src="url-de-la-imagen" border="1" height="60" width="60" /> </a>

- le asignaremos el atributo target="_blank" para que al clicar encima de la imagen la página se abra en una ventana aparte.

Conclusión:

El código necesario para realizar una serie de imágenes del mismo tamaño que también sean enlaces tendría una fórmula:

<a style="" title="aquieltitulo" href="aquilaurldelapagina"target="_blank"><img src="aquilaurldelaimagen" border="1" height="60" width="60" /></a>

Con la repetición de este código se puede crear un conjunto en horizontal o de varias líneas.

Todo lo que está explicado puede ir en un gadget HTLM/javascript o en una entrada en Edición de HTLM.

Hay dos páginas que uso mucho para descifrar los colores y saber códigos cuando tengo dudas sobre cual deseo aplicar en un fondo, sidebar, enlace,......

1. Códigos de Colores Hexadecimales.

2. Pasar de códigos RBG a Hexadecimal o a la inversa.

3. Colores en código y muestras. Código Java y Código HTML

4. Colorzilla, es una extensión de Mozilla tiene la web editor de gradientes en CSS que podremos usar para dar efectos sofisticados en el diseño.
Basta elegir los colores para obtener el archivo CSS.

5. Números hexadecimales en forma de color

6. ¡¡Importante!! Los gradientes muy útiles para CSS3 Colorzilla

Espero que a alguien más le sirva esta información...

• «Soy de los que piensan que la mujer inteligente te facilita la vida en la medida en la que la tonta te la complica, por muy hermosa que sea.» (Jaime Peñafiel)

• «Respetar, en cada hombre al hombre, si no el que es, al menos el que podría ser, que debería ser.» (Popular)

• «No sólo existen mujeres mal folladas sino hombres que se pasan la vida jodiendo al prójimo mientras a sus esposas ni las miran» (Luis F. Esplá, el más "intelectual" de los toreros desde Domingo Ortega)


• «España es un país gozosamente inculto. El único donde la gente presume de serio y, además, triunfan en la tele alardeando de ello.» (Arturo Pérez Reverte)

Buceando por la red encontré una biblioteca muy linda por Argentina (Córdoba) en Belgrano 690.Fundada en Agosto de 1993 con más de 8.000 libros


Me llamaron la atención unas fotos que se encuentran en la web donde están Gloria V. Casañas y Florencia Bonelli firmando libros. Honestamente, sentí ternura cuando las vi.

Para verlas basta con pinchar en este enlace, (no me atrevo a colocar ninguna por aquí) (#^_^#)

La 'marca' Letizia vende

Estilistas y directores de revistas destacan que la Princesa marca tendencias

MÁBEL GALAZ 28/02/2010

Mayo de 2004. Faltaba poco más de una semana para su boda y ese día ella iba a otra. Se casaban Federico de Dinamarca y Mary Donaldson. Era su primera aparición oficial como futura princesa de Asturias. Una cita comprometida para una joven que pasaba de ser periodista de TVE a miembro de una familia real. "¿Qué tal iba? ¿Parecía una princesa?". Ésa era la preocupación que tenía Letizia Ortiz y la pregunta que transmitió a los periodistas que estaban en Copenhague a través de un miembro de la Casa del Rey. La respuesta fue unánime. Había triunfado vestida con un espectacular traje rojo de Lorenzo Caprile que marcó tendencia. Han pasado casi seis años y la ya princesa de Asturias se dispone a emprender mañana su primer viaje oficial en solitario a Berlín, donde se reunirá con el presidente Horst Köhler. En este tiempo no sólo se ha creado una imagen exterior de princesa sino que poco a poco va dotando de contenido a su trabajo. Es una marca en alza. Hay expertos que lo corroboran.


Según Luis Pliego, director de Lecturas, doña Letizia es una garantía de éxito: "Con ella en portada nunca se falla. Un gesto, un traje... Todo lo que haga, vende. Siempre da nivel a la revista hablar de ella. Nosotros al menos le dedicamos 20 portadas al año, sin contar las fotos más pequeñas que damos casi todos los números". Pliego tiene datos que apuntan a que la princesa de Asturias es el miembro de la familia real que más "vende". "Todas las mujeres de la familia, pero ella en especial. Sola, con el Príncipe o con las niñas, siempre queda bien".

Esta excesiva presencia de doña Letizia en la llamada prensa del corazón preocupa en la Casa del Rey, donde temen que se hable de ella más por sus zapatos que por su trabajo.

"Letizia no quiere ser la más elegante, ni estar en ninguna lista de las mujeres mejor vestidas", explica Matías Rodríguez, de Armand Basi, que la conoce desde hace muchos años, cuando todavía no era princesa. "Ella se viste para trabajar, antes de periodista y ahora de princesa. Lo que busca sobre todo es estar cómoda. Le gusta por igual el pantalón que la falda. Como a todas las mujeres le encantan los zapatos y los complementos. Y lo más importante: sabe lo que quiere y compra rápido". Suele ir sola y, a la hora de pagar, tiene un descuento en sus tiendas habituales "como todas las buenas clientas".

Doña Letizia tiene la talla 38 desde hace años. "Todo le sienta bien. Dicen que está muy delgada, pero siempre ha sido así. Como dice el Príncipe, es puro nervio: todo lo que come lo quema". En Armand Basi, como en su modisto de cabecera -Felipe Varela, que no hace declaraciones a la prensa desde que comenzó a vestirla-, saben que la Princesa marca tendencias. Con una portada puede poner de moda unas sandalias, un bolso, un vestido e incluso unas gafas de sol.

Siempre viste moda española. Uno de los pocos trajes firmados por un diseñador extranjero fue el conjunto de pantalón blanco que llevó el día de su petición de mano -organizada a toda prisa- y que compró en la tienda de Giorgio Armani. El último producto que ha puesto de moda han sido los correctores dentales transparentes de quita y pon que han sido objeto de especial seguimiento de los fotógrafos, como en su día lo fue su operación de nariz. Oficialmente sólo se retocó una desviación del tabique nasal, pero algunos especialistas en cirugía estética aseguran que su mentón fue recortado y sus pómulos más resaltados.

Letizia Ortiz sabe que todo lo que hace es noticia y está aprendiendo a vivir con ello. Pero le gustaría que se le juzgara más por su trabajo de princesa, de esposa del futuro Rey. Su círculo más cercano señala que no hay mejor consejera que ella para don Felipe. Porque doña Letizia, que antes de ser princesa fue periodista, sabe que tienen que ganarse el puesto, encontrar sentido a la monarquía en el siglo XXI. No basta con vestirse de princesa.

Vía El País semanal

Tips SEO.

No voy a descubrir la "sopa de ajo", pero me llamaron la atención unos consejos que leí por ahí.
Como hay gente para todo, y cada cual puede hacer lo que le dé la gana con su web, los enumero:

1. Hacer series de posts sobre un tema. Se puede adoptar esta técnica de forma semanal, mensual... sobre temas que creas que a "la audiencia" le interesa.

2. Entrevistar a un blogger "conocido". Esto va bastante bien para hacer la pelota "al personal" que no se acerca a un@ por aquello de que eres "novato". Es decir, no "te dan bola" ni locos....¡Oh!, algun@ hasta se compara con Dios....

3. Sorteos, Premios, Concursos. Aquí hay que "echar el resto" y regalar a los seguidores cosas que se adecuen con la temática de tu blog o que sepas que les gustan.
Es infalible para atraer visitantes, aunque algunos abusan bastante y se les nota "la cara dura" en algunos enunciados.

4. Comentar tus trucos. Sobre todo si crees que es único y preciado.
En mi opinión, todo está descubierto.

5. Estar atento a los temas de interés de las redes sociales y foros. Si estás escaso de ideas puedes crear posts maquiavélicos para atraer la atención y dar una "vuelta de tuerca al tema".

6. Crear tips o guías sobre temas concretos cuya temática controles.

7. Aprovecha los líos y follones en la blogosfera para unirte a ellos (debates, polémicas...). Es una forma de hacer mucho ruido y dejar patente tu presencia. Aprovecha para señalar tu postura y contrastarlas con otras.

8. Usar personajes famosos en los posts. Asociar un hecho histórico, de interés, actualidad... con una redacción de tu entrada.
P.ej.: ¿Qué haría Superman para cuidar su salud?, ¿Qué pensaría la Cenicienta sobre las nuevas fórmulas de limpieza del hogar?...

9. Invitar a otros bloggers a escribir en tu blog. Es una forma de darte a conocer a un nuevo público y a la inversa.

¿Se nota que no las uso?.....así me va.... (-^o^-)