quinta-feira, 6 de fevereiro de 2014

Modelo de leia mais

Modelos de Leia mais

é só colar acima de ]]></b:skin>.

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.jump-link  {
text-align: right;
margin-top: 3px;
}
.jump-link a {
font-family: silkscreen;
font-size: 8px;
color: #828282;
text-transform: uppercase;
padding: 6px 10px;
background: -moz-linear-gradient(
top,
#e6e6e6 0%,
#f2edf2 50%,
#dbdbdb 50%,
#d6d6d6);
background: -webkit-gradient(
linear, left top, left bottom,
from(#e6e6e6),
color-stop(0.50, #f2edf2),
color-stop(0.50, #dbdbdb),
to(#d6d6d6));
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #ccc8cc;
-moz-box-shadow:
0px 1px 1px rgba(000,000,000,0.1),
inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 1px rgba(000,000,000,0.1),
inset 0px 0px 2px rgba(255,255,255,1);
box-shadow:
0px 1px 1px rgba(000,000,000,0.1),
inset 0px 0px 2px rgba(255,255,255,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0),
0px 1px 0px rgba(255,255,255,0.4);
-webkit-transition-duration: .50s;
}



@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.jump-link  {
text-align: right;
margin-top: 3px;
}
.jump-link a {
font-family: silkscreen;
font-size: 8px;
color: #ffffff;
text-transform: uppercase;
padding: 8px 10px;
background: -moz-linear-gradient(
top,
#ff7083 0%,
#ff99ad);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ff7083),
to(#ff99ad));
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #f56e85;
-moz-box-shadow:
0px 1px 2px rgba(000,000,000,0.2),
inset 0px 0px 1px rgba(252,252,252,1);
-webkit-box-shadow:
0px 1px 2px rgba(000,000,000,0.2),
inset 0px 0px 1px rgba(252,252,252,1);
box-shadow:
0px 1px 2px rgba(000,000,000,0.2),
inset 0px 0px 1px rgba(252,252,252,1);
text-shadow:
-1px -1px 0px rgba(255,87,121,0.3),
0px 1px 0px rgba(255,255,255,0.3);
}


@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.jump-link  {
text-align: right;
margin-top: 3px;
}
.jump-link a {
font-family: silkscreen;
font-size: 8px;
color: #ffffff;
text-transform: uppercase;
padding: 7px 11px;
background: -moz-linear-gradient(
top,
#8b6fa3 0%,
#d69cd6);
background: -webkit-gradient(
linear, left top, left bottom,
from(#8b6fa3),
to(#d69cd6));
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #a379a3;
-moz-box-shadow:
0px 1px 1px rgba(153,70,153,0.7),
inset 0px 0px 1px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 1px rgba(153,70,153,0.7),
inset 0px 0px 1px rgba(255,255,255,0.7);
box-shadow:
0px 1px 1px rgba(153,70,153,0.7),
inset 0px 0px 1px rgba(255,255,255,0.7);
text-shadow:
0px 1px 0px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,0.3);
}



@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.jump-link  {
text-align: right;
margin-top: 3px;
}
.jump-link a {
font-family: silkscreen;
font-size: 8px;
color: #ffffff;
text-transform: uppercase;
padding: 8px 11px;
background: -moz-linear-gradient(
top,
#ffa1bc 0%,
#ff5c7d 48%,
#d13461 51%,
#f5738d 97%,
#e0708c);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ffa1bc),
color-stop(0.48, #ff5c7d),
color-stop(0.51, #d13461),
color-stop(0.97, #f5738d),
to(#e0708c));
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #fc6a9a;
-moz-box-shadow:
0px 0px 6px rgba(255,79,144,1),
inset 1px 1px 1px rgba(255,204,214,1);
-webkit-box-shadow:
0px 0px 6px rgba(255,79,144,1),
inset 1px 1px 1px rgba(255,204,214,1);
box-shadow:
0px 0px 6px rgba(255,79,144,1),
inset 1px 1px 1px rgba(255,204,214,1);
text-shadow:
0px 0px 6px rgba(247,254,255,1),
0px 0px 12px rgba(255,186,211,1);
}



@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.jump-link  {
text-align: right;
margin-top: 3px;
}
.jump-link a {
font-family: silkscreen;
font-size: 8px;
color: #ffffff;
text-transform: uppercase;
padding: 7px 7px;
background: -moz-linear-gradient(
top,
#74dcfc 0%,
#4e86c2);
background: -webkit-gradient(
linear, left top, left bottom,
from(#74dcfc),
to(#4e86c2));
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: 1px solid #7597ba;
-moz-box-shadow:
0px 2px 2px rgba(59,109,143,0.1),
inset -2px -4px 20px rgba(30,65,107,0.5);
-webkit-box-shadow:
0px 2px 2px rgba(59,109,143,0.1),
inset -2px -4px 20px rgba(30,65,107,0.5);
box-shadow:
0px 2px 2px rgba(59,109,143,0.1),
inset -2px -4px 20px rgba(30,65,107,0.5);
text-shadow:
1px 2px 0px rgba(000,000,000,0.1),
1px 1px 2px rgba(051,051,051,0.2);
}



Clique aqui para visualizar o código.



Clique aqui para visualizar o código.



Clique aqui para visualizar o código.




Clique aqui para visualizar o código.

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.jump-link  {
text-align: right;
margin-top: 5px;
}
.jump-link a {
font-family: silkscreen;
font-size: 08px;
color: #ffffff;
padding: 10px 15px;
background: -moz-linear-gradient(
top,
#0f0f0f 0%,
#1f1f1f 50%,
#000000);
background: -webkit-gradient(
linear, left top, left bottom,
from(#0f0f0f),
color-stop(0.50, #1f1f1f),
to(#000000));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #000000;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);
text-shadow:
0px -1px 0px rgba(000,000,000,1),
0px 1px 0px rgba(255,255,255,0.2);
}


@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.jump-link  {
text-align: right; 
margin-top: 5px; 
}
.jump-link a {
font-family: silkscreen; 
font-size: 08px;
color: #ffffff;
padding: 7px 7px;
background: -moz-linear-gradient(
top,
#ccc18d 0%,
#c7a173);
background: -webkit-gradient(
linear, left top, left bottom, 
from(#ccc18d),
to(#c7a173));
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: 1px solid #8f8a51;
-moz-box-shadow:
0px 1px 1px rgba(56,51,26,0.9),
inset 0px 0px 2px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 1px rgba(56,51,26,0.9),
inset 0px 0px 2px rgba(255,255,255,0.7);
box-shadow:
0px 1px 1px rgba(56,51,26,0.9),
inset 0px 0px 2px rgba(255,255,255,0.7);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}


@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.jump-link  {
text-align: right;
margin-top: 5px;
}
.jump-link a {
font-family: silkscreen;
font-size: 08px;
color: #ffffff;
padding: 8px 8px;
background: -moz-linear-gradient(
top,
#cf0202 0%,
#cf1717 50%,
#c91212 50%,
#990606);
background: -webkit-gradient(
linear, left top, left bottom,
from(#cf0202),
color-stop(0.50, #cf1717),
color-stop(0.50, #c91212),
to(#990606));
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #800a0a;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,1);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,1);
}






on Nenhum comentário:
Marcadores:

Modelos de Sidebar

Modelos para sidebar


.sidebar .widget {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-bottom: 12px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
box-shadow: 1px 2px 3px 1px #e1dddd;
}
.sidebar h2 {
text-align:center;
color: #FFFFFF;
background-color: #ee91af;
-moz-box-shadow: inset 0 0 10px #d85882;
-webkit-box-shadow: inset 0 0 10px #d85882;
box-shadow: inset 0 0 10px #d85882;
padding:2px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
display:inline;
float:right;
margin-top:-38px;
} 

Modelo II
.sidebar .widget {
border-bottom: 5px solid #ff74b5;
border-top: 5px solid #1cc9a6;
padding-bottom: 20px;
margin: 10px 0;
background: #fff;
padding:12px;
box-shadow: inset 0 0 15px #ebe9e9, 0 0 3px #ccc;
}
.sidebar .widget h2 {
background:#ffcddd;
color:#fff;
font-size:16px;
text-shadow:0 1px #ddd ;
margin-top:-12px;
margin-left:-13px;
margin-bottom:10px ;
padding:5px;
width:107%;
}
*Obs: Modelo I e II são lá do Kawaii World, créditos para ela ok?

Modelo III
.sidebar .widget {
padding: 10px 20px 20px 20px;
margin: 40px 0;
background: #fff;
border: 1px solid #DEDEDE;
}
.sidebar .widget h2 {
padding-bottom: .5em;
font-size: 18px;
text-transform: uppercase;
background: #8ec1db;
margin-top: -26px;
margin-left: 5px;
height: 12px;
width: 150px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

Os códigos vão ser aplicados em .sidebar .widget  e .sidebar h2, então você precisa apagar tudo que refere-se a isto e só depois aplicar os códigos.




.sidebar .widget {width:100% !important;background:#fff;border-bottom:5px #faafd0 solid;margin:15px 0 !important;border-radius:0 0 0 0;padding:10px;box-shadow: inset 0 0 16px #eee, 0 0 5px #ccc;overflow:hidden}.sidebar h2 {font-family: Verdana;font-size: 18px;color: #fff;background: url(http://i1234.photobucket.com/albums/ff411/SweetLG/84-1.png) no-repeat center;height: 25px;width: 300px;text-align: center;margin-top:-5px ;margin-left:-9px ;margin-bottom:10px;padding:5px;width:112%;}


.sidebar .widget {width:100% !important;background:#fff;border-bottom:10px #ffc0cb solid;margin:15px 0 !important;border-radius:0 0 0 0;padding:10px;box-shadow: inset 0 0 16px #eee, 0 0 5px #ccc;overflow:hidden}.sidebar h2 {font-family: Verdana;font-size: 18px;color: #fff;background: url(http://i1234.photobucket.com/albums/ff411/SweetLG/86.png) no-repeat center;height: 35px;width: 200px;text-align: center;text-shadow: 1px 2px 3px #dd8b99;margin-top:-12px ;margin-left:-25px ;margin-bottom:12px;padding:6px;width:115%;}

.sidebar .widget {
padding-bottom: 15px;
margin: 10px 0;
background: #fff;
border-top:2px solid #c2d7db;
border-right: 2px solid #e595b1;
border-bottom: 2px solid #c9ceb4;
border-left: 2px solid #c0a5c3;
padding: 4px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 0px 10px 10px 10px;
}
.sidebar h2 {
font: arial;
font-size: 16px;
color: #e595b1;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAH96_9YZU-WmLK8rdl4S-ZE1mhMatfsuynVqKJQH2F6pzTWKBf0PnAh0BO-mi2Wx1RXuNSopdu2Nordq4DfrZYnjD_vHRWqLhrpckzdP2t17zcFwPGCZ1DenDcfuvdBF2aGJiRv7BfiCh/s1600/ribbon.png) no-repeat center;
height: 31px;
width: 243px;
text-align:center;
margin-top:-17px ;
margin-left:-21px ;
margin-bottom:0px;
padding:16px;
}


Cole o código abaixo, antes da tag ]]></b:skin>.

.sidebar .widget {
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 2px #ccc;
}
.sidebar h2 {
margin-top: 8px;
border-bottom: 1px  solid #eee;
text-align: center;
height: 15px;
font-size: TAMANHODAFONTEpx;
font-family: NOMEDAFONTE;
color: #CORDAFONTE;
text-shadow: 0px 0px 5px #CORDASOMBRADAFONTE;
text-transform: uppercase;
}

Ah, para usar é só colar o códigos depois de /* Widgets ~




.sidebar .widget {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-bottom: 10px;
margin: 0px 0;
Background: #ffffff;
margin-top:40px;
padding:11px;
box-shadow: 1px 1px 1px 1px #e1dddd;
border-bottom: 5px solid #a2b6cd;
}
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.sidebar h2 {
text-align:center;
background-color: #a2b6cd;
-moz-box-shadow: inset 0 0 10px #d7a8fa7;
-webkit-box-shadow: inset 0 0 10px #7a8fa7;
box-shadow: inset 0 0 10px #7a8fa7;
padding:7px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display:inline;
float:right;
margin-top:-30px;
font-size: 8px;
font-family: silkscreen;
font-style: normal;
}



.sidebar .widget {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-bottom: 10px;
margin: 0px 0;
Background: #ffffff;
margin-top:40px;
padding:11px;
box-shadow: 1px 1px 1px 1px #e1dddd;
border-bottom: 5px solid #e45b5b;
}
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.sidebar h2 {
text-align:center;
background-color: #e45b5b;
-moz-box-shadow: inset 0 0 10px #bd4646;
-webkit-box-shadow: inset 0 0 10px #bd4646;
box-shadow: inset 0 0 10px #bd4646;
padding:7px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display:inline;
float:right;
margin-top:-30px;
font-size: 8px;
font-family: silkscreen;
font-style: normal;
}



.sidebar .widget {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-bottom: 10px;
margin: 0px 0;
Background: #ffffff;
margin-top:40px;
padding:11px;
box-shadow: 1px 1px 1px 1px #e1dddd;
border-bottom: 5px solid #ff81a2;
}
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.sidebar h2 {
text-align:center;
background-color: #ff81a2;
-moz-box-shadow: inset 0 0 10px #cd637e;
-webkit-box-shadow: inset 0 0 10px #cd637e;
box-shadow: inset 0 0 10px #cd637e;
padding:7px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display:inline;
float:right;
margin-top:-30px;
font-size: 8px;
font-family: silkscreen;
font-style: normal;
}


.sidebar .widget {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-bottom: 10px;
margin: 0px 0;
Background: #ffffff;
margin-top:40px;
padding:11px;
box-shadow: 1px 1px 1px 1px #e1dddd;
border-bottom: 5px solid #a893b9;
}
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.sidebar h2 {
text-align:center;
background-color: #a893b9;
-moz-box-shadow: inset 0 0 10px #837292;
-webkit-box-shadow: inset 0 0 10px #837292;
box-shadow: inset 0 0 10px #837292;
padding:7px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display:inline;
float:right;
margin-top:-30px;
font-size: 8px;
font-family: silkscreen;
font-style: normal;
}




.sidebar .widget {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-bottom: 10px;
margin: 0px 0;
Background: #ffffff;
margin-top:40px;
padding:11px;
box-shadow: 1px 1px 1px 1px #e1dddd;
border-bottom: 5px solid #abcac1;
}
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.sidebar h2 {
text-align:center;
background-color: #abcac1;
-moz-box-shadow: inset 0 0 10px #779d92;
-webkit-box-shadow: inset 0 0 10px #779d92;
box-shadow: inset 0 0 10px #779d92;
padding:7px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display:inline;
float:right;
margin-top:-30px;
font-size: 8px;
font-family: silkscreen;
font-style: normal;
}



.sidebar .widget {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-bottom: 10px;
margin: 0px 0;
Background: #ffffff;
margin-top:40px;
padding:11px;
box-shadow: 1px 1px 1px 1px #e1dddd;
border-bottom: 5px solid #d7d3a2;
}
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.sidebar h2 {
text-align:center;
background-color: #d7d3a2;
-moz-box-shadow: inset 0 0 10px #ada980;
-webkit-box-shadow: inset 0 0 10px #ada980;
box-shadow: inset 0 0 10px #ada980;
padding:7px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display:inline;
float:right;
margin-top:-30px;
font-size: 8px;
font-family: silkscreen;
font-style: normal;
}
on Nenhum comentário:
Marcadores:

quinta-feira, 7 de novembro de 2013

MENU CUPCAKE

Primeiro vá na sua HTML e acima de ]]></b:skin> cole:


.menucupcake {
background: url("URL DO BACKGROUND"); /* Fundo */
width: 200px; /* Largura */
height: 20px; /* Altura */
color: #32809B; /* Cor do texto */
text-align: right; /* Alinhamento do texto */
border-radius: 10px; /* Bordas arredondadas */
padding: 5px;
margin: 5px;
-webkit-transition-duration: 0.30s;
}
.menucupcake:hover {
width: 230px; /* Largura hover */
border-right: 5px solid #32809B; /* Bordinha da direita que aparece com o hover */ 
}
Salve se não tiver nada errado e logo depois cole num gadget HTML/JavaScript isso:


<div class="menucupcake"><a href="http://URL.COM">Home</a></div>
<div class="menucupcake"><a href="http://URL.COM">Sobre</a></div>
<div class="menucupcake"><a href="http://URL.COM">Posts</a></div>
<div class="menucupcake"><a href="http://URL.COM">Contato</a></div>
on Nenhum comentário:

COMENTÁRIOS PERSONALIZADOS




Vá no seu HTML e procure (F3) por:

/* Comments
Apague tudo até /* Footer e substitua pelo código abaixo:


/* Comments
----------------------------------------------- */
/*** Área dos comentários ***/
.comments {
background: #B3DBE1; /* Cor */
border-radius: 10px; /* Bordas arredondadas */
padding: 20px;
border: 3px solid #9ABABF; /* Borda */
}
/*** Nome de quem comenta e data dos comentários ***/
.comment-header {
font-family: Terminal Dosis; /* Fonte */
font-size: 15px; /* Tamanho da fonte */
color: #B3DBFF; /* Cor da fonte */
border-bottom: 1px solid #B3DBE1; /* Linha de baixo */
padding: 5px;
-webkit-transition-duration: .30s;
}
.comment-header:hover {
padding-left: 20px;
}
/*** Caixinha dos comentários ***/
.comments .comment-block {
background: #ffffff; /* Fundo */
border-radius: 10px; /* Bordas arredondadas */
padding: 10px;
-moz-box-shadow: 0 0 3px 1px #000;
-webkit-box-shadow: 0 0 3px 1px #000;
box-shadow: 0 0 3px 1px #000;
}
/*** Nenhum comentário, 5 comentários ***/
.comments h4 {
font-family: Terminal Dosis; /* Fonte */
font-size: 20px; /* Tamanho da fonte */
color: #9ABABF; /* Cor da fonte */
}
Com um pouco de paciência, você pode ir ajustando e seus comentários estarão prontos!
Para evitar problemas: antes de substituir o código dos comentários, deixe o seu numa nota no seu computador. Se der problema você coloca seu código de volta.
on Nenhum comentário:

Subir a sidebar+Facebook Deslizante

Para subir a sidebar :
1. Vá em Design >> Editar HTML >> Tecle F3 e pesquise por :

.main-inner .column-left-outer {  (se sua sidebar for do lado esquerdo)
.main-inner .column-right-outer {  ( se sua sidebar for do lado direito)

2. Quando encontrar, cole abaixo do código ..
margin-top: -100px;
Antes de Salvar é bom visualizar, se -100px estiver na altura que você quer é só salvar
mas se não, é só mudar deixando no negativo, até que fique bom pra você.. Então
Espero que tenha ajudado para quem pediu na ask.. 

Créditos desse tutorial aqui !
------------------------------------------
Agora vamos para o próximo tuto .. 

Facebook deslizante ....

Vá no seu HTML, tecle F3 e pesquise por 
</head>
e logo acima cole :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
Salve ! Agora adicione um gadget HTML/JavaScript e cole:
 <script type="text/javascript">
//<!--
$(document).ready(function() {$(".box-curtir-flutuante").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.box-curtir-flutuante{background: url("url-da-imagem") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.box-curtir-flutuante div{border:none;position:relative;display:block;}
.box-curtir-flutuante span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.box-curtir-flutuante span a{color: #808080;text-decoration:none;}
.box-curtir-flutuante span a:hover{text-decoration:underline;}
</style><div class="box-curtir-flutuante" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=link-da-sua-página&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe></div></div>
Em Url da imagem você cola a Url da imagem que quer para que fique de acordo com
a cor do seu blog, e onde tem link da sua página, você coloca o link da sua página ~obvio néh~
Já está tudo destacadinho de Negrito lá no código !!

Mas emfim, também trouxe imagens para vocês vejam

                  
on Nenhum comentário:
Marcadores: ,

sábado, 19 de outubro de 2013

Poderá gostar de

1 - Antes de tudo você precisa ter o gadget do linkwithin instalado no seu blog ok? (clique aqui e saiba como).

2 - Agora vá no seu HTML e cole o código abaixo ANTES de  ]]></b:skin>
/* LinkWithin personalizado
----------------------------------------------- */
.linkwithin_div {
background: #FFA500; /* Cor de fundo */
padding: 0 10px;
}
.linkwithin_text {
font-size:22px; /* Tamanho do título do gadget */
color:#FFAEB9; /* Cor do título do gadget */
font-family: 'Sofia', cursive; !important;
}
a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {
display:none; /* Com isto eliminamos o link */
}
.linkwithin_posts {
width: 564px !important; /* Tamanho do gadget */
}
.linkwithin_posts a {
border: 0 !important;
padding-right: 29px !important;
}
.linkwithin_posts a:hover {
background: #FFFACD !important; /* Cor de fundo ao passar o cursor */
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px;
border-radius: 50px;
}
.linkwithin_img_0 div, div.linkwithin_img_0,
.linkwithin_img_1 div, div.linkwithin_img_1,
.linkwithin_img_2 div, div.linkwithin_img_2,
.linkwithin_img_3 div, div.linkwithin_img_3,
.linkwithin_img_4 div, div.linkwithin_img_4,
.linkwithin_img_5 div, div.linkwithin_img_5,
.linkwithin_img_6 div, div.linkwithin_img_6,
.linkwithin_img_7 div, div.linkwithin_img_7,
.linkwithin_img_8 div, div.linkwithin_img_8,
.linkwithin_img_9 div, div.linkwithin_img_9,
.linkwithin_img_10 div, div.linkwithin_img_10,
.linkwithin_img_11 div, div.linkwithin_img_11,
.linkwithin_img_12 div, div.linkwithin_img_12,
.linkwithin_img_13 div, div.linkwithin_img_13,
.linkwithin_img_14 div, div.linkwithin_img_14,
.linkwithin_img_15 div, div.linkwithin_img_15,
.linkwithin_img_16 div, div.linkwithin_img_16,
.linkwithin_img_17 div, div.linkwithin_img_17,
.linkwithin_img_18 div, div.linkwithin_img_18,
.linkwithin_img_19 div, div.linkwithin_img_19,
.linkwithin_img_20 div, div.linkwithin_img_20 { /* Bordas redondeadas */
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px;
border-radius: 50px;
border-style: dashed !important;
}
.linkwithin_title {
color: #8B8989 !important; /* Cor dos títulos das postagens */
font-family: 'Sofia', cursive; !important; /* Tipo de fonte dos títulos das postagens */
font-size: 12px !important; /* Tamanho dos títulos das postagens */
line-height: 12px !important;
text-align:center;
text-decoration: none;
}
.linkwithin_title:hover {
color: #FF1493 !important; /* Cor dos títulos ao passar o cursor */
font-weight: bold !important;
}
on Nenhum comentário:
Marcadores:
Assinar: Postagens (Atom)