No estoy "MUERTA"
Hola amores!Mil millones de disculpas por no actualizar mas el blog lo siento MUCHO en serio :( La escuela me esta matando mas que nunca :'(.Les aviso que tengo preparadas algunas cosillas nuevas para el blog que las subire prontito bueno chaooo besitos con sabor a nutella :'3 :D
Headers
Hola guapuritas! :) Hoy les traigo unos headers que no son hechos por mi,los encontre por la web(obio pedi permiso para cojerlos) y yo los re-edite con otras fotos,efectos...
Y ahora ya que los tengo preparados para vosotras,solo falta que las personas que quieren algunos de estos headers que envien este formulario a lucymaryahope@hotmail.com:
Tu Nombre:
Y ahora ya que los tengo preparados para vosotras,solo falta que las personas que quieren algunos de estos headers que envien este formulario a lucymaryahope@hotmail.com:
Tu Nombre:
Link de tu Web:
Que header quieres?:
Nombres del los menus:
Lo quieres con image map?:
Quieres otros colores?:
Que piensas de esta web?:Menú top ♥
Hola bloggeritas! Hoy vengo con un nuevo tutorial de un menú muy pero muy WOW ;)
Todo lo que tienen que hacer es ir a Plantilla-Edicion HTML,presiona sobre el recuadro del codigo de tu plantilla y buscan(Ctrl + f) la siguiente linea:
</body>
Una vez encontrada la linea(es decir arriba de la palabra </body>)pegas ARRIBA de ella este codigo:
<style>
.MENUlove { /* BORDE TOP */
font-family: arial;
font-size: 11px;
text-transform: uppercase;
padding: 10px;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
overflow: hidden;
text-align: center;
border-top: 5px solid #FFCEC6;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}
.MENUlove:hover { /* BORDE TOP HOVER */
border-top: 5px solid #BBE7D9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.MENUlove a { /* LINKS */
background: #FFCEC6;
border-radius: 0 0 30px 30px;
color: #fff;
text-decoration: none;
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
text-shadow: 0px -100px 1px #FFF;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}
.MENUlove a:hover { /* LINKS HOVER */
background: #BBE7D9;
color: transparent;
font-style: italic;
padding-left: 20px;
padding-right: 80px;
text-shadow: 30px 0px 0px #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
</style>
<div class="MENUlove">
<a href="URL">HOME</a>
<a href="URL">ABOUT</a>
<a href="URL">SITE</a>
<a href="URL">LINKS</a>
<a href="URL">GOODIES</a>
<a href="URL">BACK</a>
</div>
Explicaciones:
Todo lo que tienen que hacer es ir a Plantilla-Edicion HTML,presiona sobre el recuadro del codigo de tu plantilla y buscan(Ctrl + f) la siguiente linea:
</body>
Una vez encontrada la linea(es decir arriba de la palabra </body>)pegas ARRIBA de ella este codigo:
<style>
.MENUlove { /* BORDE TOP */
font-family: arial;
font-size: 11px;
text-transform: uppercase;
padding: 10px;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
overflow: hidden;
text-align: center;
border-top: 5px solid #FFCEC6;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}
.MENUlove:hover { /* BORDE TOP HOVER */
border-top: 5px solid #BBE7D9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.MENUlove a { /* LINKS */
background: #FFCEC6;
border-radius: 0 0 30px 30px;
color: #fff;
text-decoration: none;
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
text-shadow: 0px -100px 1px #FFF;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}
.MENUlove a:hover { /* LINKS HOVER */
background: #BBE7D9;
color: transparent;
font-style: italic;
padding-left: 20px;
padding-right: 80px;
text-shadow: 30px 0px 0px #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
</style>
<div class="MENUlove">
<a href="URL">HOME</a>
<a href="URL">ABOUT</a>
<a href="URL">SITE</a>
<a href="URL">LINKS</a>
<a href="URL">GOODIES</a>
<a href="URL">BACK</a>
</div>
Explicaciones:
- background:color del fondo
- color:color de los LINKS
- URL: url donde te guiara el link
- border: TAMAÑO/ETILO/COLOR DEL BORDE.
- /* LINK HOVER */: el color del texto esta en transparente,para cambiar el color del link al pasar el cursor, debes editar la parte donde dice:
text-shadow: 30px 0px 0px #fff;#fff es el color de la sombra del texto, que es lo que esta visible al pasar el cursor.
Esto fue todo si tienen duda comenta en esta entrada y yo tratare de ayudarlas! :D Bye Bye!
Reglas
~Reglas Generales~
En el blog pronto subiré varios forms para las que desean pedir ediciónes donde deberán aceptar y respectar las siguientes reglas si quieres que tu pedido sea aceptable.
1.Cuando completas el Form, en muchas ocasiones encontrarás unos campos con un * al lado, eso significará que es necesario COMPLETAR el campo respectivo.
2.Si no completas el campo con * , el pedido sera anulado.
3.Cuando encontrarán en el form un campo con un signo "?" deberán pinchar en aquel cuadrado que se encuentra con azul, y leer lo que pone.Por ejemplo si en el form hay un campo en el que dice "Explica claramente como deseas que sea tu pedido" ahí en aquel campo deberás EXPLICAR claramente como quieres tu pedido...si la explicación no esta clara, no podré hacer tu pedido,porque no entendi lo que has querido decir.
-SIEMPRE cuando quieres completar un Form para pedidos,siempre te pediré que pongas la PALABRA SECRETA para saber si de verdad has leido las reglas,en caso contrario tu pedido será anulado.
-Tienes que esperar maximo una semana para que te entregue tu pedido, no apresures,no eres la única persona que pide en mi blog, por lo tanto tienes que esperar.
-Cuando termine tu pedido te lo publicare en la parte de "WorkList" y podré "Tu nombre-Pedido Terminado".
-Si tomas el pedido que te entrego y dices que lo has hecho tu iras a black list y no podrás pedir mas aqui.
-En cada pedido que te entrego deberás darnos creditos, en caso contrario irás a "BlackList"
~Reglas para Headers~
-Tienes que completar el form corespondiente,en caso contrario tu pedido no se tomara en cuenta.
-Los campos con * son necesarios completarlos, si no se te anulara tu pedido
-Me tienes que especificar en el campo respetivo del form como deseas tu header,es decir explicar detalladamente.
-Tienes que esperar maximo 3 dias para que te haga tu pedido
-Cuando te lo termine aparecerás en la lista de "WorkList"
-Si no te entrego tu pedido en una semana estas obligada recordarmelo
-Para que tu pedido sea aceptable tienes que saber la palabra secreta para el form del header
Para ordenar un header CLICK AQUI
-Palabra Secreta:SlowDown Para ordenar un header CLICK AQUI
~Reglas Resources~
-Tienes que completar el Form corespondiente, en caso contrario tu pedido sera anulado.
-Tienes que complatar todos los campos con * ,si no tu pedido no se tomara en cuenta.
-Tienes que esperar 3 días para que te entregue tú pedido
-Si no te entrego tú pedido en 3 días , tienes que recordarmelo.
-Si cuando te entrego tu pedido, lo tomaras diciendo que lo has hecho tú, irás a "BlackList" y no podrás pedir más en este blog
-Para hacer completar el form de recursos tienes que saber la palabra secreta, en caso contrario tu pedido no se tomara en cuenta.
-Palabra secreta:You'reMyOnlyShorty
Packs
****Resources****
Pack 001: 1 blends + 1 texto PNG
Pack 002: 3 blends + 2 imagenes PNG
Pack 003: 4 collages + 1 blend
Pack 004: 1 logotipo + 1 texto PNG
Pack 005: Foto de perfil para facebook + portada
Pack 006: 3 botones de afiliacion + movimiento
Pack oo7:3 botones de afiliacion+ sin movimiento
****Header****
Pack Smile: Header+ImageMap
Pack Crazy: Header+Sin ImageMap
Pack ForeverYoung:Header+ImageMap+2botones de afiliacion sin movimiento
Pack TurnToYou:Header+Sin ImageMap+2 botones de afiliacion con movimiento
Pack 001: 1 blends + 1 texto PNG
Pack 002: 3 blends + 2 imagenes PNG
Pack 003: 4 collages + 1 blend
Pack 004: 1 logotipo + 1 texto PNG
Pack 005: Foto de perfil para facebook + portada
Pack 006: 3 botones de afiliacion + movimiento
Pack oo7:3 botones de afiliacion+ sin movimiento
Descarga SUPERPack de Recursos(PNG)
Hola aqui les dejo la ultima entrada por hoy y consiste en descargar un Mega Pack de recursos(PNG) para que las pongan en sus ediciones :)
Para descargar el pack
Portada de Regalo
Hola blogerritas lindas! :)) Volvi a estar ON TOP con el blog ;) Les hice una portada para que la tomen y hagan lo que quieran con ella pero PORAVOR DEN CREDITOS! es mi trabajo :)
Textos PNG
Hola bloggeritas! *-* Hoy les traigo unos textos PNG hechos por mi! Disfrutelos y si lo usas dame creditos porfavor es mi trabajo :).
Auto Scrolling Entradas Recientes Widget
Hola bloggeritas!! :)) Hoy les traigo un tutorial de como poner un "Auto Scrolling Entradas Recientes Widget".Es como este que tengo yo:
MaxPosts:Es el numero de Entradas que quieres que te aparezca en el Auto Scrolling.
Width:Es el ancho.
Direction: Es la direccion(derecha o izquiera) del scroll.Si quieres que vaya a la izquiera, pon LEFT, es decir asi como lo tengo yo, si quieres que vaya a la derecha, pon RIGHT.
URL de tu blog:Ahi tendras que poner el URL de tu blog.
Facil no? :) Bueno si tienen alguna duda, dejen en un comentario y yo las ayudare *-* :).
Es un Scrolling de Entradas Recientes con movimiento,lo acabo de descubrir hoy y pense compartirlo con vosotras :)
Aqui tienen el codigo:
Para ponerlo en tu blog tendras que pegarlo en un nuevo gadget de HTML/Javascript.<script type="text/javascript">var nMaxPosts =10;var nWidth = 100;var nScrollDelay = 50;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>>";</script><script src="http://widgets.way2blogging.org/blogger-widgets/w2b-recentposts-scroller-v2.js" type="text/javascript"></script><script src="URL de tu blog/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10" type="text/javascript"></script><noscript><a href="http://www.way2blogging.org/2010/06/auto-scrolling-recent-posts-widget-for.html">Auto Scroll Posts by Wat2Blogging</a></noscript>
Width:Es el ancho.
Direction: Es la direccion(derecha o izquiera) del scroll.Si quieres que vaya a la izquiera, pon LEFT, es decir asi como lo tengo yo, si quieres que vaya a la derecha, pon RIGHT.
URL de tu blog:Ahi tendras que poner el URL de tu blog.
Facil no? :) Bueno si tienen alguna duda, dejen en un comentario y yo las ayudare *-* :).
Tutorial Para Unias
Hello beauty!! Hoy les traigo otro tutorial pero diferente a los demas...se trata de un tutorial sobre unias! Les dejo unas fotos y ahi veran como hacerlo...yo lo intente y me salio muy lindo.*-*
Gifts

Hola linduritas!! Aqui tienen algunos gifts{Si lo cojen dame creditos si no iras a BlackList)Para descargarlo haz ClickAqui.
Backgrounds
Hola chicas! Hoy les traigo estos Backgrounds :))Disfrutelos(Si lo toman dame creditos o iras a BlackList)
Creditos:A sus creadores x))
Gadget de Afiliacion
- Diseño
- Añadir Gadget/Jabascrip
y pegar dentro de la cajita este codigo
<br /><br /><br /><marquee scrolldelay="100" direction="up" crollamount="8" height="100px"> <center><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="url"/></a></div>
<br />
<br /><img src="url" /><br /><img src="url" /><br /><img src="url" /><br /></center> </marquee><br />
Blockquote
- Plantilla
- Edicion Htlm
- CTRL+F y buscas
- ]]></b:skin>
Y pegas este lindo codigo
blockquote {font-family:century gothic;
background:#fff url(Url de fondo);
box-shadow:inset 0px 10px 0px #D2FDE1,inset 0px -10px 0px #D2FDE1;
font-size:12px;
border: 1px solid #D2FDE1;
padding: 30px;
-webkit-transition-duration: 1.0s;
}
blockquote:hover {
text-shadow: 0 0 0.5em #FFF , 0 0 0.5em #FFF;
font-size:12px;
border: 1px solid #D2FDE1;
box-shadow:inset 0px 900px 0px #E1BDF8,inset 0px -900px 0px #D2FDE1;
padding: 30px;
-webkit-transition-duration: 1.0s;
Como poner borde y fondoal titulo de los gadgets
1-Ir a Plantilla>Edicion HTLM>Ctrl+f>Buscas h2
Cuando lo tengas pon este código debajo de h2
background:url(Url del fondo);
text-align:center;border: 1px dashed #80FCE8;border-radius:5px;
-moz-border-radius:3px;
-webkit-border-radius:5px;
}
Cbox flotante con mensaje
Aqui les dejo otro tutorial :))
Primero van a es añadir un nuevo gadget javascrip y pegar este código
Primero van a es añadir un nuevo gadget javascrip y pegar este código
<center>
<style type="text/css">
#at{
position:fixed;
right:250px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:none;
background: repeat-x bottom center scroll ;
-moz-border-radius:20px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<br />
<form name="news">
<textarea rows="1" style="border:3px double #E3CEF6;-moz-box-shadow: 0 0 15px 5px #E3CEF6;
-webkit-box-shadow: 0 0 15px 5px #E3CEF6;border-radius:7px;font-size:12px;font-family:century gothic;cursor:crosshair;" cols="30" name="news2" wrap="virtual"></textarea>
<script language="JavaScript">
var newsText = new Array();
newsText[0] = "TEXTO";
newsText[1] = "TEXTO";
newsText[2] = "TEXTO";
newsText[3] = "TEXTO";
newsText[4] = "TEXTO";
newsText[5] = "TEXTO";
newsText[6] = "TEXTO";
newsText[7] = "TEXTO";
var ttloop = 1; //
var tspeed = 70; //
var tdelay = 1000; //
// ------------- CANNOT EDITING ------------- \
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
</script>
</form>
</div>
Cbox CODIGO</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><div >
<span ></span></div></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" src="Url de la imagen de cbox" alt="PUSH" title="Click"style='position:fixed; top:0; right:50px;'/></a>
</div></center>
Amarillo:El color de la caguita del mensaje
Naranja:Codigo de la cbox
Rojo:url de la imagen de cbox
Abonați-vă la:
Postări
(
Atom
)
























