Design simple footer design for your web site in photoshop.
In this tutorial I’ll design a simple footer for my website. I must say this is one simple and easy for design footer. But everything starts somewhere, somehow and in future I’ll show you more impressive and cool designs in the new templates I am planing.
But look at this video which I thing will be especially useful for the newbie WordPress theme users.
After you’ve watched this video you’ll probably want to know how’ Ive put this design in my web site. Well it’s very easy actually.
You know I have this PHP in my WordPress to work:
<?php get_footer(); ?>
The next I have the file called footer.php, in this file is written this:
<div id=”footer”><p>
Copyright © 2009 <a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a> powered by <a href=”http://wordpress.com/”>WordPress </a></p></div>
this footer have a class in my CSS style document which is called footer and here is the CSS I use for this:
This first is for my footer box with this image:
#footer{
background-image:url(images/footer/footer.jpg);
background-repeat:none;
clear: both;
float: left;
height:50px;
width: 950px;
padding-top:17px;
text-align:center;
}
and the next rows of CSS are for the text and his background and borders:
#footer p{
background: #eff5e7;
width: 400px;
height:10px;
padding-bottom: 10px;
border: 1px solid #bababa;
line-height:10px;
margin-left:auto;
margin-right:auto;
font-size:11px;
}
After this I have the design I did make in my video and in the next image:
I hope this tutorial will be in some use for you. If you have any suggesstions, questions or any replies feel free to comment.
Related Posts
No related posts found
I recently came across your blog and have been reading along. I thought I would leave my first comment. Nice post!
Thank you Elena for your nice comment. I am happy you read my blog recently.
I thing to continue in the same way, even better
realy love this blog post,can i bookmark you site,
)
Sure you can
Thanks for your comment. I am planing new theme tutorials soon.
Nice tutorial!You can see this video aswell .Thank you!
.-= Andreq´s last blog ..Section 8 Airsoft 28th February =-.
@Andreq:
Thank you.
I’m a newbie and like your humble style. Thanks for making this kind of thing available
Kate Brisbane´s last [type] ..Building inspections Brisbane – Building inspection Brisbane
I thought it was going to be some boring old post, but it really compensated for my time.Thank you so much
@Kate Brisbane:
@Betty Prevett:
You’re more than welcome. Glad that you like this.
nice post…thanks
Hi my friend! I want to say that this post is amazing, great written and come with approximately all significant infos. I would like to look extra posts like this .
@Kathey Spara:
Thank you very much Kathey, I am glad it has been useful for you..