Mostrando entradas con la etiqueta Tutoriales. Mostrar todas las entradas
Mostrando entradas con la etiqueta Tutoriales. Mostrar todas las entradas

lunes, 28 de enero de 2013

Que es un blockqoute? Como puedo hacerlo mas bello?*Q*

Hola soy el señor blockqoute

  1. Necesitaremos un fondo suave para que el texto se vea bien clarito nwn
  2. Se busca la siguiente etiqueta F3
blockquote {.........................................}
3. sustituirlo por este codigo
blockquote {font size: 8pt;test-align: justify;line-height: 11px;line-width: 25px;padding: 3px;border-right: #aaaaaa 3px double; color: #000000;background:url(Url del background here);background-colour: #ffffff;background-repeat:repeat;} 
4. si los codigos no aparecen intentalo con:
.post blockquote { 
o
]]></b:skin
 


lunes, 21 de enero de 2013

video-Tutorial vintage edit 01


Asi es como me quedo >w<
 
Si tienes alguna duda o pregunta comentameela en




lunes, 7 de enero de 2013

tutorial: colocar un divisor en mi blog


Diseño>> plantilla>>>expandir artilugios

busca el codigo

<b:include data='post' name='post'/>
y justo debajo pegas este codigito:

<center><img src='URL de la imagen'/></center> 

algunos divisores :  [♥love berrish♥]

Tutorial cambiar el color del texto seleccionado

 

pega este codigo antes de ]]></b:SKIN

/* Color texto seleccionado */::selection {background: #ccc;}::-moz-selection {background: #ccc;} 

#ccc alli pones el color les dejo una tablita
[♥aqui]

sábado, 5 de enero de 2013

Mi primer tutorial :): como hacer que una imagen se mueva


Bueno,si sigues los pasos que yo diga al pie de la letra saldra bien

Pega este codigo antes de head
<!-- Prototype y Scriptaculous--> <script src='http://www.google.com/jsapi'></script> <script> google.load("prototype","1.7.0.0"); google.load("scriptaculous", "1.9.0"); </script> <!-- Prototype y Scriptaculous-->
para poner en las entradas y que se mueva:
<img id="drag1" style="cursor:move; border:0px;" src="URL de la imagen"/> <script type="text/javascript">new Draggable('drag1');</script>

jueves, 3 de enero de 2013

Tutorial: Cabezera PNG en photoscape

Creditos por la plantilla de edicion
 
AQUI PUEDES CONSEGUIR UNA BASE GRANDE
 
MI TUTO:

(click mas grande)

domingo, 30 de diciembre de 2012

sábado, 29 de diciembre de 2012

Fondo a entrada del blog


preview:

Asi es como se veria con fondo shalsdlaksjklcnow
Hay teneis el codigo:
<p align="center"><table background="URL_de_tu_fondo" border="0" cellpadding="0"><tbody><tr><td>ESCRIBE AQUI EL TEXTO QUE DESEAS QUE APAREZA EN TU FONDO ^^</td></tr></tbody></table>
les dejo algunos fonditos

Como pueden afiliarme?


codigo:
<a href="url-de-tu-página" target="_blank"><img src="url-de-la-imagen"/></a><p>
<h2 class="sidebar-title">Título </h2>
<textarea><a href="url-de-tu-página " target="_blank">
<img src="url-de-la-imagen"/></a></textarea><p>


[Recursos]como agregar un icono al lado de el titulo



diseñoplantillaexpandir plantillas artilugios

Buscar este codigo
<a expr:href='data:post.url'><data:post.title/></a>

si lo quieres a la derecha pega este codigo
<img src='URL DE LA IMAGEN'/>

pegar el codigo en el medio

siguiente manera
<img src='URL DE LA IMAGEN'/> 
adelante de <data:post.title/>sale a la izquierda
siguiente manera
(aqui lo pegaremos 2 veces) pegamos el codigo delante de <a expr:href='data:post.url'> y atras de </a> 



les dejo algunos recursitos