Adaptados por BS Templates
Outubro 2011
Dom
Seg
Ter
Qua
Qui
Sex
Sab
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
23
24
25
26
27
28
29
30
31
posts recentes

Bem-vindo

Cabeçalhos

arquivos

Outubro 2011

Artisteer - Web Design Generator
blogs SAPO
22
Out
11

Para instalar um Blog igual ao que está a ver, com a possibilidade de mudar a imagem de cabeçalho, proceda do seguinte modo:

  1. Na Personalização do Blog escolha o template 'Livro de Receitas'
  2. Na Personalização Avançada, escolha 'editor css'
  3. Na caixa 'Editar css do Blog' apague ou guarde todo o código que lá estiver e cole o novo
  4. Procure no início por #container .header {margin-left: 10px; margin-right: 10px; background: url('http://c2.quickcachr.fotos.sapo.pt/i/o1207a7ef/9319753_KEedY.jpeg') e substitua o url pelo da sua imagem 874x175, sem apagar as 'plicas'
  5. Importante: se escolher um dos cabeçalhos por nós sugeridos, cole o seguinte código na personalização intermédia-componentes-rodapé do blog
    <br>Adaptado por <a href="http://bstemplates.blogs.sapo.pt/">BS Templates</a> | Cabeçalho <a href="http://www.artisteer.com/">Artisteer</a>
  6. Para colocar o menu, cole o seguinte código numa componente da personalização intermédia, active essa componente numa qualquer 'posição' e substitua # pelo link do post ou tag do seu blog
    <div id="menu">

    <ul>
    <li><a href="#">página inicial</a></li>

    <span style="color: #678698;">|</span>
    <li><a href="#">fotos</a></li>

    <span style="color: #678698;">|</span>
    <li><a href="#">imprensa</a></li>

    <span style="color: #678698;">|</span>
    <li><a href="#">contactos</a></li>

    <span style="color: #678698;">|</span>
    <li><a href="#">agenda</a></li>

    <span style="color: #678698;">|</span>
    <li><a href="#">outros links</a></li>
    </ul>
    </div>

  7. Para finalizar guarde as alterações
  8. Se tiver dúvidas deixe um comentário; responderemos no prazo de 24 horas.

 

Código novo:

body { margin: 0px 0 0; background: #dbe5eb; }
form { margin:0; padding: 0; }
p { margin:0; padding: 0; }
a, a:link, a:active { color: #1b3950; text-decoration: underline; }
a:visited { color: #1b3950; text-decoration: underline; }
a:hover { color: #3672a1; text-decoration: underline; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px; }
#container { font-family: Tahoma, Arial, Helvetica, sans-serif; width: 894px; font-size: 13px; margin: auto; background: #e9eff3; border-left: 3px solid #bfd1dc; border-right: 3px solid #bfd1dc; border-bottom: 3px solid #bfd1dc;}
#container .header {margin-left: 10px; margin-right: 10px; background: url('http://c2.quickcachr.fotos.sapo.pt/i/o1207a7ef/9319753_KEedY.jpeg') no-repeat top left; width: 874px; height: 175px; border-bottom: 24px solid #19262e;}
#footer { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; height: 60px; }
#footer p { padding-top: 30px; }
#blogtitle { font-size: 18px; font-weight: bold; color: #19262e; padding: 30px 0px 0 0px; text-align: left; text-transform: uppercase; }
#blogtitle .titletext { padding-left: 15px; height: 24px; }
#blogtitle a, #blogtitle a:link, #blogtitle a:visited, #blogtitle a:active, #blogtitle a:hover{ color: #19262e; text-decoration: none;}
#blogdesc { font-size:14px; text-align:left; color:#19262e; display: block; padding: 0px 0 0 20px; width: 354px; height: 87px; }
#extras {margin-left: 10px; float:left; width: 170px; background: #abcbe3; line-height: 1.1em; padding-bottom: 0px; }
#extras .header { width: 170px; }
#extras .widget { padding: 0 0 5px 5px; }
#extras .title { font-size: 13px; color: #000000; padding-bottom: 6px; padding-top: 6px; font-weight: bold; }
#extras a, #extras a:link, #extras a:active { font-size: 11px; color: #254f6f; text-decoration:underline; font-weight:normal;}
#extras a:visited { color: #254f6f; text-decoration:underline;}
#extras a:hover { color: #326a95; text-decoration:none; }
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; }
#extras .sep {margin: 0 5px 20px; border-bottom: 0px solid #000000; }
#extras .sepB {margin-bottom:5px; margin-top:5px;}
#extras #profile img { border: 0px solid #000000; }
#extras .sapo img { border:1px solid #CCC;}
#extrasB { margin-right: 10px; float:right; width: 170px; background: #abcbe3; line-height: 1.1em; padding-bottom: 0px; }
#extrasB .header {width: 170px; margin-bottom:30px; }
#extrasB .widget { padding: 0 0 5px 5px; }
#extrasB .title { font-size: 13px; color: #000000; padding-bottom: 6px; padding-top: 6px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px;font-weight: bold; }
#extrasB a, #extrasB a:link, #extrasB a:active { font-size: 11px; color: #254f6f; text-decoration:underline; font-weight:normal;}
#extrasB a:visited { color: #254f6f; text-decoration:underline;}
#extrasB a:hover { color: #326a95; text-decoration:none; }
#extrasB .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; }
#extrasB .sep { margin: 0 5px 20px; border-bottom: 0px solid #000000; }
#extrasB .sepB {margin-bottom:5px; margin-top:5px;}
#extrasB #profile img { border: 0px solid #000000; }
#extrasB .sapo img { border:1px solid #CCC;}
#profile img { margin:0; padding:0; }
#messenger img { border: 0px solid #CCC;}
.buton { margin-top: 5px; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #d8e7f2; background: #326a95; border: 1px solid #3c4e58; }
.form {width:115px; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #3c4e58; background: #ffffff; border: 1px solid #3c4e58; margin-top:5px; }
.calendar { text-align: center;}
.calendar .day { width:19px; padding:2px 3px 2px 0; height:19px; float:left; text-transform:uppercase; font-size:8px; color: #254f6f;}
.calendar .dayNum { font-size:10px; font-weight:bold; color: #254f6f; float:left; width:19px; padding:2px 3px 2px 0; height:19px;}
.calendar .dayNum a, .calendar .dayNum a:link, .calendar .dayNum a:visited,
.calendar .dayNum a:active { color: #d8e7f2 !important; text-decoration:underline; background-color: #326a95 !important; padding:2px 3px; }
.calendar .dayNum a:hover { color: #d8e7f2 !important; text-decoration:underline; background-color: #254f6f !important; padding:2px 3px; }
.calendar .today { font-size:10px; font-weight:bold; color: #d8e7f2; float:left; width:19px; padding:2px 3px 2px 0; height:19px;}
.calendar .today a, .calendar .today a:link, .calendar .today a:visited,
.calendar .today a:active { color: #d8e7f2 !important; text-decoration:underline; padding:2px 3px; background-color: #254f6f !important;}
.calendar .today span { color: #d8e7f2; padding: 3px 2px 2px; background-color: #254f6f;}
.calendar .today a:hover{ color: #d8e7f2 !important; text-decoration:underline; padding:2px 3px; background-color: #326a95 !important;}
.calendar .nav { width: 170px; padding: 0; float: left; }
.calendar .left { float: left; }
.calendar .right { float: right; padding-right: 25px; }
.archive_mini .year { display: inline; }
.archive_mini p { display: inline; font-size: 11px; }
.archive_group .year { margin-top: 10px; color: #000000; }
.archive_group .arch_month { float: left; width: 25px; padding-right: 20px; }
.rss img { margin-right: 5px; }
#posts .barrita { text-align:center; }
#posts .barrita .title { padding-top: 0px; }
#posts { margin: 0 20px; float:left; width: 494px; font-size: 13px; color: #3c4e58; }
#posts .daysep { height:15px; margin: 0 20px 0 0; }
#posts .date { float: right; text-align: center; width: 45px; height: 55px; color: #ffffff; font-size: 14px; background-color: #254f6f; }
#posts .post { margin-bottom: 20px; text-align: left; line-height: 1.5em; }
#posts .post p { margin: 0; padding: 0; }
#posts .post { color: #3c4e58; font-size: 13px; }
#posts .post a, #posts .post a:link,
#posts .post a:active { color: #3672a1; text-decoration:underline; font-size: 13px; font-weight:normal; }
#posts .post a:visited { color: #3672a1; text-decoration:underline;}
#posts .post a:hover { color: #1b3950; text-decoration:underline; }
#posts .title a, #posts .title a:link, #posts .title a:active, #posts .title a:visited,
#posts .title a:hover { font-size: 18px; letter-spacing: 1px; text-decoration: none; color: #29577a; }
#posts .title { padding: 20px 0 25px; line-height: 1em; }
#posts .sep { border-bottom: 0px solid #d8e7f2; height:15px; margin: 0 20px 20px 0; }
#posts .sepB { margin-bottom:15px; }
#posts .postreply { float: left; }
#posts .postreply a { padding: 0 4px; font-size: 16px; text-align: right; text-decoration: none; }
#posts .postreply a:hover { padding: 0 4px; font-size: 16px; text-align: right; text-decoration: none; }#posts .navtop { display: none; font-size: 16px; text-align:right; padding: 0 20px 20px 0;}
#posts .navbot { font-size: 16px; text-align:right; padding: 0 0 20px 0;}
#posts .navbot a { color: #3672a1; padding: 0 4px; margin: 0 4px; font-size: 16px; text-align: right; text-decoration: none; }
#posts .navbot a:hover { color: #1b3950; padding: 0 4px; margin: 0 4px; font-size: 16px; text-align: right; text-decoration: none; }
#posts .nav2 { font-size: 16px; text-align:right; padding-bottom: 20px;}
#posts .nav2 a { padding: 0 4px; font-size: 16px; text-align: right; text-decoration: none; }
#posts .nav2 a:hover { padding: 0 4px; font-size: 16px; text-align: right; text-decoration: none; }
#posts .sign, #posts .otherinfo { font-size: 11px; margin-top:15px; color: #3c4e58; line-height: 1.5em; }
#posts .sign a, #posts .sign a:link, #posts .sign a:active { font-size: 11px; color: #3672a1; }
#posts .sign a:visited { font-size: 11px; color: #3672a1; }
#posts .sign a:hover { font-size: 11px; color: #1b3950; }
#posts .sign div { background-color: #d4e0e8; padding: 0 8px; }
#posts .cal { width: 180px; height: 180px; margin: 1px; float: left; }
#posts .tagsTitle { font-size: 18px; }
#posts .tagsBox h2 { margin-right: 20px; }
#posts .month { margin-bottom: 15px; }
#comentar { padding: 0; margin: 0; }
#comentar .csep { border-bottom: 0px solid #d8e7f2; height:15px; margin-bottom:20px;}
#comentar .tsep { border-bottom: 0px solid #d8e7f2; height:15px; margin-bottom:10px;}
.comentar { text-align: justify; }
.c1 { margin-left: 0; }
.c2 { margin-left: 20px; }
.c3 { margin-left: 40px; }
.c4 { margin-left: 60px; }
.c5 { margin-left: 80px; }
#comentar .campo1 { padding-top:10px; font-weight:bold; font-size:12px; color: #3c4e58;;}
#comentar .campo1D { padding:10px 0px 3px 0px; font-size:11px; font-weight:normal; color: #485e6a; }
#comentar .campo2 { padding:3px 0px 3px 20px; font-size:11px; font-weight:normal; color: #485e6a; }
#comentar .textbox { color: #3c4e58; background: #ffffff; }
#commenttext { width: 90%; }
/*SEARCH RESULTS*/
#pesquisa { margin-bottom: 20px;line-height: 25px; }
#pesquisa .campo1B { width: 65px; float:left; }
#pesquisa .campo2B { float:left; }
#pesquisa .campo3B { margin: 10px 0; float:left; }
#searchResults .quantos { color: #3c4e58; font-size:10px;}
#searchResults .pesquisapor { font-size:11px; font-weight:bold;}
#searchResults .pesquisapor a, #searchResults .pesquisapor a:link, #searchResults .pesquisapor a:visited,
#searchResults .pesquisapor a:active{ text-decoration:underline; font-weight:bold; font-size:11px;}
#searchResults .pesquisapor a:hover { text-decoration:underline; }
#results { padding: 0 20px 0 0; }
#results li { list-style-type:decimal; font-size:14px; font-weight:bold; margin:0px 0px 15px 0px;}
/*title*/
#results h1 { margin:0px; font-size: 18px; color: #29577a;}
#results h1 a, #results h1 a:link, #results h1 a:visited, #results h1 a:active,
#results h1 a:hover { color: #29577a; text-decoration:none; font-weight:bold; font-size:14px; padding: 1px 3px 1px 3px; }
/*data e autor*/
#results h2 { margin:0px; font-size: 11px; color: #3c4e58; font-weight:normal;}
/*texto*/
#results p { margin:0px; font-weight:normal; font-size: 13px;}
/*highlight*/
#results em { font-weight:bold; font-style:normal;}
/*url*/
#results h3 { margin:0px; font-size: 11px; font-weight:normal; }
#results h3 a, #results h3 a:link, #results h3 a:visited,
#results h3 a:active { text-decoration:underline; font-weight:normal; font-size:11px;}
#results h3 a:hover { text-decoration:underline;}
/*Navegacao*/
#navega p { text-decoration:none; float: left; margin:0px 0px 25px 0px; padding:2px 4px 2px 4px; font-size: 16px; font-weight:bold; text-transform:uppercase; line-height: 2; }
#navega p a, #navega p a:link, #navega p a:visited,
#navega p a:active { color: #3672a1; text-decoration: none; padding:2px 4px 2px 4px; font-weight: bold; font-size: 16px;}
#navega p a:hover { color: #2b3840; text-decoration: none; padding:2px 4px 2px 4px; }
#navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; }
#navega .navbot { float: right; padding: 2px 20px 2px 4px; }
#navega .navbot a { font-size: 16px; line-height: 2; }
.wtitle a { background: url(http://imgs.sapo.pt/images/blogs/templates/comentar.gif) top left no-repeat; padding-left: 18px;}
#posts, #extras, #extrasB { overflow: hidden; }
#extras .comment a { color: #254f6f; }
#extrasB .comment a { color: #254f6f }
#extrasB .comment a:hover { color: #326a95; }
#extras .comment a:hover { color: #326a95; }

#container {position:relative;}
#menu {position:absolute; top:179px; left:18px;}
#menu ul {list-style:none; padding:0px; margin:0px;}
#menu li {display:inline; padding:5px;}
#menu a, #menu a:link, #menu a:visited {color:#A7B9C3; text-decoration: none;}
#menu a:hover {color:#D1DBE0; text-decoration: none;}

 

 

Observações:

Se preferir pode escolher uma das nossas sugestões já prontas a usar, no post Cabeçalhos; o url da imagem 874x175 está por debaixo do respectivo exemplo.

Aceitamos encomendas para blogs como este, com outras cores, dimensões e cabeçalhos. Email: pombotrocaz@sapo.pt

publicado por BS Templates às 12:17
pesquisar neste blog
 
últ. comentários
mto obrigado pla atençao, obrigado mesmo, cumprime...
Olá, não sei a que template se refere. O BS Templa...
desde ja mto obrigado por ter respondido, o k me a...
Olá 'Flor Cintilante' passe o rato sobre 'Personal...
nao encontro o site de templates fixos do sapo, po...
Posts mais comentados
5 comentários
subscrever feeds