Quarta-feira, 14 de Julho de 2010
Encomenda #1 - • liigonçalves

 Olá :)

 A tua encomenda está pronta. Não sabia muito bem como querias o layout, por isso fi-lo simples. Acho que, de qualquer maneira, está bonito. O button também não ficou muito trabalhado, mas não é a minha especialidade. Espero que gostes.

 

Layout:

 

 

Para colocares assim o teu blog, copia o CSS que está na caixa abaixo e cola na Personalização Avançada. Usa o template " Sapo ".

 

body { margin:10px; background: #f2ee82; } form { margin:0; padding: 0; } a, a:link, a:active {color:#000000; text-decoration:underline;} a:visited {color:#000000; text-decoration:underline;} a:hover {color:#f2ee82; text-decoration:underline;} p { margin:0px;} .clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;} #container { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:740px; font-size:11px; color:#000000; background: #f2ee82; margin: auto; } #header {background: url('http://i27.tinypic.com/sctm2x.png') no-repeat center; width:740px; height:400px; margin-bottom:18px; padding-left:18px;} #header .title { font-size:30px; font-weight:bold; color:#ffffff; padding-top:30px; width:523px; text-align:left;} #header .title a, .title a:link, .title a:visited, .title a:active, .title a:hover { color:#ffffff; text-decoration:none;} #header .descri { font-size:13px; color:#d1e38f; width:523px; text-align:left;} #header .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color:#d1e38f; text-decoration:underline;} #extras { float:right; width:186px; padding-right:10px; background-color:#ffffff; position:relative; top:-18px; left:-10px;} #extras .title { font-size:16px; color:#1d5b94; position:relative; left:5px;} #extras p { color:#000000; font-weight:normal; position:relative; left:5px} #extras p a, p a:link, p a:active { font-size:10px; color:#000000; text-decoration:underline; font-weight:normal;} #extras p a:visited { color:#000000; text-decoration:underline;} #extras p a:hover { color:#f2ee82; text-decoration:underline;} #extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 10px; } #extras .sep {margin-bottom:20px;} #extras .sepB {margin-bottom:5px; margin-top:5px; margin-left:5px;} #extras .sapo img { border:1px solid #CCC;} #profile img { border:1px solid #000; /*float:left;*/ margin-right:7px;} #messenger img { border:0px solid #CCC;} .buton { margin-top:5px; font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #1d5b94; background: #ffffff; border: 1px solid #1d5b94;} .form { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000000; background: #ffffff; border: 1px solid #000000; margin-top:5px; padding-left:3px; padding-right:3px;} #calendar { text-align:center; background:#ffffff; } #calendar .month { font-size:18px; color:#1d5b94; text-align:left; padding:2px 3px;} #calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:9px; color:#000000;} #calendar .dayNum { font-size:10px; font-weight:bold; color:#000000; float:left; width:19px; padding:2px 3px; height:19px;} #calendar .dayNum a, .dayNum a:link, .dayNum a:visited, .dayNum a:active { color:#ffffff; text-decoration:underline; background-color:#000000; padding:2px 3px; } #calendar .dayNum a:hover { color:#ffffff; text-decoration:underline; background-color:#f2ee82; padding:2px 3px; } #calendar .today { font-size:10px; font-weight:bold; color:#ffffff; float:left; width:19px; padding:2px 3px; height:19px;} #calendar .today a, .today a:link, .today a:visited, .today a:active { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#f2ee82;} #calendar .today span { color:#ffffff; padding:2px 3px; background-color:#f2ee82;} #calendar .today a:hover { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#000000;} #barrita { text-align:center;} #posts { float:left; width:483px; padding-left:18px; color: #000000; font-size:11px; background-color:#ffffff; position:relative; top:-19px;} #posts .date { font-size:10px; font-weight:bold; color:#000000; text-transform:none; margin-bottom:2px;} #posts .title { font-size:16px; font-weight:bold; color:#1d5b94; margin-bottom:10px;} #posts p { margin:0px 0px 3px 0px; color:#000000; font-size:11px; font-weight:normal;} #posts p a, p a:link, p a:active {color:#000000; text-decoration:underline; font-size:11px; font-weight:normal;} #posts p a:visited {color:#000000; text-decoration:underline;} #posts p a:hover {color:#f2ee82; text-decoration:underline;} #posts .sign { font-size:10px; margin-top:15px; color:#000000;} #posts .sep { width:483px; border-bottom:1px solid #1d5b94; height:15px; margin-bottom:20px;} #posts .sepB { margin-bottom:15px;} #posts .otherInfo { margin:5px 0px; font-size:10px; color:#000000;} #posts .nav { font-size:9px; text-align:center; padding-bottom:20px;} #posts .nav2 { font-size:9px; text-align:right; padding-bottom:20px;} #comentar .title { font-size:16px; color:#6EA31B; font-weight:bold;} #comentar .campo1 { float:left; width:40px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#6EA31B;} #comentar .campo1B { float:left; width:50px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#000000;} #comentar .campo1C { width:460px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#000000;} #comentar .campo1D { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#000000; width:460px;} #comentar .campo2 { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#000000; width:390px;} #comentar .campo2 em { font-style:normal; font-weight:bold; color:#000000; font-size:13px;} #comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#000000;} #comentar .campo2C { width:390px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#000000;} #comentar .campo2C em { font-style:normal; font-weight:bold; color:#000000;} #comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#000000;} #comentar .campo2D em { font-style:normal; font-weight:bold; color:#000000;} #comentar p { margin:0px; color:#666; font-weight:bold; font-size:16px;} #comentar p a, p a:link, p a:visited, p a:active { color:#666; text-decoration:underline; font-weight:bold; font-size:16px;} #comentar p a:hover {color:#6EA31B; text-decoration:underline;} #comentar .txt {color:#000000; font-size:11px;} #comentar .options {font-size:10px;} #comentar2 { margin-left:30px;} #comentar2 .campo1C { width:430px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;} #comentar2 .campo2C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;} #comentar3 { margin-left:60px;} #comentar3 .campo1C { width:400px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;} #comentar3 .campo2C { width:330px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;} #comentar4 { margin-left:90px;} #comentar4 .campo1C { width:370px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;} #comentar4 .campo2C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;} #comentar5 { margin-left:120px;} #comentar5 .campo1C { width:340px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;} #comentar5 .campo2C { width:270px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;} /*SEARCH RESULTS*/ #pesquisa { margin-bottom: 20px;line-height: 25px; } #pesquisa .campo1B { width: 65px; float:left; } #pesquisa .campo2B { float:left; } #pesquisa .campo3B { margin-left: 65px; float:left; } #searchResults .quantos { color:#000000; font-size:10px;} #searchResults .pesquisapor { font-size:11px; font-weight:bold;} #searchResults .pesquisapor a, .pesquisapor a:link, .pesquisapor a:visited, .pesquisapor a:active{ text-decoration:underline; font-weight:bold; font-size:11px;} #searchResults .pesquisapor a:hover { text-decoration:underline;} #results li { list-style-type:decimal; font-size:14px; font-weight:bold; margin:0px 0px 15px 0px;} /*title*/#results h1 { margin:0px; font-size:16px; color:#1d5b94;} #results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#1d5b94; text-decoration:none; font-weight:bold; font-size:14px;} #results h1 a:hover { color:#1d5b94; text-decoration:underline;} /*data e autor*/#results h2 { margin:0px; font-size:10px; color:#000000; font-weight:normal;} /*texto*/#results p { margin:0px; font-weight:normal; font-size:11px;} /*highlight*/#results em { font-weight:bold; font-style:normal;} /*url*/#results h3 { margin:0px; font-size:10px; font-weight:normal; } #results h3 a, h3 a:link, h3 a:visited, h3 a:active{ text-decoration:underline; font-weight:normal; font-size:11px;} #results h3 a:hover { text-decoration:underline;} #navega p{ text-decoration:none; float:right; margin:0px 0px 25px 0px; padding:2px 4px 2px 4px; font-size:9px; font-weight:bold; text-transform:uppercase;} #navega p a, p a:link, p a:visited, p a:active { text-decoration:none; padding:2px 4px 2px 4px; font-weight:bold; font-size:9px;} #navega p a:hover { text-decoration:none; padding:2px 4px 2px 4px; background-color:#E1E1D2;} #navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #E1E1D2;} /*ADWORDS*/ #adw {font-size:10px; margin-bottom:20px; width:150px;} #adw #adwtop * p {color:#1d5b94;}#adw #adwcont .adwtit a {color:#000000; text-decoration:underline;} #adw #adwcont .adwtit .title {color:#000000; text-decoration:underline; font-size:10px;} #adw #adwsub {display:none;} #adw #adwcont .adwtit {font-weight:normal;} #adw #adwcont .adwtit a:hover, #adw #adwsub a:hover, #adw #adwcont .urlbot a:hover {color:#f2ee82; text-decoration:underline;} #adw #adwcont .urlbot a, .urlbot a:link,.urlbot a:visited,.urlbot a:active {color:#000000; text-decoration:underline;} #adw #adwcont #adwad4, #adw #adwcont #adwad5, #adw #adwtop #adwright, #adw #adwbot, #adw #adwcont .s {display:none;} #adw .pos {display:none;} #adw .url {display:none;} #adw .adwline {margin-bottom:10px;} #rss p {line-height: normal; margin-bottom: 3px;} #rss img {vertical-align: text-bottom;} #posts, #extras { overflow: hidden; } #extras .comment a { color: #000000; } #extras .comment a:hover { color: #f2ee82; }

 

Button:

 

 

Tens 3 dias para colocar esta encomenda no teu blog. Até à próxima :)


categorias:

publicado por design-studio às 15:43
link do post | comentar | favorito

2 comentários:
De Blowers Daughter a 14 de Julho de 2010 às 17:49
Gostava de pedir 1 avatar da Miley Cyrus :)
Nome: Piolhinha
Para: Perfil SAPO
Beijo *


De - a 14 de Julho de 2010 às 20:45
Olá!
Esta LINDO! Adoro!
eu já metei no blog, mas e para avisar que ainda nao vai abrir, por agora! espero que nao te importes!
beijos
obrigado ^^


Comentar post

Site Stats:
- Desde: 13 de Julho de 2010
- Estado: Abert, e a Aceitar
- Visitas:
Contador acessso


Vê as reservas disponíveis, aqui
Regras

- Não encontrarás nada aqui que possa ser considerado pornográfico ou ofensivo.
- Não aceitamos encomendas urgentes.
- Não permitimos mais de 2 pedidos por semana feitos pela mesma pessoa e/ou IP.
- As encomendas podem pedir, no máximo, 2 tipos de gráfico e 1 gráfico de cada tipo. (excepto avatares).
- Ao encomendar, é óbrigatório indicar nome, blog e tipo de gráfico, mas recomendamos também que se mencionem as cores e as imagens a utilizar na encomenda. Se estes últimos não forem indicados, não repetimos o trabalho, mesmo que não esteja do agrado de quem pediu.
- 3 dias após a entrega da encomenda, esta deve estar no blog. Se isso não suceder, iremos colocar quem encomendou na lista negra.
Podes encomendar

- Layouts com css;
- Layouts sem css;
- Cabeçalhos;
- Avatares;
- Wallpapers;
- Menus;

Outras coisas? Pergunta!
posts recentes

Encomenda #10 { Biiaa }

Comunicado

Informação

Encomenda #9 { Ana. }

Encomenda #8 { Bia }

Encomenda #7 { Mari }

Encomenda #6 { CP }

Encomenda #5 { Débbie }

Encomenda #4 { j@ }

Encomenda #3 { Ana* }

arquivos

Agosto 2010

Julho 2010

categorias

encomendas(9)

blog(3)

cabeçalho(1)

reservas(1)

todas as tags

Lista de Encomendas

- Cabeçalho e fundo { Bia }