[Pedido]Logo e header

[alexandreperei]

Boas pessoal, já não postava aqui a algum tempo, bem o meu pedido é o seguinte, gostaria que fizessem um logo para o meu blog, pequeno tipo, para colocar noutros blogs e sites parceiros, e um header com 760 por 173 que tivesse haver de alguma forma com o blog.

Podem ver o blog clicando aqui

[edumicro]

Se quiseres posso fazer...

[alexandreperei]

Estás à vontade edumicro! Já peguei no photoshop e tentei mas não fica nada de especial.

[edumicro]

Bem isto está simples:



 :|

[Furt4d0]

O "L" parece um "I". Acho que até podias pôr a carta um pouco por baixo das letras a ver como fica

[alexandreperei]

edumicro até ficou poreiro mas sou da mesma opinnião do Furtd0, parace um "I" em vez de um "L".

[edumicro]

OK, vou ver o que consigo fazer. (o tipo de letra é assim mesmo)... Cores gostas? qual dos logos?

[alexandreperei]

Gosto imenso da maneira que ficou, as cores gosto imenso so não sei se ficará bem com o blog, mas deêm uma vista de olhos  e deêm a vossa opinião.

[edumicro]

Se trocares o template do blog, de verde para laranja.

[alexandreperei]

Não é má ideia e é capaz de ficar engraçado, aqui está o css do template, alguém sabe dizer-me onde devo trocar a cor e qual o código da cor?

Code Select Expand

/*

Theme Name: GlossyBlue

Theme URI: http://www.ndesign-studio.com

Description: WP glossy theme designed by N.Design Studio.

Version: 1.4

Author: Nick La

Author URI: http://www.ndesign-studio.com



This theme was designed and built by Nick La.



By downloading and using this theme, you agree to the following terms:

- You may NOT resell this theme

- A link back to N.Design Studio must be retained in the footer (either modified or unmodified)

- You may use this theme for personal or commercial projects

- You may modify, translate or distribute



*/



body {

font: 75%/150% "Trebuchet MS", Tahoma, Arial;

color: #333333;

background: #FFFFFF url(images/main-bg.gif);

margin: 0px;

padding: 0px 0px 30px;

}

a {

color: #CC6600;

text-decoration: none;

}

a:visited {

color: #CC6633;

text-decoration: none;

}

a:hover {

color: #FF6600;

text-decoration: underline;

}

img {

border: none;

}

p {

padding: 0px 0px 15px;

margin: 0px;

}

h1 {

margin:0px;

background: url(images/header-icon.gif) no-repeat;

padding-left: 70px;

height: 60px;

font: normal 36px/100% "Trebuchet MS", Tahoma, Arial;

color: #c9eefe;

}

h1 a, h1 a:visited{

color: #c9eefe;

text-decoration: none;

}

h1 a:hover{

color: #ffffff;

text-decoration: none;

}

h2 {

color: #59770e;

margin: 0px 0px 2px;

border-bottom: 1px dotted #CCCCCC;

letter-spacing: -1px;

font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;

padding-bottom: 3px;

}

h2 a, h2 a:visited {

color: #59770e;

text-decoration: none;

}

h2 a:hover {

color: #FF6600;

text-decoration: none;

}

h3 {

font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

color: #758d38;

margin: 10px 0px 5px;

}

h4 {

font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;

color: #758d38;

margin: 10px 0px 5px;

}

form {

margin:0px;

padding:0px;

}

#page {

margin: 0px auto;

width: 760px;

border-bottom: 5px solid #d5e6eb;

border-left: 5px solid #d5e6eb;

border-right: 5px solid #d5e6eb;

background: #FFFFFF url(images/content-bg.gif) repeat-y;

}

/* header area */

#header {

background: #0FACEA url(images/header-bg.jpg) no-repeat;

height: 170px;

border-bottom: 3px solid #59780a;

position: relative;

}

#headerimg {

position: relative;

padding: 30px 0px 0px 40px;

height: 60px;

}

#headerimg .description{

position: absolute;

left: 110px;

bottom: 3px;

color: #c9eefe;

font-size: 14px;

}

#nav {

list-style: none;

margin: 0px;

position: absolute;

right: 10px;

bottom: 0px;

}

#nav li {

float: left;

margin-left: 5px;

}

#nav .current_page_item a, #nav .current_page_item a:visited{

color: #000000;

text-decoration: none;

}

#nav .page_item a{

color: #ffffff;

text-decoration: none;

background: #5c8d0c url(images/nav-button-bg.gif) repeat-x;

padding: 5px 15px;

font: normal 14px/100% Arial, Helvetica, sans-serif;

border-top: 1px solid #E6EED0;

border-left: 1px solid #AFCD69;

border-right: 1px solid #AFCD69;

display: block;

}

#nav .page_item a:hover {

color: #000000;

}



/* content area */

#content {

padding: 10px 0px 30px 20px;

float: left;

width: 485px;

overflow: hidden;

}

.post {

clear:both;

padding-top: 15px;

}

.post-date {

width: 45px;

height: 49px;

float:left;

background: url(images/date-bg.gif) no-repeat;

}

.post-month {

font-size: 11px;

text-transform: uppercase;

color: #FFFFFF;

text-align: center;

display:block;

line-height: 11px;

padding-top: 2px;

margin-left: -3px;

}

.post-day {

font-size: 18px;

text-transform: uppercase;

color: #999999;

text-align: center;

display:block;

line-height: 18px;

padding-top: 7px;

margin-left: -3px;

}

.post-title {

float: left;

margin-left: 10px;

width: 430px;

}



.entry {

clear: both;

padding-top: 10px;

}

.post-cat {

background: url(images/mini-category.gif) no-repeat;

padding-left: 20px;

float:left;

font-size: 95%;

color: #999999;

}

.post-comments {

background: url(images/mini-comments.gif) no-repeat;

padding-left: 20px;

float: right;

font-size: 95%;

}

.post-calendar {

background: url(images/mini-calendar.gif) no-repeat;

padding-left: 20px;

float: right;

font-size: 95%;

color: #999999;

}

.mini-add-comment {

background: url(images/mini-down-arrow.gif) no-repeat;

padding-left: 18px;

float: right;

}

.navigation {

clear: both;

padding: 10px 0px;

}

.navigation a, .navigation a:visited {

color: #59770e;

}

.previous-entries a {

float: left;

padding-left: 18px;

background: url(images/mini-nav-left.gif) no-repeat left center;

}

.next-entries a {

float: right;

padding-right: 18px;

background: url(images/mini-nav-right.gif) no-repeat right center;

}



/* comments area */

#comments, #respond {

border-bottom: 1px dotted #CCCCCC;

padding: 10px 0 5px 0;

clear: both;

}

.commentlist {

margin: 10px 0px;

padding-left: 20px;

line-height: 130%;

}

.commentlist li{

padding: 5px 10px;

}

.commentlist .alt {

background: #f1fedb;

}

.commentlist cite {

font-weight: normal;

font-style: normal;

font-size: 120%;

color: #CC6600;

}

.commentlist cite a, .commentlist cite a:visited {

color: #CC6600;

}

.commentlist small {

margin-bottom: 5px;

display: block;

font-size: 87%;

}

#commentform {

margin-top: 10px;

font: 110% Arial, Helvetica, sans-serif;

}

#commentform p {

padding: 6px 0px;

margin: 0px;

}

#commentform label{

color: #787878;

font-size: 87%;

}

#commentform input{

width: 200px;

background:#f1fedb;

border: 1px solid #bdd77f;

padding: 3px;

margin-top: 3px;

}

#commentform textarea{

width: 478px;

height: 115px;

background:#f1fedb;

border: 1px solid #bdd77f;

padding: 2px;

margin-top: 3px;

}

#commentform textarea:focus, #commentform input[type="text"]:focus {

background: #ffffff;

}

#commentform #submit{

background: url(images/btn-bg.gif) no-repeat;

font: normal 12px Arial, Helvetica, sans-serif;

color: #FFFFFF;

border: none;

float:right;

width: 144px;

height: 28px;

cursor: pointer;

}



/*sidebar */

#sidebar {

float: right;

padding: 0px 10px 20px 0px;

width: 220px;

color: #758d38

overflow: hidden;

}

/*sidebar title (h2) */

#sidebar h2, #sidebar .sidebartitle{

font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

color: #758d38;

margin: 20px 0px 2px;

border-bottom: 1px normal #CFE1AC;

}

/*sidebar text styles */

#sidebar a, #sidebar a:visited{

color: #495233;

text-decoration: none;

}

#sidebar a:hover{

color: #FF6600;

text-decoration: none;

}

/*sidebar list level1 */

#sidebar ul {

margin: 0;

padding: 0;

}

#sidebar ul li {

list-style: none;

margin: 0;

padding: 0;

border: none;

}

/*sidebar list level2 */

#sidebar ul li ul {

padding: 0;

margin: 0;

}

#sidebar ul li ul li{

padding: 2px 0 2px 0px;

border-bottom: 1px solid #dceeb7;

}

/*sidebar list level3 */

#sidebar ul li ul li ul li{

padding: 1px 0 1px 10px;

border: none;

}

/*blogroll */

ul.list-blogroll li{

background: url(images/mini-blogroll.gif) no-repeat !important;

padding-left: 16px !important;

}

/*category widget */

ul.list-cat li, li.widget_categories li{

background: url(images/mini-category.gif) no-repeat !important;

padding-left: 20px !important;

}

/*archives widget */

ul.list-archives li, li.widget_archives li{

background: url(images/mini-monthly-archive.gif) no-repeat !important;

padding-left: 20px !important;

}

/*pages widget */

ul.list-page li, li.widget_pages li, li.widget_recent_entries li{

background: url(images/mini-page.gif) no-repeat !important;

padding-left: 20px !important;

}

/*sub-pages */

ul.list-page li ul li, li.widget_pages li ul li{

background: url(images/mini-page-arrow.gif) no-repeat !important;

padding-left: 10px !important;

}

/*recent comments widget */

li.widget_recent_comments li{

background: url(images/mini-recent-comments.gif) no-repeat !important;

padding-left: 20px !important;

}

/*calendar widget */

li.widget_calendar td {

padding: 1px 7px;

}

/*text widget */

.textwidget {

padding-top: 5px;

}



/*search form */

#searchform {

margin: 15px 0 0;

}

#searchform br {

display: none;

}

#searchform #s {

border:1px solid #203346;

width: 135px;

height: 22px;

padding: 4px 5px 0px 5px;

border: 1px solid #bed881;

background: #fff;

margin-right: 2px;

color: #000000;

font-weight: normal;

}

/* search form button - to specify button only use input[type="submit"] */

#searchform input {

background: url(images/search-btn-bg.gif) no-repeat;

border: none;

width: 67px;

height: 26px;

font: normal 12px Arial, Helvetica, sans-serif;

color: #FFFFFF;

vertical-align: middle;

}



/* footer area */

#footer {

clear: both;

background: #048DB4 url(images/footer-bg.gif) no-repeat;

color: #ACD7EE;

font-size: 95%;

line-height: 130%;

padding-bottom: 10px;

}

#footer a, #footer a:visited {

color: #ffffff;

}

#footer h4 {

font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;

color: #9cdbfb;

margin: 10px 0px 5px;

}

.footer-recent-comments {

width: 240px;

float: left;

margin-left: 10px;

}

.footer-recent-comments ul {

list-style: none;

margin: 0px;

padding: 0px;

}

.footer-recent-comments ul li {

background: url(images/mini-footer-comments.gif) no-repeat;

padding: 0px 0px 10px 20px;

}

.footer-recent-posts {

width: 240px;

float: left;

margin-left: 10px;

}

.footer-recent-posts strong {

font-size: 107%;

line-height: 135%;

font-weight: bold;

}

.footer-recent-posts ul {

list-style: none;

margin: 0px;

padding: 0px;

font-size: 92%;

line-height: 110%;

}

.footer-recent-posts ul li {

background: url(images/mini-footer-post.gif) no-repeat;

padding: 0px 0px 10px 20px;

}

.footer-about {

width: 220px;

float: right;

padding-right: 10px;

padding-left: 10px;

background: url(images/footer-right-bg.gif) no-repeat;

}

/* credits */

#credits {

margin: 0px auto;

width: 760px;

color: #7a9299;

font-size: 85%;

line-height: 120%;

}

#credits a, #credit a:visited {

color: #048db4;

}

.rss {

background: url(images/mini-rss.gif) no-repeat left center;

padding-left: 18px;

padding-bottom: 2px;

margin-left: 8px;

}

.loginout {

background: url(images/mini-loginout.gif) no-repeat left center;

padding-left: 18px;

padding-bottom: 2px;

margin-left: 8px;

}



/* alignments */

.center {

text-align: center;

}

img.center, img[align="center"] {

display: block;

margin-left: auto;

margin-right: auto;

}

.alignleft {

float: left;

}

img.alignleft, img[align="left"] {

float:left;

margin: 2px 10px 5px 0px;

}

.alignright {

float: right;

}

img.alignright, img[align="right"] {

float:right;

margin: 2px 0px 5px 10px;

}

.clear {

clear:both;

}

hr.clear {

clear:both;

visibility: hidden;

margin: 0px;

padding: 0px;

}

[edumicro]

Estás a ver os códigos de cor? (#FFFFF) No photoshop procura a cor laranja e mete o código resultante dela e substitui.

[alexandreperei]

Qual o código que usaste nesse laranja?
Podias fazer o header em laranja e outro em verde.

[edumicro]

Se preferires verde posso fazer o logo+header em laranja. Vou estudar para ver como fica melhor (contraste de cores).. e depois posto algo.

cumps

[alexandreperei]

ok

[edumicro]

Vou fazer-te agora o header e logo.

[alexandreperei]

faz à vontade depois eu digo-te.obrigado e abraço

[edumicro]

Vê lá se gostas... alterações é só pedir.

[alexandreperei]

Bem sem palavras ficou altamente. Podem visita-lo!