Blog de Teste: Codigos

Marcadores:
.label-size span, .label-size a{
color: #FFFFFF;
padding:2px 5px;
margin:0;
background: #FF8C00;
display:inline-block;
font-size:12px;
}
.label-size span, .label-size a:hover{
background: #CD1076;
color: #AB82FF ;
}
-----------------------------------------
Caixa de Pesquisa
/*** Caixa de pesquisa ***/
#searchthis {
width:90%;
margin-left:9px;
margin-top:15px;
margin-bottom:-18px;
display:inline-block;
zoom:1;
*display:inline;
border:solid 1px #efe7dc;
padding:3px 5px;
border-radius:2em;
box-shadow:0 1px 0px rgba(0,0,0,.1);
background: #696969;
background:-webkit-gradient(linear, left top, left bottom,from(#fff),to(#efe7dc));
background:-moz-linear-gradient(top, #D3D3D3, #efe7dc);
filter:progid [:D] XImageTransform.Microsoft.gradient(startColorstr='#D3D3D3',endColorstr='#efe7dc');
-ms-filter:progid [:D] XImageTransform.Microsoft.gradient(startColorstr='#D3D3D3', endColorstr='#efe7dc')
}
#searchform input {
border:0 !important;
float:left;
padding:6px 10px;
width:78%;
border-radius:15px;
background:#D3D3D3;
box-shadow:inset 0 1px 3px #000000;
text-align:center;
cursor:text;
color:#ac1f36;
font:italic 12px georgia;
text-shadow:0 1px #D3D3D3;
}
#searchBox{
background: #D3D3D3;
padding: 6px 6px 6px 8px;
width: 180px;
border: solid 1px#696969;
outline: none;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
color:#696969;
}
#submit-button {
border:0 !important;
float:right;
background:#696969;
cursor:pointer;
color:#D3D3D3;
padding:0 5px 2px 5px;
height:26px;margin-left:-20px;
border-radius:25px;
box-shadow:0 0 2px #000000;
text-shadow:0 -1px #aaa
}
#submit-button:hover {
background:#000000;
}
--------------------------------------------
Leia Mais
.jump-link {
text-align: right; /* posicionamento do leia mais */
margin-top: 5px; /* espaço que fica entre o leia mais e a postagem */
}
.jump-link a {
padding: 4px; /*acolchoamento entre o fundo e o texto */
color: #ffffff; /* cor do texto */
background: #CD1076; /* cor do fundo */
font-family: verdana; /* tipo de letra */
-moz-border-radius: 6px; /* bordas arredondas */
-webkit-border-radius: 6px; /* bordas arredondas */
border-radius: 6px; /* bordas arredondas */
}
----------------------------------------------
Taged
.tagged {
float:left; /* Alinhamento */
width:49%; /* Tamanho das caixinhas */
text-align: left; /* Alinhamento do texto */
margin-top: 2px;
font-size: 9px;
margin-bottom: 10px;
}
.tagged a {
display: block;
font-size: 10px; /* Tamanho da fonte */
margin-left: 1px;
margin-right: 1px;
text-indent: 8px;
vertical-align: middle;
line-height: 15px;
margin-bottom: 1px;
padding: 2px;
border-top: 1px solid #EECFA1; /* Borda do topo */
background: #D3D3D3; /* Cor das caixinhas */
text-transform:uppercase; /* Todas maiúsculas - lowercase para minúsculas */
color: #fff; /* Cor dos links */
}
------------------------------------------
Cabeçalho
<a href="http://s1081.photobucket.com/albums/j349/Hellengta12/?action=view&current=semeadooores.png" target="_blank"><img src="http://i1081.photobucket.com/albums/j349/Hellengta12/semeadooores.png" border="0" alt="Photobucket" /></a>

--------------------------
Menu
.menu a {
margin-right: 144px;
background: #B3E1CF; /* Cor das caixinhas */
border-left: 6px double #458B74; /* Borda */
font-family: Palatino linotype; /* Fonte */
font-style: italic; /* Estilo da fonte */
text-transform:lowercase; /* Estilo da fonte - uppercase: maísculas e lowercase: minúsculas */
display: block; /* Exibir em bloco */
font-size: 10pt; /* Tamanho da fonte */
color: #fff; /* Cor do texto */
padding: 3px; /* Margem interna */
text-align: left; /* Alinhamente do texto */
margin-bottom: 1px;
}
.menu a:hover {
border-left: 6px solid #458B74; /* Borda em hover */
}
_______________________________________________________
Equipe:
figure { display: block; position: relative; float: left; overflow: hidden; margin: 0 10px 10px 0; -moz-transition: all 0.6s ease;}figcaption { position: absolute;margin-bottom: 10px; background: #000000; background-color: #000000; color: #FFFFFF; padding: 3px 3px; opacity: 0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}figure:hover figcaption { opacity: 0.9;}figure:before { content: "?"; position: absolute; font-weight: 900; background: #ff55a9; background: #ff55a9; text-shadow: 0 0 5px white; color: #FFF; width: 27px; height: 27px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 11px; line-height: 30px; -moz-transition: all 0.6s ease; opacity: 0.75; }figure:hover:before { opacity: 0;}.cap-left:before { bottom: 10px; left: 10px; }.cap-left figcaption { bottom: 0; left: -30%; }.cap-left:hover figcaption { left: 0; }
--------------------------------------------
Elite de afiliados
.elitescale{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #FF7F24;
padding: 3px;
}
.elitescale:hover {
-webkit-transform: scale(1.20);
-moz-transform: scale(1.20);
background-color: #CD1076;
padding: 3px;
}
-------------------
big {font-size:50px; /*tamanho da fonte*/
font-style:bold;
color: #ff1b72; /*Cor da letra*/
line-height:30px; /* altura da linha*/
float:left;}
-------------------------------------------------
Barra de Rolagem
/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #CD1076; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:50px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#CD1076; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
height:10px;
width:15px; /*Largura da barra de rolagem*/
background: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}
------------------------------------------
.topo {
position: absolute;
z-index: 4;
width: 250px; /* LARGURA */
height: auto;
left: 628px;
top: -548px;
}
----------------------------------------
Posts
h3.post-title {
margin-top: 25px; /* espaço entre o título e a margem */
text-align: center; /* posicionamento do título */
border-bottom: 2px dotted #CD1076; /* cor, tamanho e tipo de borda */
background:; /* cor do background do título */
}
h3.post-title a {
font-family: Dancing Script; /* fonte do título */
font-size: 25px; /* tamanho da fonte */
color: #CD1076; /* cor do título em estado normal */
}
h3.post-title a:hover {
color: #FF7F24; /* cor do título em estado hover */
text-decoration: none; /* isso tira a borda do título quando o mouse parar sobre ele */
}
-----------------------------------------
a.link
a:link {
color: #CD1076; /* Cor do link*/
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #33CCCC; /*Cor dos links visitados*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #EE7621; /*Cor do link quando passa o mouse*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
font-weight: bold;
text-shadow: 3px 2px 4px #6A6A6A;
}
_____________________-
Efeito hover sublinhado, negrito italico
/*Normal sem o mouse*/
b, strong, bold {
color:#FF1493; -webkit-transition-duration: .80s}
s, strike {
color: #006400; -webkit-transition-duration: .80s}
u, underline {
color: #00BFFF; border-bottom: 1px dashed#CD1076;
text-decoration: none; -webkit-transition-duration: .80s}
i, em, italic {
color: #66CDAA; -webkit-transition-duration: .80s}
/*Ao passa o mouse por cima*/
u:hover {
color: #FFC125; border-bottom: 1px solid #8B658B;
text-decoration: none; -webkit-transition-duration: .80s}
b:hover { color: #FF8C00; -webkit-transition-duration: .80s}
s:hover { color: #FF00FF; -webkit-transition-duration: .80s}
i:hover { color: #FF4040; -webkit-transition-duration: .80s}
---------------------------------------------------
Data
.main-inner h2.date-header {
font: georgia;
color: #ffffff;
margin-left: px;
background: #CD1076;
float:left;
font-size: 16px;
padding: 4px;
}
.main-inner h2.date-header:hover {
background: #EE7621;
}
------------------
Footer
.post-footer {
margin: .5em 0;
line-height: 1.6;
background: #F8F8FF; /*cor do fundo*/
border-top: 1px dotted #000000; /*espessura e cor da borda*/
}
.post-footer a {
color:#000;
text-decoration:;
font-weight: ;
}
.post-footer a:hover{
color:#CD1076;
text-decoration: none;
background-color:;
}
------------------------------
sidebar
.sidebar h2 {
text-align:center;
background-color: #CD3278; /*cor do fundo*/
padding:2px;
border: 1px solid #FFFFFF; /*cor da borda*/
-webkit-transition:0.4s;
display:inline;
float:right;
margin-top:-21px;
text-shadow: 0px 1px 1px transparent;
}
-----------------------------
Blockquote
blockquote {
border: 1px solid #FFD0DF; /* cor da borda */
border-left:2px solid #FF0000; /* linha vertical */
background: #FF6347 url(URL DA IMAGEM) no-repeat top left; /* cor do background, coloque imagem se quiser */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #FFFFFF; /* cor do texto */
text-align: justify; /* num meche não :@ */
padding: 10px 10px 10px 35px;
font-size: 11px;
text-align: justify;
}
-----------------------------------
seguir por email
/* gadget seguir por email*/
#FollowByEmail1{
border:1px solid #FF6347; /*-- edite borda--*/
padding:10px;
background:#fff; /*-- edite cor de fundo--*/
}
----------------------------
imagem no autor, comentarios, categorias
.post-author {
background:url(http://3.bp.blogspot.com/-Bgf2tMm2sDA/Tztzey5US4I/AAAAAAAAE5Y/UoNsAXd5G3M/s000/author.png
) no-repeat left center;
padding-left:20px;
}
.post-labels {
background:url(http://3.bp.blogspot.com/-T1dgcydO9xc/TztzfMzIxqI/AAAAAAAAE5o/BxSbKZgi4qA/s000/category.png) no-repeat left center;
padding-left:20px;
}
.post-comment-link {
background:url(http://2.bp.blogspot.com/-g8gt1LwfGig/Tztze3LzvSI/AAAAAAAAE5g/IKiZkOlG6Oc/s000/comments.png) no-repeat left center;
padding-left:20px;
}
--------------------------------
Atribuitioon
#footer-wrapper {
background: #8B0A50; /* Cor do fundo do attribution*/
background-repeat: no-repeat;
z-index: 1000;
height: 35px;
clear: both;
font-size: 90%; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
text-align: center; /* alinhamento da fonte */
padding: 5px;
}
-------------------------
Pagina do face
http://www.facebook.com/pages/Semeadores-Da-Palavra-De-Cristo/202635899809393
http://semeadoresdapalavradecristo.blogspot.com.br/search/label/Downloads

Blog de Teste

Codigos

Comentário(s):

Nenhum comentário:

Postar um comentário

Bem Vindo

Quem sou eu

Arquivos

Curta

Instagram