martes, 28 de febrero de 2012

Tutoriales de HTML

si quieres ver mas tutoriales ve al menu y allu estaran todos, actualizados al día. Puedes pedirnos tutos comentando :)

Tutorial 1

Cómo hacer para poner un BLOCKQUOTE más adornado.

Lo que intentaremos es este resultado:



ESTO ES UN BLOCKQUOTE ADORNADO.

Vamos a diseño, edición de HTML.
Pulsamos CTRL y F al mismo tiempo(en el firefox!!!)
En la ventanita que se nos abre, escribimos:



a:link {
Ok, ya lo encontramos.
Ahora, sigue mis pasos BIEN ya que si te equivocas no funcionará. Lee detalladamente...

Buscamos donde dice a:hover { que no está muy abajo del resultado encontrado.
Seguimos abajo, y veremos un { que está solito

Ok, más abajo del { que encontraron solito, pegan:








blockquote {
border: 1px solid #172b3f;
border-right: 1px solid
#172b3f;
border-left: 5px solid #172b3f;
padding: 10px;
padding-left: 10px;
margin:10px 20 20 20;
background-color: #32577b;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-webkit-box-shadow: 0
0 0px #000;
-moz-box-shadow: 0 0 0px #000;
box-shadow: 0px 0px 0px #000;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:
0px;
}







Y despues, le dan a guardar.
Si tienen alguna duda, comentenla, y si
quieren que publique otro tuto, avisen.

Tutorial2
Les
enseñarée como hacer para ponerle sombra a TODO el texto de tu plantilla Blogger
normal.

Primero, vamos a Edicion de
Html.

Segundo, pulsamos(en el firefox)
CTRLyF al mismo tiempo

En el
cuadradito que se nos aparece, PEGAMOS:




background: $(body.background);

Ok, JUSTO ABAJO de ese
texto(a la misma altura), pero antes de la llave pegamos :





text-shadow:0px 0px 5px
#fff;


Debes modificar
donde dice: #fff y colocar un codigo de un color que quieras. Para conseguir
codigos de colores, haz click AQUI.

Poner "GUARDAR" Y ya tienes la sombra en tu blog :)

0 comentarios:

Publicar un comentario en la entrada

Suscribirse a Enviar comentarios [Atom]

<< Página principal