Personalizar sidebar e footer

Views:
PERSONALIZAR SIDEBAR E TÍTULOS DOS GADGETS

/* SIDEBAR E FOOTER
----------------------------------------------- */
.sidebar .widget {
padding-bottom: 20px;
margin-left:-7px;/* margem esquerda */
    margin-right: -10px;
    margin-top: 15px;
    margin-bottom: 17px;
background: #ffffff;
padding:12px;
}
.sidebar .widget h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
text-align: center;
background: $(tabs.background.color);
margin-top:-12px;
margin-left:-12px;
margin-bottom:10px ;
padding:4px;
padding-top: 7px;
padding-bottom: 7px;
width:106%;
}

.sidebar .widget:first-child {
  margin-top: -25px;
box-shadow: none;
background: transparent;
border-top: none;
}

.sidebar .widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.footer-inner .widget,
.sidebar .widget {
  font: $(widget.font);
  color: $(widget.text.color);
}


.sidebar .widget a:link {
  color: $(widget.link.color);
  text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}

.sidebar .widget a:visited {
  color: $(widget.link.visited.color);
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}

.sidebar .widget a:hover {
  color: $(widget.link.color);
  text-decoration: underline;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}

.sidebar ul li {
list-style: none;
vertical-align: top;
padding: 0;
margin-left: 15px;
}

.footer-inner .widget a:link {
  color: $(link.color);
  text-decoration: none;
}

.footer-inner .widget a:visited {
  color: $(link.visited.color);
}

.footer-inner .widget a:hover {
  color: $(link.color);
  text-decoration: underline;
}

.widget .zippy {
  color: $(widget.alternate.text.color);
}

.footer-outer {
background:transparent ;}

PERSONALIZAR CAIXA DE PESQUISA

/* PESQUISA PERSONALIZADA BY ELAINEGASPARETO.COM
----------------------------------------------------*/
#search-box {
color: #000;
border: none;
cursor: pointer;
margin-left: 0;
padding: 0 0 0 10px;
width: 95%;
font-family: Open Sans;
font-size: 11px;
}
input.gsc-input {
padding : 7px 5px;
border:1px solid #e7e7e7;
font: normal normal 10px 'Open Sans', sans-serif;
}
input.gsc-search-button {
border: none;
background: $(tabs.selected.background.color);
color: $(tabs.text.color);
padding : 10px 15px;
cursor: hand;
font: normal normal 10px 'Open Sans';
text-transform:uppercase;
letter-spacing: 2px;
}
input.gsc-search-button:hover {
border: none;
background: #000000;
color: #fff;
padding : 10px 15px;
cursor: pointer;
font: normal normal 10px 'Open Sans';
text-transform:uppercase;
letter-spacing: 2px;
}


CÓDIGO ARQUIVO PERSONALIZADO

/* ARQUIVO PERSONALIZADO BY ELAINEGASPARETO.COM
----------------------------------------------------*/
select#BlogArchive1_ArchiveMenu {
width: 100%;
padding:  5px!important;
border: 1px solid #eee;
font:normal normal 12px 'open sans', sans-serif;;
font-size: 12px;
color: #999;
}
.widget li, .BlogArchive #ArchiveList ul.flat li {
list-style: none;
margin: 0;
padding: 0
}
.BlogArchive #ArchiveList ul.posts li {padding-bottom: 3px;}



CÓDIGO PERSONALIZAR SEGUIR POR EMAIL
 Localize:

<input class='follow-by-email-submit' type='submit' value='Submit'/>

E troque Submit pela palavra que desejar.
Salve.


/* SEGUIR VIA EMAIL BY ELAINEGASPARETO.COM
----------------------------------------------------*/
#search-box {
color: #000;
border: none;
cursor: pointer;
margin-left: 0;
padding: 0 0 0 10px;
width: 95%;
font-family: roboto; font-size: 11px;
}
#FollowByEmail1  {}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
border: 1px solid #e7e7e7;
color: #646464;
font: normal normal 14px 'open sans', sans-serif;;
font-size: 11px;
line-height: 30px;
width: 100%;
text-align: center;
padding:3px 0;
margin:0;
letter-spacing: 1px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background: $(tabs.selected.background.color);
border: none;
color: $(tabs.text.color);
cursor: pointer;
height: 30px;
margin: 0;
padding : 10px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.5s ease 0s;
font: normal normal 14px 'open sans', sans-serif;;
font-size: 11px;
width:100%;
} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background-color: #000000; color: #FFFFFF;}
.post {
margin-bottom: 0!important
}

CÓDIGO DOS CRÉDITOS DO RODAPÉ
(cole acima de ]]></b:skin>)

/* CRÉDITOS */
#footer-wrapper {
background:  #000000;  /*** cor do fundo ***/
box-shadow: 0 3px 13px -5px #E6E4E4;
z-index: 1000;
height: 30px; /*** Altura da barra ***/
clear: both;
font: 13px 'Montserrat';
color: #ffffff; /*** cor da fonte ***/
text-align: center; /*** alinhamento da fonte ***/
padding: 9px;
border-top:6px solid $(tabs.selected.background.color);
}

E depois cole o código HTML acima de </body>

<div id='footer-wrapper'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
| Template personalizado por   <a href='URL DE QUEM PERSONALIZOU'> NOME DE QUEM PERSONALIZOU</a>  | Todos os direitos reservados &#169; </div>




Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage