
27 de marzo de 2014
¡Somos 6+tutorial! ♥
3 message(s) / comment ?★☆
SOY UNA NERD COQUETA! xD
Hola chicas, hoy traigo un noticiónn ♥. ¡Lee más para enterarte!
Holis! Lamento no postear tanto u.u (¿¡cómo que no pude postear!? ¡Posteé hace 3 días!) (≧∇≦) Es que no pude u.u. Como ya saben, no tengo tiempo porque me matan con la tarea :(. Bueno, me distraje. Primero les digo la noticia y el tuto al final. Tal vez no lo hayan notado pero hace poco Mariana Neko se hizo follower y hace unos pocos día he abierto la CBox (que por cierto hace años no la abría. El blog no muestra el polvo virtual xD) y me encontré con un hermoso comentario de chinnix.
¿Hermoso, no? Okas. Últimamente me llenan de comentarios lindos. Por ejemplo:
Agradezco mucho a todos los que me ocmentan así. Estos fueron los últimos, pero muchos me comentaron en la cbox con cosas parecidas y agradezco a todas.
Ok, me fui del tema n.n_ Okis, la cosa es que Shiro y Amary me siguen. Y estoy agradecida, porque ahora ¡SOMOS SEIS! (yuju, ya se sumar *estoy bromeando. nya. no ze ezkrivir xD*) Bueno, no se que fue eso pero no me interes :P. Además quería agradecer a Amary porque participa de mi concurso de la entrada anterior (es la entrada anterior xD) y puso el banner, así que es oficial. Le deseo buena suerte. No olviden participar!!!♥ Ahora el tutorial :)
Es para poner un menú centrado como el que yo tengo aquí:
¿No es hermozo? *no ze ezkribir. Soy un fail humano xD*
Bueno, esto es facil!
Para ponerlo ve a diseño
añadir un gadget
HTML/Javascript


Y en la cajita que aparece pegas lo siguiente:
<center><style type="text/css">
.hTC {
padding: 3px 5px 7px 5px;
position: relative;
background: #FFB8D1; /* FONDO DEL MENU */
outline-offset: -3px;
outline: 1px dashed #fff; /* COLOR DEL BORDE ENTRACORTADO */
}
.BASTILLE {
position: relative;
width: 570px; /* LARGO DEL MENU */
}
.BASTILLE:before {left: -20px;}
.BASTILLE:before {
border-color: #F177FA transparent #A07EEF transparent; /* COLOR DE LA CINTA DOBLE */
border-style: solid;
border-width: 14px;
content: "";
position: absolute;
right: -20px;
top: 0px;
}
a.linksTC {
color: #FFFCFE; /* COLOR DELOS LINKS */
text-decoration: none;
text-shadow: 0px 17px 0px transparent,
0px -17px 0px transparent;
}
.linksTC {
margin: 3px;
font: 9px georgia; /* LETRA DE LOS LINKS */
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition-duration: 0.5s;
}
.linksTC:hover {
color: transparent;
text-shadow: 0px -5px 0px #9500C3, /* COLOR1 DE LINKS HOVER */
0px 5px 0px #FF0091; /* COLOR2 DE LINKS HOVER */
}
</style>
<div class="BASTILLE">
<div class="hTC">
<center>
<a href="Aquí la url de tu blog" class="linksTC">Aquí pones home o inicio</a>
<a href="url de una etiqueta o de una entrada" class="linksTC">Título de la pagina</a>
<a href="url de una etiqueta o de una entrada" class="linksTC">Título de la pagina</a>
</center>
</div>
</div>
</center>
Este tuto es muy fácil. Sólo debes cambiar lo que yo indiqué con colorcitos (recuerda que el gris no es un color-color).
Naranja: URL
Rojito: Títulos
Verde: Colores
Azulito: fuente.
Las indicaciones están en MAYÚSCULA. Como ves es sumamente fácil! Bueno, esto fue todo y ahora me voy porque tengo que hacer una tarea que me quedó pendiente!

Etiquetas: #Tutoriales, NotisxD