Bem-vindo

Olá, sou o Ricardo e fiz este template para uso nos Blogs do SAPO, estejam à vontade para experimentá-lo.

Esta iniciativa é de um particular, não é da responsabilidade do Sapo ou da Artisteer.

 

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 'Notas soltas 2'
  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 background: url('http://c2.quickcachr.fotos.sapo.pt/i/obe07e9f0/9308274_NluzU.jpeg')} e substitua o url pelo da sua imagem 774x175, 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>
    <li><a href="#">fotos</a></li>
    <li><a href="#">imprensa</a></li>
    <li><a href="#">contactos</a></li>
    <li><a href="#">agenda</a></li>
    <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: 0; background: #d4ccaa; }
form { margin:0; padding: 0; }
p { margin:0; padding: 0; }
a, a:active { color: #887a44; text-decoration: underline; }
a:visited { color: #887a44; text-decoration: underline; }
a:hover { color: #b3911a; text-decoration: none; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px; }
#container { padding: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; width: 774px; font-size: 12px; margin: 0px auto auto; background: #dfd9c0; border-bottom: 3px solid #c8be93; border-right: 3px solid #c8be93; border-left: 3px solid #c8be93;}
#header { width
: 774px; height: 175px; border-top: 0px solid #636c60; border-bottom: 24px solid #434841; margin-top: -10px;
background: url('http://c2.quickcachr.fotos.sapo.pt/i/obe07e9f0/9308274_NluzU.jpeg')}
#footer { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; height: 38px; margin: 0 auto; }
#footer .content { ; height: 38px; }
#footer p { padding-top: 30px; }
#blogtitle { font-family: Georgia, Times New Roman, Times, serif; font-size: 18px; font-weight: normal; color: #332e1a; text-align: left; width: 400px; padding: 20px 10px 0 !important; margin-bottom: 6px !important; text-transform: uppercase; }
#blogtitle a, #blogtitle a:visited, #blogtitle a:active, #blogtitle a:hover{ color: #332e1a; text-decoration: none; }
#blogdesc { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 14px; text-align: left; width: 400px; color: #332e1a; display: block; font-weight:normal;}
h1#blogtitle, h2#blogdesc { margin: 0; padding-left: 15px; }
#extras { float: right; width: 180px; color: #2a2e29; padding: 10px; border-left: 0px solid #636c60; background: #d4ccaa;}
#extras h4.title { font-size: 13px; color: #332e1a; padding: 0; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; font-weight: bold; margin: 0; }
#extras a, #extras a:active { border-bottom: 0px; font-size: 12px; color: #887a44; text-decoration: underline; font-weight:normal;}
#extras a:visited { color: #887a44; text-decoration: underline;}
#extras a:hover { color: #1a1d19; text-decoration:none; }
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 12px; }
#extras ul { margin: 0; padding: 0; list-style-image:none; list-style-position:outside; list-style-type:none; }
#extras .sep {margin-bottom:20px;}
#extras .sepB {margin-bottom:5px; margin-top:5px;}
#extras .sapo img { border:1px solid #CCC;}
#extrasB { float:left; width: 0px; background-color: transparent; color: #ffffff; line-height: 2em; }
#extrasB .widget { padding: 0 0 0 20px; }
#extrasB h4.title { font-size: 13px; color: #ffffff; padding: 0; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; margin: 0; }
#extrasB a, #extrasB a:active { border-bottom: 0px; font-size: 12px; color: #ffffff; text-decoration:none; font-weight:normal;}
#extrasB a:visited { color: #ffffff; text-decoration:none;}
#extrasB a:hover { color: #ff0000; text-decoration:none; }
#extrasB .comment { margin-bottom: 10px; padding-right: 10px; font-size: 12px; }
#extrasB ul { margin: 0; padding: 0; list-style-image:none; list-style-position:outside; list-style-type:none; }
#extrasB .sep {margin-bottom:20px;}
#extrasB .sepB {margin-bottom:5px; margin-top:5px;}
#extrasB .sapo img { border:1px solid #CCC;}
#profile img { margin-right:7px;}
#messenger img { border: 0px solid #CCC; }
.buton { margin-top: 5px; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #6f6137; background: #c8be93; border: 1px solid #887a44; }
.form { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #5a512d; background: #ffffff; border: 1px solid #887a44; margin-top:5px; padding-left:3px; padding-right:3px; }
.calendar { text-align:center;}
.calendar .day { width:19px; padding:2px 3px; height:19px; float:left; font-size: 9px; color: #887a44;}
.calendar .dayNum { font-size: 9px; font-weight:bold; color: #887a44; float:left; width:19px; padding:2px 3px; height:19px;}
.calendar .dayNum a, .calendar .dayNum a:visited,
.calendar .dayNum a:active { border-bottom: 0px; color: #f0e9cf !important; text-decoration:underline; background-color: #b3911a !important; padding:2px 3px; }
.calendar .dayNum a:hover { color: #f0e9cf !important; text-decoration:underline; background-color: #887a44 !important; padding:2px 3px; }
.calendar .today { font-size:10px; font-weight:bold; color: #f0e9cf; float:left; width:19px; padding:2px 3px; height:19px;}
.calendar .today a, .calendar .today a:visited,
.calendar .today a:active { border-bottom: 0px; color: #f0e9cf !important; text-decoration:underline; padding:2px 3px; background-color: #887a44 !important;}
.calendar .today span { color: #f0e9cf; padding: 3px 2px 2px; background-color: #887a44;}
.calendar .today a:hover{ color: #443c22 !important; text-decoration:underline; padding:2px 3px; background-color: #b3911a !important;}
.calendar .nav { width: 170px; padding: 0; float: left; }
.calendar .left { float: left; }
.calendar .right { float: right; }
.archive_mini .year { display: inline; }
.archive_mini p { display: inline; font-size: 12px; }
.archive_group .year { margin-top: 10px; }
.archive_group h5 { margin: 0; padding: 0; }
.archive_group li { float: left; width: 25px; padding-right: 20px; }
.rss img { margin-right: 5px; }
#container .yearpage { margin: auto; width: 550px; }
#posts .barrita { text-align: center; }
#posts { padding: 15px; float: left; width: 534px; font-size: 13px; color: #2a2e29; }
#posts .daysep { border: 0px solid #636c60; }
#posts .date { font-size: 13px; color: #8e9282; margin-bottom: 10px; float: right; }
#posts h3.title a, #posts h3.title a:active, #posts h3.title a:visited,
#posts h3.title a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: none; display: block; color: #2a2e29; font-size: 14px;font-size: 14px; }
#posts h3.title a:link, #posts h3.title { line-height: 1.4em; margin: 0 0 10px 0; padding: 0; letter-spacing: 2px; }
#posts .post { padding: 0 20px 0 0; margin-bottom: 50px; text-align: justify; line-height: 2em; }
#posts .post p { margin: 0; padding: 0; }
#posts .post a,
#posts .post a:active { color: #887a44; text-decoration:none; font-size: 13px; font-weight:normal; }
#posts .post a:visited { color: #887a44; text-decoration:none;}
#posts .post a:hover { color: #b3911a; text-decoration:none; }
#posts .item { color: #2a2e29; font-size: 13px; }
#posts .sep { border-bottom: 0px solid #636c60; height:15px; margin: 0 20px 20px 0; }
#posts .sepB { margin-bottom: 15px;}
#posts .sepday { height: 20px; margin: 0 0 20px 0; border-bottom: 0px none #636c60; }
#posts .postreply { float: left; }
#posts .postreply a { font-size: 14px; text-align: right; text-decoration: none; }
#posts .postreply a:hover { font-size: 14px; text-align: right; text-decoration: underline; }#posts .navtop { display: none; font-size: 14px; text-align:right; padding: 0 20px 20px 0;}
#posts .navbot { font-size: 14px; text-align:center;}
#posts .navbot a { margin: 0 4px; font-size: 14px; text-align: right; text-decoration: underline; }
#posts .navbot a:hover { margin: 0 4px; font-size: 14px; text-align: right; text-decoration: none; }
#posts .nav2 { font-size: 14px; text-align:right; padding-bottom: 20px;}
#posts .nav2 a { padding: 0 4px; font-size: 14px; text-align: right; text-decoration: none; }
#posts .nav2 a:hover { padding: 0 4px; font-size: 14px; text-align: right; text-decoration: underline; }
#posts .sign { font-size: 11px; margin-top:15px; color: #636c60; letter-spacing: 1px; clear: both; }
#posts .sign a, #posts .sign a:active,
#posts .sign a:visited { font-size: 11px; color: #636c60; letter-spacing: 1px; text-decoration: underline; }
#posts .sign a:hover { font-size: 11px; text-decoration: underline; color: #1a1d19; }
#posts .sign .author { text-align: left; margin: 4px 0; border-top: 0px solid #636c60; }
#posts .sign .widgets, #posts .sign .links { font-size: 11px; }
.yearpage .cal { width: 180px; height: 180px; margin: 1px; float: left; }
#posts .tagsTitle { font-size: 14px; }
#posts .tagsBox h2 { margin-right: 20px; }
#posts .month { margin-bottom: 15px; }
#posts .sharethis { margin-top:10px; }
#comentar .csep { border-bottom: 2px solid #636c60; height:15px; margin-bottom:20px;}
#comentar .tsep { border-bottom: 2px solid #636c60; height:15px; margin-bottom:10px;}
#comentar .comentar .sign .author, #comentar .comentar .sign .author a { border: 0 none; text-decoration: none; }
.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; }
#comentar .campo1D { padding:10px 0px 3px 0px; font-size:11px; font-weight:normal; color: #2a2e29; }
#comentar .campo2 { padding:3px 0px 3px 20px; font-size:11px; font-weight:normal; color: #2a2e29; }
#comentar .textbox { color: #5a512d; 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; }
#pesquisa .campo3B input { background: transparent; border: none; }
#searchResults .quantos { color: #2a2e29; font-size:10px;}
#searchResults .pesquisapor { font-size:11px; font-weight:bold;}
#searchResults .pesquisapor a, #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: 14px; color: #2a2e29;}
#results h1 a, #results h1 a:visited, #results h1 a:active,
#results h1 a:hover { color: #2a2e29; 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: #636c60; 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: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: 14px; font-weight:bold; text-transform:uppercase; line-height: 2; }
#navega p a, #navega p a:visited,
#navega p a:active { color: #887a44; text-decoration: none; padding:2px 4px 2px 4px; font-weight: bold; font-size: 14px;}
#navega p a:hover { color: #b3911a; text-decoration: none; padding:2px 4px 2px 4px; }
#navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #E1E1D2;}
#navega .navbot { float: right; padding: 2px 20px 2px 4px; }
#navega .navbot a { font-size: 14px; line-height: 2; }
#extras, #extrasB, .widgetBox { overflow: hidden; }
#posts {overflow-x: hidden; overflow-y: visible;}
#extras .comment a { color: #887a44; }
#extrasB .comment a { color: #ffffff; }
#extrasB .comment a:hover { color: #ff0000; }
#extras .comment a:hover { color: #1a1d19; }

.sharethis { margin-top: 10px;}

#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:#B1AFAA; text-decoration: none;}
#menu a:hover {color:#C2C1BC; 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 774x175 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 13:55 | link do post | comentar | ver comentários (5) | partilhar