Quinta-feira, 15 de Julho de 2010
Encomenda #5 { Débbie }

Olá :)

A tua encomenda está pronta. Não sei se está do teu agrado, mas já é o 3º layout que faço hoje e, como podes imaginar, a inspiração vai fugindo. Podes previsualizá-lo aqui.

 

Espero que gostes :)

O css está ...

body { margin:10px; background: url('http://i25.tinypic.com/28qxct1.jpg') repeat center #ffffff; }
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:#666666; 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:705px; font-size:13px; color:#666; background: #ffffff; margin: auto; }
#header {background: url('http://i32.tinypic.com/dzh3ed.png') no-repeat center; width:750px; 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:left; width:186px; padding-left:18px; background-color:transparent;}
#extras .title { font-size:18px; color:#263f9b;}
#extras p { color:#999; font-weight:bold;}
#extras p a, p a:link, p a:active { font-size:11px; color:#000000; text-decoration:underline; font-weight:normal;}
#extras p a:visited { color:#000000; text-decoration:underline;}
#extras p a:hover { color:#263f9b; text-decoration:underline;}
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; }
#extras .sep {margin-bottom:20px;}
#extras .sepB {margin-bottom:5px; margin-top: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: #ffffff; background: #000000; border: 1px solid #000000;}
.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:transparent; }
#calendar .month { font-size:18px; color:#263f9b; 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:#f6000c; 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:#f6000c;}
#calendar .today span { color:#ffffff; padding:2px 3px; background-color:#f6000c;}
#calendar .today  a:hover { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#000000;}
#barrita { text-align:center;}
#posts { float:right; width:483px; padding-right:18px; background: url('http://i25.tinypic.com/28qxct1.jpg') repeat center; color: #ffffff; font-size:13px; }
#posts .date { font-size:11px; font-weight:bold; color:#000000; text-transform:uppercase; margin-bottom:10px;}
#posts .title { font-size:18px; font-weight:bold; color:#263f9b; margin-bottom:10px;}
#posts p { margin:0px 0px 5px 0px; color:#ffffff; font-size:13px; font-weight:normal;}
#posts p a, p a:link, p a:active {color:#000000; text-decoration:underline; font-size:13px; font-weight:normal;}
#posts p a:visited {color:#000000; text-decoration:underline;}
#posts p a:hover {color:#263f9b; text-decoration:underline;}
#posts .sign { font-size:10px; margin-top:15px; color:#ffffff;}
#posts .sep { width:483px; border-bottom:1px solid #aff404; height:15px; margin-bottom:20px;}
#posts .sepB { margin-bottom:15px;}
#posts .otherInfo { margin:5px 0px; font-size:11px; color:#ffffff;}
#posts .nav { font-size:10px; text-align:center; padding-bottom:20px;}
#posts .nav2 { font-size:10px; 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:13px;}
#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:#ffffff; 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:18px; color:#263f9b;}
#results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#263f9b; text-decoration:none; font-weight:bold; font-size:14px;}
#results h1 a:hover { color:#263f9b; text-decoration:underline;}
/*data e autor*/#results h2 { margin:0px; font-size:10px; color:#ffffff; 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, 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:10px; 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:10px;}
#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:#263f9b;}#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:#263f9b; 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: #263f9b; }

 


categorias:

publicado por design-studio às 14:33
link do post | comentar | favorito

1 comentário:
De Débbie a 16 de Julho de 2010 às 01:00
Podes só mudar uma coisa ? Será que dá para meter tudo da mesma cor o fundo todo em castanho ?
 
p.s : Se não der podes só por a area do post tudo branco.
 



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 }