Quinta-feira, 15 de Julho de 2010
Encomenda #4 { j@ }

Olá :)

A tua encomenda está pronta. Optei por um visual cinzento-claro, branco e azul, com algumas imagens alusivas ao Verão e outras alusivas à frase que pediste para colocar. Espero realmente que gostes! Aqui está a preview do layout (peço desculpa pela qualidade, guardei-a em .jpeg e só me apercebi depois!).

 

 

 

O css está na caixa abaixo. Aconselho a que tenhas todas as posições "vazias", e que, se quiseres colocar música ou assim, actives o componente no rodapé do blog. Não sei como fica o blog se activares mais do que um post de cada vez, mas é uma questão de experimentares. Os links de "link do post, comentar e ver comentários" estão centrados, assim como a assinatura do blog, embora isso não seja visível. 

 

body { margin:10px; background: url('http://i32.tinypic.com/2njlg1u.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:#3d8dfb; 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:600px; font-size:13px; text-align:justify; color:#666; background: url('http://i32.tinypic.com/2njlg1u.jpg') repeat center #ffffff; margin: auto; } #header {background: url('http://i32.tinypic.com/10395sm.png') no-repeat center; width:600px; height:200px; 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:0px; padding-left:18px; background-color:transparent;} #extras .title { font-size:18px; color:#3d8dfb;} #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:#3d8dfb; 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: #000000; 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:#3d8dfb; 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:#3d8dfb; 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:#3d8dfb;} #calendar .today span { color:#ffffff; padding:2px 3px; background-color:#3d8dfb;} #calendar .today a:hover { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#000000;} #barrita { text-align:center;} #posts { float:right; width:600px; padding-right:0px; color: #000000; font-size:12px; background-color:#ffffff; border-style:dotted; border-width:1px; } #posts .date { font-size:11px; font-weight:bold; color:#000000; text-transform:uppercase; margin-bottom:5px; text-align:center;} #posts .title { font-size:16px; font-weight:bold; color:#3d8dfb; margin-bottom:10px; text-align:center;} #posts p { margin:0px 0px 5px 0px; color:#000000; 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:#3d8dfb; text-decoration:underline;} #posts .sign { font-size:10px; margin-top:15px; color:#000000; text-align:center;} #posts .sep { width:600px; border-bottom:1px solid #3d8dfb; height:15px; margin-bottom:20px;} #posts .sepB { margin-bottom:15px;} #posts .otherInfo { margin:5px 0px; font-size:11px; color:#000000; text-align:center;} #posts .nav { font-size:10px; text-align:center; padding-bottom:20px; text-align:center;} #posts .nav2 { font-size:10px; text-align:right; padding-bottom:20px; text-align:center;} #comentar .title { font-size:16px; color:#3d8dfb; font-weight:bold;} #comentar .campo1 { float:left; width:40px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#3d8dfb;} #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:#000000; 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:#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:18px; color:#3d8dfb;} #results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#3d8dfb; text-decoration:none; font-weight:bold; font-size:14px;} #results h1 a:hover { color:#3d8dfb; 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: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:#3d8dfb;}#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:#3d8dfb; 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: #3d8dfb; }

 

Relembro que tens 3 dias para colocar este layout no teu blog.

Espero que gostes, peço a tua opinião.


categorias:

publicado por design-studio às 13:27
link do post | comentar | favorito

3 comentários:
De CP a 15 de Julho de 2010 às 13:46
Olá. Descubri agora mesmo o teu blog, e pelas encomendas que vi, gosto do teu trabalho !

Queria encomendar um wallpaper com imagens do Hugo Almeida. Queria em tons claros, brancos e cinzentos. Queria que escrevesses o nome dele em letras estilo manuscrito, em prateado, ou assim.
Deixo o resto ao teu critério !

Para já, é só isto. Beijos


De Mariana a 15 de Julho de 2010 às 14:39
entao podias me fazer um cabeçalh, mas e que eu nao tenho imagens portanto fica a tua escolha, o meu blog é o Mystar4ever


De j @ a 15 de Julho de 2010 às 20:19
obrigada, gostei muito :)
uso com que template básico ?


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 }