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 &#169; 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

#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:

footertosee

I hope this tutorial will be in some use for you. If you have any suggesstions, questions or any replies feel free to comment.

VN:F [1.9.22_1171]
Rating: 4.5/10 (2 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)
Design simple footer design for your web site in photoshop., 4.5 out of 10 based on 2 ratings

12 Comments

  1. I recently came across your blog and have been reading along. I thought I would leave my first comment. Nice post!

    ReplyReply
    VA:F [1.9.22_1171]
    Rating: 0.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
  2. 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 :)

    ReplyReply
    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. realy love this blog post,can i bookmark you site, :))

    ReplyReply
    VA:F [1.9.22_1171]
    Rating: 0.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: +2 (from 2 votes)
  4. Sure you can :) Thanks for your comment. I am planing new theme tutorials soon.

    ReplyReply
    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  5. Nice tutorial!You can see this video aswell .Thank you!
    .-= Andreq´s last blog ..Section 8 Airsoft 28th February =-.

    ReplyReply
    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  6. @Andreq:

    Thank you.

    ReplyReply
    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  7. I’m a newbie and like your humble style. Thanks for making this kind of thing available 😎
    Kate Brisbane´s last blog post ..Building inspections Brisbane – Building inspection Brisbane

    ReplyReply
    VA:F [1.9.22_1171]
    Rating: 0.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
  8. I thought it was going to be some boring old post, but it really compensated for my time.Thank you so much

    ReplyReply
    VA:F [1.9.22_1171]
    Rating: 0.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
  9. @Kate Brisbane:

    @Betty Prevett:

    You’re more than welcome. Glad that you like this. 😉

    ReplyReply
    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  10. nice post…thanks :)

    ReplyReply
    VA:F [1.9.22_1171]
    Rating: 0.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  11. 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 .

    ReplyReply
    VA:F [1.9.22_1171]
    Rating: 0.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  12. @Kathey Spara:

    Thank you very much Kathey, I am glad it has been useful for you..

    ReplyReply
    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Leave a Reply

Your email address will not be published.

*

CommentLuv badge

© 2017 For better Designs

Theme by Anders NorenUp ↑

Get Adobe Flash player