Facebook de Delasazores Twitter de Delasazores
Mostrar menú superior
Mostrar menú inferior
Poner nieve en Tumblr. Como ya me preguntaron un par de veces por privado, publico un post. Es muy fácil. 
Edit (08/12/2013): El script que tenía inicialmente en el post fue borrado, así que como alternativa, os ofrezco el script entero. Tenéis que poner este ladrillaco justo antes de </head>:
<script type="text/javascript">
var snowmax = 100;
var snowcolor = new Array("#ffffff", "#ffffff", "#ffffff");
var snowtype = new Array("Arial Black", "Arial Narrow", "Times", "Arial", "Berlin");
var snowletter = "•";
var sinkspeed = 0.9;
var snowmaxsize = 30;
var snowminsize = 10;
var snowingzone = 1;
var snow = new Array();
var marginbottom;
var marginright;
var ScrollTop;
var timer;
var i_snow = 0;
var x_mv = new Array();
var crds = new Array();
var lftrght = new Array();
var browserinfos = navigator.userAgent;
var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
var ns6 = document.getElementById && !document.all;
var opera = browserinfos.match(/Opera/);
var browserok = ie5 || ns6 || opera;
function randommaker(a) 
{
    rand = Math.floor(a * Math.random());
    return rand
}
function iecompattest()
{
return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body 
}
function InitHeight() {
if (ie5 || opera) {
marginbottom = iecompattest().clientHeight + 5; //clientHeight;
marginright = iecompattest().scrollWidth + 5; //clientWidth
}
else {
if (ns6) {
marginbottom = self.innerHeight;
marginright = self.innerWidth
}
}
ScrollTop = document.body.scrollTop;
if (ScrollTop == 0) {
if (window.pageYOffset)
ScrollTop = window.pageYOffset;
else
ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
}
marginbottom += ScrollTop;
}
function initsnow() 
{
InitHeight()
  var a = snowmaxsize - snowminsize;
  for (i = 0;i <= snowmax;i++) 
{
crds[i] = 0;
lftrght[i] = Math.random() * 15;
x_mv[i] = 0.03 + Math.random() / 10;
snow[i] = document.getElementById("s" + i);
snow[i].style.fontFamily = snowtype[randommaker(snowtype.length)];
snow[i].size = randommaker(a) + snowminsize;
snow[i].style.fontSize = snow[i].size + "px";
snow[i].style.color = snowcolor[randommaker(snowcolor.length)];
snow[i].sink = sinkspeed * snow[i].size / 5;
if (snowingzone == 1) { snow[i].posx = randommaker(marginright - snow[i].size) } 
if (snowingzone == 2) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) }
if (snowingzone == 3) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4 }
if (snowingzone == 4) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2 }
snow[i].posy =  randommaker(2 * marginbottom - marginbottom - 2 * snow[i].size);
snow[i].style.left = snow[i].posx + "px";
snow[i].style.top = snow[i].posy + "px"
  } 
  movesnow()
}
 
function movesnow() 
{
InitHeight();
for (i = 0; i <= snowmax; i++)
{
crds[i] += x_mv[i];
snow[i].posy += snow[i].sink;
snow[i].style.left = snow[i].posx + lftrght[i] * Math.sin(crds[i]) + "px";
snow[i].style.top = snow[i].posy + "px";
if (snow[i].posy >= marginbottom - 2 * snow[i].size || parseInt(snow[i].style.left) > (marginright - 3 * lftrght[i])) 
{
if (snowingzone == 1) { snow[i].posx = randommaker(marginright - snow[i].size) }
if (snowingzone == 2) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) }
if (snowingzone == 3) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4 }
if (snowingzone == 4) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2 }
snow[i].posy = ScrollTop 
}
}
var a = setTimeout("movesnow()", 60) 
}
function hidesnow() 
{
if (window.timer) { clearTimeout(timer) }
for (i = 0;i <= snowmax;i++)
{
document.getElementById("s" + i).style.visibility = "hidden"
}
}
for (i = 0;i <= snowmax;i++)
{
document.write('<div id="s' + i + '" style="POSITION: absolute; Z-INDEX: 9' + i + "; VISIBILITY: visible; TOP:-" + snowmaxsize + 'px; LEFT: 15px;">' + snowletter + "</div>")
}
if (browserok)
{ initsnow() }
else
{ document.write('Votre navigateur ne supporte pas ce Javascript, ') };
</script>
Lo bueno que tiene usar este “pequeño” código es que os permite modificar el script para usar una nieve que os congratule más:
var snowmax = 100; Os permite cambiar la cantidad máxima de copos de nieve que se mostrarán en pantalla.
var snowcolor = new Array(“#ffffff”, “#ffffff”, “#ffffff”); Os permite cambiar el color de los copos (#ffffff es blanco).
var snowtype = new Array(“Arial Black”, “Arial Narrow”, “Times”, “Arial”, “Berlin”); Os permite cambiar las fuentes que usarán los copos.
var snowletter = “•”; Os permite cambiar el carácter que usarán los copos. Por ejemplo, si en lugar de un círculo preferís un asterisco es tan fácil como cambiar "•" por "*". Podéis incluso poner palabras o frases.
var sinkspeed = 0.9; Cambia la velocidad de los copos.
var snowmaxsize = 30; Cambia el tamaño máximo de los copos.
var snowminsize = 10; Cambia el tamaño mínimo de los copos.
¡Felices Fiestas!

Poner nieve en Tumblr. Como ya me preguntaron un par de veces por privado, publico un post. Es muy fácil.

Edit (08/12/2013): El script que tenía inicialmente en el post fue borrado, así que como alternativa, os ofrezco el script entero. Tenéis que poner este ladrillaco justo antes de </head>:

<script type="text/javascript">
var snowmax = 100;
var snowcolor = new Array("#ffffff", "#ffffff", "#ffffff");
var snowtype = new Array("Arial Black", "Arial Narrow", "Times", "Arial", "Berlin");
var snowletter = "•";
var sinkspeed = 0.9;
var snowmaxsize = 30;
var snowminsize = 10;
var snowingzone = 1;
var snow = new Array();
var marginbottom;
var marginright;
var ScrollTop;
var timer;
var i_snow = 0;
var x_mv = new Array();
var crds = new Array();
var lftrght = new Array();
var browserinfos = navigator.userAgent;
var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
var ns6 = document.getElementById && !document.all;
var opera = browserinfos.match(/Opera/);
var browserok = ie5 || ns6 || opera;
function randommaker(a) 
{
    rand = Math.floor(a * Math.random());
    return rand
}
function iecompattest()
{
return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body 
}
function InitHeight() {
if (ie5 || opera) {
marginbottom = iecompattest().clientHeight + 5; //clientHeight;
marginright = iecompattest().scrollWidth + 5; //clientWidth
}
else {
if (ns6) {
marginbottom = self.innerHeight;
marginright = self.innerWidth
}
}
ScrollTop = document.body.scrollTop;
if (ScrollTop == 0) {
if (window.pageYOffset)
ScrollTop = window.pageYOffset;
else
ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
}
marginbottom += ScrollTop;
}
function initsnow() 
{
InitHeight()
  var a = snowmaxsize - snowminsize;
  for (i = 0;i <= snowmax;i++) 
{
crds[i] = 0;
lftrght[i] = Math.random() * 15;
x_mv[i] = 0.03 + Math.random() / 10;
snow[i] = document.getElementById("s" + i);
snow[i].style.fontFamily = snowtype[randommaker(snowtype.length)];
snow[i].size = randommaker(a) + snowminsize;
snow[i].style.fontSize = snow[i].size + "px";
snow[i].style.color = snowcolor[randommaker(snowcolor.length)];
snow[i].sink = sinkspeed * snow[i].size / 5;
if (snowingzone == 1) { snow[i].posx = randommaker(marginright - snow[i].size) } 
if (snowingzone == 2) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) }
if (snowingzone == 3) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4 }
if (snowingzone == 4) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2 }
snow[i].posy =  randommaker(2 * marginbottom - marginbottom - 2 * snow[i].size);
snow[i].style.left = snow[i].posx + "px";
snow[i].style.top = snow[i].posy + "px"
  } 
  movesnow()
}
 
function movesnow() 
{
InitHeight();
for (i = 0; i <= snowmax; i++)
{
crds[i] += x_mv[i];
snow[i].posy += snow[i].sink;
snow[i].style.left = snow[i].posx + lftrght[i] * Math.sin(crds[i]) + "px";
snow[i].style.top = snow[i].posy + "px";
if (snow[i].posy >= marginbottom - 2 * snow[i].size || parseInt(snow[i].style.left) > (marginright - 3 * lftrght[i])) 
{
if (snowingzone == 1) { snow[i].posx = randommaker(marginright - snow[i].size) }
if (snowingzone == 2) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) }
if (snowingzone == 3) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 4 }
if (snowingzone == 4) { snow[i].posx = randommaker(marginright / 2 - snow[i].size) + marginright / 2 }
snow[i].posy = ScrollTop 
}
}
var a = setTimeout("movesnow()", 60) 
}
function hidesnow() 
{
if (window.timer) { clearTimeout(timer) }
for (i = 0;i <= snowmax;i++)
{
document.getElementById("s" + i).style.visibility = "hidden"
}
}
for (i = 0;i <= snowmax;i++)
{
document.write('<div id="s' + i + '" style="POSITION: absolute; Z-INDEX: 9' + i + "; VISIBILITY: visible; TOP:-" + snowmaxsize + 'px; LEFT: 15px;">' + snowletter + "</div>")
}
if (browserok)
{ initsnow() }
else
{ document.write('Votre navigateur ne supporte pas ce Javascript, ') };
</script>

Lo bueno que tiene usar este “pequeño” código es que os permite modificar el script para usar una nieve que os congratule más:

var snowmax = 100; Os permite cambiar la cantidad máxima de copos de nieve que se mostrarán en pantalla.

var snowcolor = new Array(“#ffffff”, “#ffffff”, “#ffffff”); Os permite cambiar el color de los copos (#ffffff es blanco).

var snowtype = new Array(“Arial Black”, “Arial Narrow”, “Times”, “Arial”, “Berlin”); Os permite cambiar las fuentes que usarán los copos.

var snowletter = “•”; Os permite cambiar el carácter que usarán los copos. Por ejemplo, si en lugar de un círculo preferís un asterisco es tan fácil como cambiar "•" por "*". Podéis incluso poner palabras o frases.

var sinkspeed = 0.9; Cambia la velocidad de los copos.

var snowmaxsize = 30; Cambia el tamaño máximo de los copos.

var snowminsize = 10; Cambia el tamaño mínimo de los copos.

¡Felices Fiestas!

Pulsa aquí para mostrar más opciones de este post

 yellovvkitty ha dicho: Haber dicho “mi novia”. ¿Acaso alguien lo iba a haber podido desmentir?

No quería decirlo para mantener nuestra privacidad… Ahora no me queda más remedio que hacerlo público. Las pruebas por si alguien me acusa de mentir:

image

Los envidiosos dirán que es Photoshop…

Pulsa aquí para mostrar más opciones de este post
Decimosexto post de ayuda. Podéis ver los anteriores aquí.
En este tutorial veremos cómo añadir botones de voto positivo y voto negativo (pulgar arriba, pulgar abajo).
(Nota: Antes de nada, revisad los errores comunes. Es importante.)
Lo primero que tenemos que hacer es ir a http://polldaddy.com/ y crearnos una cuenta de Wordpress (o usar una existente).
Nos logueamos con ella, pulsamos en &#8220;Create a new&#8230;" y seleccionamos "Rating&#8221;:

Ponemos un nombre descriptivo. En mi caso Delasazores:

Seleccionamos &#8220;Nero Rating" (o dejamos marcado "5-Star Rating" si preferimos votación con estrellas):

Seleccionamos el tamaño de las manos (en mi caso usé pequeño):

El resultado (por ahora) es este:

Ahora vamos a personalizar los textos a mostrar, su tamaño y colores. Pulsamos en &#8220;Layout &amp; Fonts" y definimos los tamaños y colores que queremos. Yo usé estos:

Ahora vamos a cambiar los textos a mostrar. Vamos a &#8220;Text&#8221;:

Y ponemos las descripciones que creamos oportunas. En mi caso:


Nota: Dejé en blanco &#8220;Rate This" porque no quiero que se muestre nada encima de los botones para votar y "Rate Up" y "Rate Down" porque no quiero que se muestre nada al pasar por encima de los botones.
¿Para qué son el resto de traducciones? Si pulsamos el círculo azul a la derecha de los botones se muestra un panel como este:



Guardamos nuestro sistema de votaciones:

Ahora vamos a poner el código de las votaciones en nuestro Tumblr. Pulsamos en &#8220;Collect Votes&#8221;:

Y vemos que se nos muestra un código. Este código es para usar en 1&#160;sólo post (más abajo ya pongo el código que necesitamos), por lo que no sirve para nuestro Tumblr. Lo ignoramos y anotamos únicamente el ID del sistema de votaciones (tapado con cuadros rojos):

Ahora vamos a nuestro Tumblr y nos situamos en la posición en la que queremos mostrar las votaciones (por lo general, en el theme Redux, entre las etiquetas &lt;div class=&#8221;footer&#8221;&gt; y &lt;/div&gt;.
Copiamos el siguiente código (modificación del generado en &#8220;Collect Votes&#8221;):
&lt;!-- Votar post --&gt;
&lt;div id="pd_rating_holder_IDVOTACIONES_{PostID}"&gt;&lt;/div&gt;
&lt;script type="text/javascript"&gt;
PDRTJS_settings_IDVOTACIONES_{PostID} = {
"id" : "IDVOTACIONES",
"unique_id" : "IDVOTACIONES_{PostID}",
"title" : "",
"permalink" : "{Permalink}",
"item_id" : "_{PostID}"
};
&lt;/script&gt;
&lt;script type="text/javascript" src="http://i0.poll.fm/js/rating/rating.js"&gt;&lt;/script&gt;
Cambiando los 4 IDVOTACIONES por el ID que teníamos anotado de antes.
Como ejemplo, las votaciones de afregar.es situadas en el &lt;div class=&#8221;footer&#8221;&gt; de las redes sociales, justo antes del botón Me Gusta de Facebook:


Por último, indicar que podéis consultar los post más votados accediendo a &#8220;View Results&#8221;:

&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda

Decimosexto post de ayuda. Podéis ver los anteriores aquí.

En este tutorial veremos cómo añadir botones de voto positivo y voto negativo (pulgar arriba, pulgar abajo).

(Nota: Antes de nada, revisad los errores comunes. Es importante.)

Lo primero que tenemos que hacer es ir a http://polldaddy.com/ y crearnos una cuenta de Wordpress (o usar una existente).

Nos logueamos con ella, pulsamos en “Create a new…" y seleccionamos "Rating”:

Ponemos un nombre descriptivo. En mi caso Delasazores:

Seleccionamos “Nero Rating" (o dejamos marcado "5-Star Rating" si preferimos votación con estrellas):

Seleccionamos el tamaño de las manos (en mi caso usé pequeño):

El resultado (por ahora) es este:

Ahora vamos a personalizar los textos a mostrar, su tamaño y colores. Pulsamos en “Layout & Fonts" y definimos los tamaños y colores que queremos. Yo usé estos:

Ahora vamos a cambiar los textos a mostrar. Vamos a “Text”:

Y ponemos las descripciones que creamos oportunas. En mi caso:

Nota: Dejé en blanco “Rate This" porque no quiero que se muestre nada encima de los botones para votar y "Rate Up" y "Rate Down" porque no quiero que se muestre nada al pasar por encima de los botones.

¿Para qué son el resto de traducciones? Si pulsamos el círculo azul a la derecha de los botones se muestra un panel como este:

Guardamos nuestro sistema de votaciones:

Ahora vamos a poner el código de las votaciones en nuestro Tumblr. Pulsamos en “Collect Votes”:

Y vemos que se nos muestra un código. Este código es para usar en 1 sólo post (más abajo ya pongo el código que necesitamos), por lo que no sirve para nuestro Tumblr. Lo ignoramos y anotamos únicamente el ID del sistema de votaciones (tapado con cuadros rojos):

Ahora vamos a nuestro Tumblr y nos situamos en la posición en la que queremos mostrar las votaciones (por lo general, en el theme Redux, entre las etiquetas <div class=”footer”> y </div>.

Copiamos el siguiente código (modificación del generado en “Collect Votes”):

<!-- Votar post -->
<div id="pd_rating_holder_IDVOTACIONES_{PostID}"></div>
<script type="text/javascript">
PDRTJS_settings_IDVOTACIONES_{PostID} = {
"id" : "IDVOTACIONES",
"unique_id" : "IDVOTACIONES_{PostID}",
"title" : "",
"permalink" : "{Permalink}",
"item_id" : "_{PostID}"
};
</script>
<script type="text/javascript" src="http://i0.poll.fm/js/rating/rating.js"></script>

Cambiando los 4 IDVOTACIONES por el ID que teníamos anotado de antes.

Como ejemplo, las votaciones de afregar.es situadas en el <div class=”footer”> de las redes sociales, justo antes del botón Me Gusta de Facebook:

Por último, indicar que podéis consultar los post más votados accediendo a “View Results”:

———————————————————————————————————

Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda

Pulsa aquí para mostrar más opciones de este post

Yo también quería ser popular:

Si no te quedara más remedio, ¿qué peinado escogerías?
La mujer con bigote y el último son top xDD
 

Si no te quedara más remedio, ¿qué peinado escogerías?

La mujer con bigote y el último son top xDD

 

Pulsa aquí para mostrar más opciones de este post

Cantando en la gasolinera

Básicamente, paran a repostar en la gasolinera y Jack Rafferty  les dice que si cantan les paga la gasolina. Lo hacen tan jodidamente bien que son invitados al programa The Tonight Show with Jay Leno.

Aquí la segunda parte:

Pulsa aquí para mostrar más opciones de este post
Decimoquinto post de ayuda. Podéis ver los anteriores aquí.
En este tutorial veremos cómo mostrar el autor de un reblogueo (para Tumblr con varios admins/moderadores) y cómo cambiar el tamaño a un texto cuando reblogueamos.
(Nota: Antes de nada, revisad los errores comunes. Es importante.)
Para poner un mostrar el autor de un reblogueo, tenemos que añadir el siguiente código en la zona en donde queremos mostrarlo:
&lt;a href="{PostAuthorURL}"&gt;&lt;img src="{PostAuthorPortraitURL-64}"&gt;
Nota: Debemos tener en cuenta que este código no se muestra en la vista previa de Personalizar. Tenemos que guardar los cambios y comprobar el resultado en nuestro Tumblr.
El resultado sería un link-imagen del avatar de quien reblogueó la imagen:

Nota: Podemos cambiar el 64 por una de estas medidas: 16, 24, 30, 40, 48, 96&#160;o 128, según lo que nos interese.
En mi caso, como quería que el autor se mostrara a la izquierda de los post, creé una regla CSS nueva:
#wrapper #content .autorpost {
       width: 64px; /* mismo width que el de PostAuthorPortraitURL */
       float: left; /* lo sitúa a la izquierda de los post */
       background: #999; /* mismo background que el de los post */
       padding: 10px 10px 5px 10px; /* margen interior que le dejáis. A vuestro gusto */
        border-radius: 10px 10px 10px 10px; /* mismo border-radius que en los post */
        border: 5px solid #CCC; /* mismo border que en los post */
            }
Ahora tenemos que ampliar el tamaño del wrapper, para que no se nos desconfigure la página con el CSS añadido. Buscamos:
#wrapper {
Y al width le sumamos los 64px (o lo que corresponda) + 20px de padding + 30px de margin-right. En mi caso sería sumarle 124px. 
Repetimos la operación, sumando 124px en el width de:
 #wrapper #content { 
Ahora tenemos que separar la zona de los post de los avatares de los autores, para que no se solapen. También necesitamos indicarle el ancho exacto de la zona de los post, para evitar desconfiguraciones. Buscamos:
#wrapper #content .post {
Y añadimos:
margin-left: 124px; /* Ancho total de los avatares */
width: 500px; /* Aquí cambiar 500 por el ancho que tengan los post */
Ya tenemos el CSS creado, así que sólo nos queda añadir el código necesario para utilizarlo. Buscamos:
{block:Posts}
Y justo debajo añadimos el código completo para mostrar el autor:
&lt;div class="autorpost"&gt;
        &lt;a href="{PostAuthorURL}"&gt;&lt;img src="{PostAuthorPortraitURL-64}"&gt;&lt;/a&gt;
&lt;/div&gt;
El resultado final (mostrando, con la línea horizontal roja, de dónde vienen los 124px sumados anteriormente) sería:

Nos quedaría una última cosa por corregir. Por defecto, debajo de los post se muestra un sombreado, que ahora estará muy a la izquierda.

Tenemos 2 opciones:
1ª) Moverla a la derecha. Busca:
#wrapper #content .bottom {
Y añade:
margin-left: 124px; /* Ancho de los avatares */
2ª) Quitarla. Busca:
#wrapper #content .bottom {
Y cambia:
background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
Por:
/* background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent; */
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
Para cambiar el tamaño a un texto cuando reblogueamos/creamos un post, lo primero (para que sea más sencillo) es escribir primero todo el texto que queremos poner y luego hacer los cambios.
Supongamos que tenemos el siguiente texto:
Esto es una prueba

Pulsamos en HTML:

Y vemos que nos muestra el texto como:
&lt;p&gt;Esto es una prueba&lt;/p&gt;
Tenemos varias opciones para cambiar el tamaño al texto. Las dos primeras son usando &lt;small&gt;&lt;/small&gt; (para encoger el texto) y &lt;big&gt;&lt;/big&gt; (para agrandarlo):
&lt;p&gt;&lt;small&gt;Esto es una prueba&lt;/small&gt;&lt;/p&gt;

&lt;p&gt;&lt;big&gt;Esto es una prueba&lt;/big&gt;&lt;/p&gt;

Nota: Se pueden usar tantos &lt;small&gt;&lt;/small&gt; y &lt;big&gt;&lt;/big&gt; como queramos. Por ejemplo, para poner algo muy grande usaríamos:
&lt;p&gt;&lt;big&gt;&lt;big&gt;&lt;big&gt;&lt;big&gt;Esto es una prueba&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;/big&gt;&lt;/p&gt;

Otra opción es usar &lt;h1&gt;&lt;/h1&gt;, &lt;h2&gt;&lt;/h2&gt; o &lt;h3&gt;&lt;/h3&gt;:
&lt;p&gt;&lt;h1&gt;Esto es una prueba&lt;/h1&gt;&lt;/p&gt;
&lt;p&gt;&lt;h2&gt;Esto es una prueba&lt;/h2&gt;&lt;/p&gt;
&lt;p&gt;&lt;h3&gt;Esto es una prueba&lt;/h3&gt;&lt;/p&gt;
Os dejo una imagen con todos a la vez:

&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda

Decimoquinto post de ayuda. Podéis ver los anteriores aquí.

En este tutorial veremos cómo mostrar el autor de un reblogueo (para Tumblr con varios admins/moderadores) y cómo cambiar el tamaño a un texto cuando reblogueamos.

(Nota: Antes de nada, revisad los errores comunes. Es importante.)

Para poner un mostrar el autor de un reblogueo, tenemos que añadir el siguiente código en la zona en donde queremos mostrarlo:

<a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-64}">

Nota: Debemos tener en cuenta que este código no se muestra en la vista previa de Personalizar. Tenemos que guardar los cambios y comprobar el resultado en nuestro Tumblr.

El resultado sería un link-imagen del avatar de quien reblogueó la imagen:

Nota: Podemos cambiar el 64 por una de estas medidas: 16, 24, 30, 40, 48, 96 o 128, según lo que nos interese.

En mi caso, como quería que el autor se mostrara a la izquierda de los post, creé una regla CSS nueva:

#wrapper #content .autorpost {
       width: 64px; /* mismo width que el de PostAuthorPortraitURL */
       float: left; /* lo sitúa a la izquierda de los post */
       background: #999; /* mismo background que el de los post */
       padding: 10px 10px 5px 10px; /* margen interior que le dejáis. A vuestro gusto */
        border-radius: 10px 10px 10px 10px; /* mismo border-radius que en los post */
        border: 5px solid #CCC; /* mismo border que en los post */
            }

Ahora tenemos que ampliar el tamaño del wrapper, para que no se nos desconfigure la página con el CSS añadido. Buscamos:

#wrapper {

Y al width le sumamos los 64px (o lo que corresponda) + 20px de padding + 30px de margin-right. En mi caso sería sumarle 124px. 

Repetimos la operación, sumando 124px en el width de:

 #wrapper #content { 

Ahora tenemos que separar la zona de los post de los avatares de los autores, para que no se solapen. También necesitamos indicarle el ancho exacto de la zona de los post, para evitar desconfiguraciones. Buscamos:

#wrapper #content .post {

Y añadimos:

margin-left: 124px; /* Ancho total de los avatares */
width: 500px; /* Aquí cambiar 500 por el ancho que tengan los post */

Ya tenemos el CSS creado, así que sólo nos queda añadir el código necesario para utilizarlo. Buscamos:

{block:Posts}

Y justo debajo añadimos el código completo para mostrar el autor:

<div class="autorpost">
        <a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-64}"></a>
</div>

El resultado final (mostrando, con la línea horizontal roja, de dónde vienen los 124px sumados anteriormente) sería:

Nos quedaría una última cosa por corregir. Por defecto, debajo de los post se muestra un sombreado, que ahora estará muy a la izquierda.

Tenemos 2 opciones:

1ª) Moverla a la derecha. Busca:

#wrapper #content .bottom {

Y añade:

margin-left: 124px; /* Ancho de los avatares */

2ª) Quitarla. Busca:

#wrapper #content .bottom {

Y cambia:

background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;

Por:

/* background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent; */

———————————————————————————————————

Para cambiar el tamaño a un texto cuando reblogueamos/creamos un post, lo primero (para que sea más sencillo) es escribir primero todo el texto que queremos poner y luego hacer los cambios.

Supongamos que tenemos el siguiente texto:

Esto es una prueba

Pulsamos en HTML:

Y vemos que nos muestra el texto como:

<p>Esto es una prueba</p>

Tenemos varias opciones para cambiar el tamaño al texto. Las dos primeras son usando <small></small> (para encoger el texto) y <big></big> (para agrandarlo):

<p><small>Esto es una prueba</small></p>

<p><big>Esto es una prueba</big></p>

Nota: Se pueden usar tantos <small></small> y <big></big> como queramos. Por ejemplo, para poner algo muy grande usaríamos:

<p><big><big><big><big>Esto es una prueba</big></big></big></big></p>

Otra opción es usar <h1></h1>, <h2></h2> o <h3></h3>:

<p><h1>Esto es una prueba</h1></p>
<p><h2>Esto es una prueba</h2></p>
<p><h3>Esto es una prueba</h3></p>

Os dejo una imagen con todos a la vez:

———————————————————————————————————

Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda

Pulsa aquí para mostrar más opciones de este post
Decimocuarto post de ayuda. Podéis ver los anteriores aquí.
En este tutorial veremos cómo poner banners o publicidad entre 2 post, cómo añadir un botón Like de Tumblr y cómo ajustar las imágenes de los post para que ocupen todo el ancho.
(Nota: Antes de nada, revisad los errores comunes. Es importante.)
Para poner un banner o publicidad entre 2 post, tenemos que buscar:
{/block:Posts}
Y justo encima añadir lo siguiente:
{block:Post1}
Código del banner / publicidad
{/block:Post1}
El resultado sería:

Os puede suceder, como en mi caso, que el banner os salga pegado al siguiente post y situado a la izquierda. Para solucionarlo, le indicamos que lo centre y que haga unos saltos de línea:
{block:Post1}
&lt;center&gt;Código del banner / publicidad&lt;/center&gt;&lt;br&gt;&lt;br&gt;
{/block:Post1}
El resultado sería:

El número que sale en el block:Post define el post tras el cuál se mostrará el código añadido y podemos usar este código tantas veces como queramos.
Por ejemplo, para mostrar un banner tras el tercer post y otro tras el sexto usaremos:
{block:Post3}
Código del banner / publicidad 1
{/block:Post3}
{block:Post6}
Código del banner / publicidad 2
{/block:Post6}
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
Para añadir un botón Like de Tumblr es tan fácil como añadir el siguiente código en la posición que queramos:
{LikeButton}
En mi caso, lo voy a colocar justo después del primer:
&lt;div class="footer"&gt;
O lo que es lo mismo, antes del botón de rebloguear.
Este botón tiene algunas opciones de personalización:
size (por defecto 20): define el tamaño del botón
color (por defecto grey): define el color del botón. Tiene las opciones black y white.
Por ejemplo, para añadir un botón negro de tamaño 15, usaríamos:
{LikeButton color="black" size="15"}
Tumblr se encarga de generar todo el código para este botón, por lo que es probable que no lo coloque en la posición que queremos y nos desorganice el footer:

Nota: En la vista previa de la ventana Personalizar no se ve el botón Like. Tenemos que guardar los cambios y consultar el resultado en nuestra web.
Para solucionar esto, podemos usar este código:
&lt;span style="float: left; margin-right: 5px;"&gt;{LikeButton color="black" size="15"}&lt;/span&gt;
Simplemente coloca el botón a la izquierda de todo y deja un margen de 5px a la derecha.
El resultado sería:

&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
Para que las imágenes ocupen todo el ancho del post (por defecto tienen 500px de máximo), lo primero que tenemos que saber es el ancho que queremos que tengan las imágenes. En mi caso, como los post tienen un margen interior (padding) de 10px, voy a ponerle que ocupen 30px menos que ese ancho, para que quede bien ajustado. Buscamos:
#wrapper #content {
Y anotamos el width que tenemos ahí. En mi ejemplo serían 565px.
Ahora tenemos que buscar:
#wrapper #content .post .media {
y justo debajo del } de cierre añadimos:
#wrapper #content .post .media img {
width: 535px; 
}
Puse 535px porque es el ancho del post (content) menos los 30px que comenté antes.
Por último, buscamos:
#wrapper #content .post img {
Y cambiamos el max-width de 500 a 535px (o lo que corresponda).
Con esto pasamos de esto:

A esto:

&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
Extra: Para crear un menú superior como el que yo tengo, os recomiendo la siguiente página: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/
Trae todo muy bien explicado y un ejemplo funcional al final de todo.
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda

Decimocuarto post de ayuda. Podéis ver los anteriores aquí.

En este tutorial veremos cómo poner banners o publicidad entre 2 post, cómo añadir un botón Like de Tumblr y cómo ajustar las imágenes de los post para que ocupen todo el ancho.

(Nota: Antes de nada, revisad los errores comunes. Es importante.)

Para poner un banner o publicidad entre 2 post, tenemos que buscar:

{/block:Posts}

Y justo encima añadir lo siguiente:

{block:Post1}
Código del banner / publicidad
{/block:Post1}

El resultado sería:

Os puede suceder, como en mi caso, que el banner os salga pegado al siguiente post y situado a la izquierda. Para solucionarlo, le indicamos que lo centre y que haga unos saltos de línea:

{block:Post1}
<center>Código del banner / publicidad</center><br><br>
{/block:Post1}

El resultado sería:

El número que sale en el block:Post define el post tras el cuál se mostrará el código añadido y podemos usar este código tantas veces como queramos.

Por ejemplo, para mostrar un banner tras el tercer post y otro tras el sexto usaremos:

{block:Post3}
Código del banner / publicidad 1
{/block:Post3}
{block:Post6}
Código del banner / publicidad 2
{/block:Post6}

———————————————————————————————————

Para añadir un botón Like de Tumblr es tan fácil como añadir el siguiente código en la posición que queramos:

{LikeButton}

En mi caso, lo voy a colocar justo después del primer:

<div class="footer">

O lo que es lo mismo, antes del botón de rebloguear.

Este botón tiene algunas opciones de personalización:

size (por defecto 20): define el tamaño del botón

color (por defecto grey): define el color del botón. Tiene las opciones black y white.

Por ejemplo, para añadir un botón negro de tamaño 15, usaríamos:

{LikeButton color="black" size="15"}

Tumblr se encarga de generar todo el código para este botón, por lo que es probable que no lo coloque en la posición que queremos y nos desorganice el footer:

Nota: En la vista previa de la ventana Personalizar no se ve el botón Like. Tenemos que guardar los cambios y consultar el resultado en nuestra web.

Para solucionar esto, podemos usar este código:

<span style="float: left; margin-right: 5px;">{LikeButton color="black" size="15"}</span>

Simplemente coloca el botón a la izquierda de todo y deja un margen de 5px a la derecha.

El resultado sería:

———————————————————————————————————

Para que las imágenes ocupen todo el ancho del post (por defecto tienen 500px de máximo), lo primero que tenemos que saber es el ancho que queremos que tengan las imágenes. En mi caso, como los post tienen un margen interior (padding) de 10px, voy a ponerle que ocupen 30px menos que ese ancho, para que quede bien ajustado. Buscamos:

#wrapper #content {

Y anotamos el width que tenemos ahí. En mi ejemplo serían 565px.

Ahora tenemos que buscar:

#wrapper #content .post .media {

y justo debajo del } de cierre añadimos:

#wrapper #content .post .media img {
width: 535px; 
}

Puse 535px porque es el ancho del post (content) menos los 30px que comenté antes.

Por último, buscamos:

#wrapper #content .post img {

Y cambiamos el max-width de 500 a 535px (o lo que corresponda).

Con esto pasamos de esto:

A esto:

———————————————————————————————————

Extra: Para crear un menú superior como el que yo tengo, os recomiendo la siguiente página: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

Trae todo muy bien explicado y un ejemplo funcional al final de todo.

———————————————————————————————————

Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda

Pulsa aquí para mostrar más opciones de este post
Esto sí que es plagio

Me acabo de encontrar con el plagio más exagerado y cantoso que me han hecho hasta el momento:

http://mrtheneon.tumblr.com/

Me extendería a criticar a este personaje, pero es que viendo que ni cambió los botones de follow y sus links apuntan a mi web (incluso mantiene mis webs amigas), ¡qué alguien le diga que actualicé el diseño de mi web hace una semana!

Pulsa aquí para mostrar más opciones de este post

yellovvkitty:

Y aquí llega el último (por ahora), aunque no por ello el menos importante, de los bebés más monos de YelloVV Kitty: el gran De las Azores.

image

Hola! Yo también quería ser popular, así que os envío una foto de cuando tenía 3 añitos, en carnavales, sucio y feliz :D

PD: Gran idea este recopilatorio. Sus felicito :)

Gracias, es un gran halago viniendo de ti. Nosotros también te tenemos que felicitar por ese gran disfraz de… ¿de qué mierdas ibas? Sea como fuere, muy guapito tú, ¿no?

De momento, ya habéis salido todos los bebés monísimos de YelloVV Kitty, los cuales podéis ver pinchando aquí. Aun así, todavía podéis seguir enviandonos vuestras fotos hasta finales de Mayo. Durante los próximos días intentaremos confirmar el premio para el ganador ;)

Ahí tenéis una foto mía :D Aclarar que ese disfraz es porque en mi familia somos pobres. Es algo genético y hereditario xDD

¡Animaos a enviar la vuestra a YelloVV Kitty!

———————————————————————————————

Por otro lado, podéis observar que le he dado un pequeño lavado de cara a la web. Ahora las opciones de los post aparecen ocultas y he optado por colores más claros. Ambas cosas para facilitar el visionado de la web para quienes sólo queráis ver el contenido de la misma. Espero que os congratulen los cambios :)

Pulsa aquí para mostrar más opciones de este post
De Las Azores
Pregunta: ¿Qué es lo que más te gusta de Tumblr?
Respuesta: La variedad. Hay de todo y para todos los gustos. Pero sobretodo, las genialidades que te encuentras a veces.
P: ¿Y lo que menos?
R: El tiempo que te saca xD A veces cuesta mantenerlo actualizado, pero hay que hacer un esfuerzo por el par de personas que visitan a diario mi Tumblr :P
P: ¿Con qué frecuencia te masturbas?
R: No conozco la cantidad que ustedes piensan, pero digamos la mitad de lo que piensen, y lo que yo querría es menos de la mitad de lo que la mitad de ustedes creen.
P: ¿Cuál ha sido la situación más patética en la que te has visto?
R: Pues una vez un amigo pidió unas albóndigas en un chiringuito. Siempre ponían 8 y esta vez le habían puesto una de más. Venía gritando todo orgulloso “JAJAJA me pusieron una de más”. Tropezó y se le cayeron todas menos una xDD pero no terminó ahí la cosa. Se quedó empanado mirando las albóndigas del suelo y otro amigo aprovecho la distracción para comerle la albóndiga sobrante xDDD
P: ¿Y la frase más estúpida que has dicho?
R: Una vez pedí un café solo con leche xDD La camarera se descojonó, claro y me dijo que en que quedaba la cosa, que si lo quería con leche o solo. Me hacía mucha falta el café xDD
P: ¿Videojuego favorito?
R: A día de hoy casi no juego a nada, pero si tengo que elegir entre todo lo que he jugado, creo que me quedaría con el WoW. Es el juego al que más horas le he dedicado y en el que más me he divertido. Además tiene el extra de haber conocido a grandes personas.
P: ¿Piensas en dejar Tumblr?
R: Pues espero que no. Ya dispongo de más tiempo y puedo organizarme para mantener el Tumblr actualizado con unas pocas publicaciones al día.
P: ¿Algo que quieras decir?
R: Simplemente felicitaros por la idea que habéis tenido y desearos suerte con ella :)
Pulsa aquí para mostrar más opciones de este post
Decimotercero post de ayuda. Podéis ver los anteriores aquí.
En este tutorial veremos cómo añadir una nueva barra lateral a nuestra página. Como ya tenemos una a la derecha, la añadiremos a la izquierda.
(Nota: Antes de nada, revisad los errores comunes. Es importante.)
Cómo ya sabemos la barra lateral está formada de la siguiente forma:
&lt;div id="sidebar"&gt;       &lt;div id="top"&gt;               CONTENIDO       &lt;/div&gt; &lt;/div&gt;
Para añadir una barra a la izquierda vamos a usar la misma estructura, pero renombrando los id:
&lt;div id="sideleft"&gt;       &lt;div id="topleft"&gt;               CONTENIDO       &lt;/div&gt; &lt;/div&gt;
Tenemos que hacer lo mismo en el CSS (style). Buscamos y copiamos los siguientes códigos completos (desde el primer # hasta el } de cierre):
#wrapper #sidebar {
#wrapper #sidebar #top {
Y los renombramos como arriba (#sideleft #topleft). Además, en #sideleft cambiamos:
float: right;
por
float: left; 
Y añadimos:
margin: 0px 20px 0px 0px;
Siendo 20px el margen entre la barra de la izquierda y la parte del contenido (la de los post).
Y en el #topleft cambiamos:
padding: 0 20px;
por 
padding: 20px;
Y añadimos:
margin: 0px 0px 20px 0px;
Los 20px de padding serán los márgenes interiores y los 20px la separación entre 2 topleft.
En mi caso quedaría lo siguiente (lo pongo de ejemplo para que veáis de forma más clara lo que debéis hacer, pero no recomiendo un copy/paste de este código, ya que vuestra barra de la izquierda será distinta de la de la derecha):
 #wrapper #sideleft {
                margin: 0px 20px 0px 0px;
                width: 260px;
                float: leftt;
                color: {color:Background};
                font-family: {font:Accent}
            }
      #wrapper #sideleft #topleft {
                    border-radius: 10px 10px 10px 10px;
                    border: 4px solid #000; 
                    box-shadow: 0 0 5px 5px rgba(0,177,223,1);
                    background: #fff;
                    padding: 20px;
                    margin: 0px 0px 20px 0px;
                }
Ahora tenemos que buscar #wrapper { y a su width sumarle el width de sideleft y el margen que hemos puesto. En mi caso teníamos esto:
#wrapper {
            width: 845px;
            margin: 0 auto;
        }
Y nos quedará esto:
#wrapper {
            width: 1125px; /* 845 + 260 + 20 de margen */
            margin: 0 auto;
        }
Por último, ya sólo nos queda añadir los &lt;div&gt; del principio a nuestra página. Buscamos &lt;div id=&#8221;content&#8221;&gt; y los pegamos justo antes. Por ejemplo:
 &lt;div id="sideleft"&gt;
            &lt;div id="topleft"&gt;
                &lt;img src="http://27.media.tumblr.com/tumblr_m2pavzQyNR1r1m0jso1_250.png"&gt;
            &lt;/div&gt;
            &lt;div id="topleft"&gt;
                &lt;img src="http://assets.tumblr.com/images/default_avatar_128.gif"&gt;
            &lt;/div&gt;
        &lt;/div&gt;
Quedaría de la siguiente forma:

(Ver en grande)
PD: Si el banner de vuestra página se sitúa a la izquierda de todo, y queréis que salga centrado, simplemente tenéis que buscar en CSS (style) #wrapper #title { y añadirle:
text-align: center;
Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda 

Decimotercero post de ayuda. Podéis ver los anteriores aquí.

En este tutorial veremos cómo añadir una nueva barra lateral a nuestra página. Como ya tenemos una a la derecha, la añadiremos a la izquierda.

(Nota: Antes de nada, revisad los errores comunes. Es importante.)

Cómo ya sabemos la barra lateral está formada de la siguiente forma:

<div id="sidebar">
       <div id="top">
               CONTENIDO
       </div>
</div>

Para añadir una barra a la izquierda vamos a usar la misma estructura, pero renombrando los id:

<div id="sideleft">
       <div id="topleft">
               CONTENIDO
       </div>
</div>

Tenemos que hacer lo mismo en el CSS (style). Buscamos y copiamos los siguientes códigos completos (desde el primer # hasta el } de cierre):

#wrapper #sidebar {

#wrapper #sidebar #top {

Y los renombramos como arriba (#sideleft #topleft). Además, en #sideleft cambiamos:

float: right;

por

float: left; 

Y añadimos:

margin: 0px 20px 0px 0px;

Siendo 20px el margen entre la barra de la izquierda y la parte del contenido (la de los post).

Y en el #topleft cambiamos:

padding: 0 20px;

por 

padding: 20px;

Y añadimos:

margin: 0px 0px 20px 0px;

Los 20px de padding serán los márgenes interiores y los 20px la separación entre 2 topleft.

En mi caso quedaría lo siguiente (lo pongo de ejemplo para que veáis de forma más clara lo que debéis hacer, pero no recomiendo un copy/paste de este código, ya que vuestra barra de la izquierda será distinta de la de la derecha):

 #wrapper #sideleft {
                margin: 0px 20px 0px 0px;
                width: 260px;
                float: leftt;
                color: {color:Background};
                font-family: {font:Accent}
            }
      #wrapper #sideleft #topleft {
                    border-radius: 10px 10px 10px 10px;
                    border: 4px solid #000; 
                    box-shadow: 0 0 5px 5px rgba(0,177,223,1);
                    background: #fff;
                    padding: 20px;
                    margin: 0px 0px 20px 0px;
                }

Ahora tenemos que buscar #wrapper { y a su width sumarle el width de sideleft y el margen que hemos puesto. En mi caso teníamos esto:

#wrapper {
            width: 845px;
            margin: 0 auto;
        }

Y nos quedará esto:

#wrapper {
            width: 1125px; /* 845 + 260 + 20 de margen */
            margin: 0 auto;
        }

Por último, ya sólo nos queda añadir los <div> del principio a nuestra página. Buscamos <div id=”content”> y los pegamos justo antes. Por ejemplo:

 <div id="sideleft">
            <div id="topleft">
                <img src="http://27.media.tumblr.com/tumblr_m2pavzQyNR1r1m0jso1_250.png">
            </div>
            <div id="topleft">
                <img src="http://assets.tumblr.com/images/default_avatar_128.gif">
            </div>
        </div>

Quedaría de la siguiente forma:

(Ver en grande)

PD: Si el banner de vuestra página se sitúa a la izquierda de todo, y queréis que salga centrado, simplemente tenéis que buscar en CSS (style) #wrapper #title { y añadirle:

text-align: center;

Puedes ver las ayudas que vaya creando en http://delasazores.com/tagged/ayuda 

Pulsa aquí para mostrar más opciones de este post
Con conexión de nuevo

Ya estoy de vuelta :D La portabilidad ha finalizado correctamente y ya dispongo de nuevo de conexión a Internet. Por lo que veo, la cola de publicaciones ha fallado estos días, justo cuando más falta hacía. Maldita Ley de Eddie Murphy:

¡Un saludo y gracias por vuestra paciencia!

Pulsa aquí para mostrar más opciones de este post
Unos días sin conexión

Durante unos días (máximo hasta el 24 de Mayo) estaré sin conexión por una portabilidad (a pesar de que me dijeron que no perdería la conexión en ningún momento…).

Intentaré ir a algún sitio para actualizar un poco, pero bajará el ritmo de publicaciones notablemente estos días. Disculpas las molestias.

¡Un saludo maj@s!

Pulsa aquí para mostrar más opciones de este post

pablets ha contestado a tu publicación: Sé que eres una persona y un buen tumblero. Sigue así, tú subirás a la nave. Seguro que nos serán útiles tus tutoriales.

Bañador, y sobre todo, toalla. ¡Nunca olvides tu toalla!

Pues ale, añadidos a la maleta:

Pulsa aquí para mostrar más opciones de este post
Botón para subir al principio de la página de Cafetería de las Azores, Web de Humor, Tumblr en Español Huevo de Pascua