Hola,my pastels! Como estan? Espero que super bien!
Estós días estube muy ocupada sigo con estos Exámenes, pero se acabarán.
Igual quiero Avisar que de ahora en mas voy a
publicar una vez la semana seguro seran los miercoles o quiza
Los lunes y jueves no lo se pero no publicare del tanto
Estoy muy ocupada y quiero tener buenas notas.
Otro Aviso es que estare haciendo los premios para ustedes mis
seguidores^^
Ahora sí comenzaré con el Tutorial:
Empecemos!
Este Tutorial Trata de esto lo que ven arriba fue una combinación de Codigos de Varios Blogs
y yo le agregué muchos más,entonces
CREDITOS A MI si lo USAS o lo publicas!
Comenta en los comentarios o cbox si lo vas a publicar!
Y PIDE Permiso!
Bueno Comencemos parar Obtener este Código deberas ir a:
Diseño → Añadir Gadget → HTML / Javascript → Y pegar el siguiente Código:
<style>
.musMMC {
text-align:center;
font-size:11px;
font-family: trebuchet ms;
font-style: italic;
position: fixed;
left: 20px;
top: 10px;
width:150px;
color:#fff; /* COLOR DEL TITULO */
border: 1px dashed #fff; /* BORDE DEL TITULO */
padding:4px;
border-radius: 10px;
background: #95d3bf; /* FONDO DEL TITULO */
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
}
.musMMC:hover {
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
}
#note {
border-radius:10px;
border:1px dashed #95d3bf; /* BORDE DEL BOX */
margin-top:820px;
width:180px;
margin-left:10px;
padding:4px;
position: fixed;
text-align:left;
background:#fff; /* FONDO DEL BOX */
color:#95d3bf; /* COLOR DE LA LETRA DEL BOX */
opacity: 0;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
}
.musMMC:hover #note {
margin-top:20px;
opacity: 1;
overflow:hidden;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;}
</style>
<div class="musMMC">Créditos<br /><div id="note">
<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados{
float: left;
background-color: #81DAF5; //*FONDO*//
width: 27px;
height: 10px;
font-family: wish;
font-size: 8px;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #fff; //*COLOR LETRA*//
line-height: 13px;
border: 1px solid #A9F5F2;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
#afiliados:hover {
opacity: .50;
}
</style>
<center>
<i>-Mensaje corto-</i>
<a href="URL" id="Afiliados">Tu</a>
<a href="URL" id="afiliados">Tu</a>
<a href="URL" id="afiliados">Tu</a>
<a href="URL" id="afiliados">Tu</a>
</center>
<div>
<div>
</div><br />
</div></div></div>
EDITARLO A TU GUSTO
o aquí en los coments!
No se si no les estan gustando mis entradas pero ya no veo tanta actividad en mi blog igual leer sus comentarios aunque sea 1 me hace bien♥
Si hay algo que no les gusta diganme así puedo corregir eso-
Besitos bien grandes a todos!
Gracias por los códigos a
Créditos a mi por el tutorial!
Me parece genial que hayas unido los tutoriales,para formar este menu~!esta genial~
ResponderEliminarsaludos
Muy buen tutorial =D Y espero que te vaya muy bien con los exámenes =)
ResponderEliminarAcerca de lo que dices de poca actividad en el blog, creo que es algo generalizado, he notado que como muchos están en época de exámenes no hay tanta actividad como lo normal =3
Que tengas un bello día-noche °w°
Saludos~
Que buen tuto :3
ResponderEliminarYo he tenido bajas de visitas :c ,, como dice Gisela .. temporada de examenes, afecta a todos XD
Un abrazo.
Sin ofenderte, Larita, el efecto para los credits es de Mell, de the circus, ya que dice "MMC" (mi mundo de creación) su antiguo blog. Tendrás q darle créditos a ella :)
ResponderEliminarSaludos~
Jochi Cat