| FaceFile | |
![]() | Contiene 5 íconos de 512x512, en formato PNG. descargar |
| Wall E | |
![]() | Contiene 4 íconos de diversos tamaños, en formato PNG. descargar |
![]() | |
Restaurar entradas borradas de Blogger |
<link rel="alternate" type="application/atom+xml" title="NOMBRE BLOG - Atom" href="http://misitio.blogspot.com/feeds/XXXXXXX/comments/default" /><a expr:name='data:post.id'/>
http://www.blogger.com/post-create.g?blogID=XXXXXXXhttp://www.blogger.com/post-edit.g?blogID=XXXXXXX&postID=XXXXXXX
Sintaxis resaltada con Rainbow y jQuery |

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js' type='text/javascript'></script>
<script src='URL_rainbow-custom.min.js' type='text/javascript'></script>
<link href='URL_theme.css' rel='stylesheet" type='text/css'><pre>
<code data-language="javascript">
....... el código que queremos mostrar .......
</code>
</pre><pre>
<code data-language="javascript">
....... el código que queremos mostrar .......
</code>
</pre>
Un formulario de búsqueda estilizado |
<form class="formulariodemo cf"> <input type="text" placeholder="ingresar texto ..." required> <button type="submit">buscar</button> </form>
<form class="formulariodemo cf" action='http://nombre.blogspot.com/search' method='get'> <input type="text" placeholder="ingresar texto ..." required name="q" > <button type="submit">buscar</button> </form>
<style>
.cf:before, .cf:after {
content:"";
display:table;
}
.cf:after {clear:both; }
.cf { zoom:1; }
/* el formulario en si mismo */
.formulariodemo {
background-color: #303941;
border-radius: 10px;
box-shadow: 0 0 2px #606971 inset;
margin: 0 auto;
padding: 15px;
width: 450px;
}
/* la caja donde se ingresa el texto a buscar */
.formulariodemo input {
background-color: #EEE;
border: none;
border-radius: 3px 0 0 3px;
float: left;
font-family: Tahoma;font-size:15px;font-weight: bold;
height: 20px;
padding: 10px 5px;
width: 330px;
}
.formulariodemo input:focus {
outline: 0;
background: #FFF;
box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
/* el estilo de del atributo placeholder debe ser declarado para cada navegador de modo separado */
.formulariodemo input:-moz-placeholder { color: #999; font-weight: normal; font-style: italic; }
.formulariodemo input::-webkit-input-placeholder { color: #999; font-weight: normal; font-style: italic; }
.formulariodemo input:-ms-input-placeholder { color: #999; font-weight: normal; font-style: italic; }
/* aquí iría el estilo de del atributo required si es que se desea definirlo */
.formulariodemo input:required { box-shadow: none; }
/* el botón de envio */
.formulariodemo button {
background-color: #9099A1;
border: none;
border-radius: 0 3px 3px 0;
color: #FFF;
cursor: pointer;
float: right;
font-family: Tahoma;
font-size: 15px;
font-weight: bold;
height: 40px;
overflow: visible;
padding: 0;
position: relative;
text-transform: uppercase;
text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
width: 110px;
}
.formulariodemo button:hover{ background: #E54040; }
.formulariodemo button:active, .formulariodemo button:focus{ background: #C42F2F; }
.formulariodemo button:before { /* el detalle del triángulo izquierdo */
content: "";
border-color: transparent #9099A1 transparent;
border-style: solid solid solid none;
border-width: 8px 8px 8px 0;
left: -6px;
position: absolute;
top: 12px;
}
.formulariodemo button:hover:before { border-right-color: #E54040; }
.formulariodemo button:focus:before { border-right-color: #C42F2F; }
</style>
Jugando con CSS y las animaciones |

Una animación con CSS es algo similar a una transisicón que se repite un número de veces y requiere de dos partes, establecer los intervalos y propiedades a modificar en @keyframes y la propiedad animation en cualquier etiqueta.
Mejora para compartir entradas en Google+ |
Así como hay una manera de mejorar la forma de compartir las entradas en Facebook, podría ser que hubiera otra para hacer lo mismo en Google+. Al igual que la anterior, es una parte no demasiado documentada del API sobre la cual hay muchos foros que intentan poner algo de luz En este caso, el código es menos engorroso ya que no tiene opciones (o nadie ha descubierto si las hay); sólo se trata de una dirección URL a la cual se le adosa la dirección de la entrada a compartir, lo que daría como resultado algo como esto:
https://plus.google.com/share?url=direccion_a_compartir
<a expr:onclick='"window.open(\"https://plus.google.com/share?url=" + data:post.url + "\",\"gplusshare\",\"toolbar=0,status=0,width=548,height=325\");"' href='javascript:void(0);' rel='nofollow' title='compartir en Google+'> texto o image </a>
Dos problemas, dos soluciones |
Buenos Aires
Argentina
Nacido en el tercer mundo. Un santo varón. Buenos Aires. Los elefantes. Las golondrinas de Plaza de Mayo. Me chupo el dedo.
El tiempo es veloz. ¿No ves que ya no somos chiquitos? Despedida de la infancia. Todo es efímero. Juguetes perdidos. Dime quién me lo robó. Aprendizaje.
Soy un hippie. Rutas argentinas. Sobredosis de TV. Raros peinados nuevos. Más de cien mentiras. Delirium tremens.
Ciudad de pobres corazones. El karma de vivir al sur. Mundo de quimeras. Oh Dios, ¿Qué puedo hacer?
Cuando era más joven. Los mayores del mundo. Botas locas. Rejas electrificadas. Cerca de la revolución. Contra todos los males de este mundo. La casa desaparecida. Tumbas de la gloria. Vencedores vencidos. Carguen, apunten, fuego. Estás frito angelito. A lo mejor aún te acuerdas.
Ah, te vi entre las luces. Muchacha. Amor se llama el juego. Juego de seducción. Mi genio amor. Prométeme que nunca me dirás adiós. Pequeñas delicias de la vida conyugal. Toda la vida tiene música hoy. Es hora de levantare, querido (dormiste bien?).
Resumiendo.
Mi sueño de hoy. La sed verdadera. La búsqueda de la estrella. Todos juntos. ¡Ah! Basta de pensar.
Esto es to-to-todo amigos.
| CONTRAER ARCHIVOS |
|
