View Full Version : Great Theme!
Hi I just downloaded your evolution theme & Think it is great! I was wondering how I could add my logo to the top header? I would like to add to bottom right of the header. I would also like to have the top solid black instead of the pattern. Kind of trying to emulate the look from http://www.uncrate.com/.
My site is http://foodluvin.com/. Also I do not know if this is within the realm of your theme but would like to have a {via} or [source] added to the bottom of post when I use other sources.
Hope I have not hit you with to much. I am pretty limited with my coding so could use all the help I can get.
Mahalo,
Rob
Kevin
06-01-2008, 12:50 PM
Ho Rob,
Glad you like the theme :)
The header background battern is controlled by this code
body {
color: #333;
background: #F1F3E8 url(images-green/bg_pat.jpg) repeat-x;
font-family: "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 75%;
line-height: 1.6;
}as you can see from the above css code, the pattern is from the images-green/bg_pat.jpg image. I have amended the image for you and made it a black packground (I've attached it to this post) :) Just upload this image to the images-green folder.
With regards to using your own logo. This is very easy to do.
Find this code in your header.php file
<div id="headline_h1">
<?php if (is_home()) { ?>
<h1><a href="<?php echo get_option('home'); ?>" title="<?php _e('Home'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php
} else { ?>
<h2><a href="<?php echo get_option('home'); ?>" title="<?php _e('Home'); ?>"><?php bloginfo('name'); ?></a></h2>
<?php } ?>
<div class="Desc"><?php bloginfo('description'); ?></div></div>Instead of <?php bloginfo('name'); ?> you would use an img tag to your logo eg replace it with something like <img src="logo.jpg">
Now I have really managed to screw things up. My coding or lack of code knowledge really sucks! Now the header says <img src="logo.gif"> but logo is not present. Here is what I have done so far. So sorry for the hassle. I put logo in green folder images file here is code I used <img src="logo.gif">.
This is damage I have done so far:
<?php include(TEMPLATEPATH."/config.inc.php");?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<script src="<?php bloginfo('template_url'); ?>/js/jquery-1.2.3.pack.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/theme.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/domtab.js'; ?>"></script>
<?php wp_head(); ?>
<title><?php wp_title(' '); ?><?php if(wp_title(' ', false)) { echo ' -'; } ?> <img src="logo.gif"></title>
</head>
<body>
<div class="container">
<div id="header">
<div id="headline">
<div id="headline_h1">
<?php if (is_home()) { ?>
<h1><a href="<?php echo get_option('home'); ?>" title="<?php _e('Home'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php
} else { ?>
<h2><a href="<?php echo get_option('home'); ?>" title="<?php _e('Home'); ?>"><?php bloginfo('name'); ?></a></h2>
<?php } ?>
Kevin
06-01-2008, 09:51 PM
dont worry, we'll get this sorted :)
All you have done is put the logo in the wrong place (you placed it in within the title tag)
Replace your code with this
<?php include(TEMPLATEPATH."/config.inc.php");?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<script src="<?php bloginfo('template_url'); ?>/js/jquery-1.2.3.pack.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/theme.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/domtab.js'; ?>"></script>
<?php wp_head(); ?>
<title><?php wp_title(' '); ?><?php if(wp_title(' ', false)) { echo ' -'; } ?></title>
</head>
<body>
<div class="container">
<div id="header">
<div id="headline">
<div id="headline_h1">
<?php if (is_home()) { ?>
<h1><a href="<?php echo get_option('home'); ?>" title="<?php _e('Home'); ?>"><img src="<?php bloginfo('template_url'); ?>/logo.gif" border="0" alt="<?php bloginfo('name'); ?>"></a></h1>
<?php
} else { ?>
<h2><a href="<?php echo get_option('home'); ?>" title="<?php _e('Home'); ?>"><img src="<?php bloginfo('template_url'); ?>/logo.gif" border="0" alt="<?php bloginfo('name'); ?>"></a></h2>
<?php } ?>
few things to note about the above
Here is the image code
<img src="<?php bloginfo('template_url'); ?>/logo.gif" border="0" alt="<?php bloginfo('name'); ?>">
1. If you want to keep things tidy, place the logo in the images folder and use src=<?php bloginfo('template_url'); ?>"/images/logo.gif"
2. Specify the width of the logo within the img tag ie. a logo which is 200 pixels wide and 50 pixels high would be
<img src="<?php bloginfo('template_url'); ?>/logo.gif" border="0" width="200" height="50" alt="<?php bloginfo('name'); ?>">
3. With regards to the code <?php bloginfo('name'); ?>, all this does is generate the name of your blog for the image. The alt tag will then show you the name of your blog when you scroll over the image.
Man I am just making things worse! Now I have my nav bar screwed up and the top is not resizing with the bottom. I think I am gonna quite while I am ahead and when I get some cash pay someone to fix this stuff. I am obviously over my head, Sorry for the hassle. Here is a pic of what is going wrong now. hopefully there is an easy fix.
Kevin
06-02-2008, 01:01 AM
it looks like your linking the image to the wrong location
At this point I would recommend placing the original header code back in and then editing it (and any other comment you have changed in the last few days)
worst comes to worst, I can get your login details and login and edit it myself :)
Yea that would be awesome! Would like to be up and running by tomorrow so I can start populating the site late tonight. If you send me an email I will forward the info to you. Let me know if I can pay you for your time. I also own a hot sauce company <http://www.scorpionbayhotsauce.com/> possibly I could send you a case of sauce!
Kevin
06-02-2008, 01:32 AM
no need for payment or a gift but i appreciate the gesture :)
I replied to your pm - im just heading to bed but I'll sort this tomorrow for you. You can go ahead and populate the blog, tomorrow ill get the design working (you can still add articles etc even if your design isnt ready:))
Kevin
06-02-2008, 01:30 PM
everything should be sorted now rob :)
Hi Kevin,
Thanks so much! You really went above and beyond! Let me know if you ever need a referral from a happy customer!
vBulletin® v3.8.3, Copyright ©2000-2012, Jelsoft Enterprises Ltd.