Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Post-Kicker, -Byline & -Footer »

[SOLVED] Beautiful footer


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Sep 12, 2010, 03:28 AM
Budun's Avatar
Budun
 
254 posts · Apr 2010
Tick [SOLVED] Beautiful footer

Hi
Sorry for bad English
Help please
I'm trying to simulate a footer site
But I have problems
This is my site
wordpress-2.9.2
Atahualpa - version 3.5.2

Use the settings
PHP Code:
<footer><div id="footer-inner"><section id="things-i-do"><div class="thing-i-do"
<
a href="http://wufoo.com"><h5>I work for...</h5><div id="thing-wufoo">Wufoo is an online form builder that makes building even the most complex forms
so easy
it's fun!</div> </a></div><div class="thing-i-do"> 
<a href="http://digwp.com"><h5>Book I co-authored...</h5><div id="thing-digwp">Digging Into WordPress is a book and blog I co-author with Jeff Starr about the world'
#1 publishing platform.</div> </a></div>
<div class="thing-i-do"> <a href="http://quotesondesign.com"><h5>Words I collect...</h5><div id="thing-qod">Quotes on Design is a collection of design related quotesWith an API for your integration ideas!</div
</
a></div></section><div id="author-footer"><h4>About the Author</h4><p
<
a href="http://chriscoyier.net">Chris Coyier</ais a web designer living
in Tampa
FLHe loves old time fiddle musicepisodic television,
building <a href="http://html-ipsum.com/">little useful websites</a>, and <a href="/bookshelf/">tech books</a>.
You may <a href="/contact/">contact him</a>.</p><p id="social-icons"
<
a id="icon-delicious" href="http://delicious.com/chriscoyier">Delicious</a
<
a id="icon-twitter" href="http://twitter.com/chriscoyier">Twitter</a
<
a id="icon-flickr" href="http://www.flickr.com/photos/chriscoyier/">Flickr</a
<
a id="icon-forrst" href="http://forrst.com/people/chriscoyier/posts">Forrst</a> <a id="icon-facebook" href="http://www.facebook.com/CSSTricks">Facebook</a
<
a id="icon-grooveshark" href="http://listen.grooveshark.com/#/user/chriscoyier/">Grooveshark</a></p>
<
h4>Subscribe!</h4><ul id="subscribe-list"><li><a href="http://feeds.feedburner.com/CssTricks">Articles Feed</a></li>
<
li><a href="http://feeds.feedburner.com/CSS-TricksSnippets">Snippets Feed</a></li>
<
li><a href="http://feedburner.google.com/fb/a/mailverify?uri=CssTricks&amp;loc=en_US">Posts by Email</a></li>
<
li><a href="http://feeds.feedburner.com/CSS-Tricks-Forums">Forums Feed</a></li>
<
li><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=273881728">iTunes Large</a></li>
<
li><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=299818542">iTunes Mobile</a></li>
<
li><a href="http://feeds.feedburner.com/CSS-Tricks-Screencasts">Screencast Large</a></li>
<
li><a href="http://feeds.feedburner.com/CSS-Tricks-Screencasts-iPhone">Screencast Mobile</a></li></ul></div></div></footer

CSS
PHP Code:
footer {
backgroundurl(http://cdn.css-tricks.com/wp-content/themes/CSS-Tricks-7/images/css-tricks.png) no-repeat -10px -1254px;
background-imageurl(http://cdn.css-tricks.com/wp-content/themes/CSS-Tricks-7/images/css-tricks.png);
background-repeat-xno-repeat;
background-repeat-yno-repeat;
background-attachmentinitial;
background-position-x: -10px;
background-position-y: -1254px;
background-origininitial;
background-clipinitial;
background-colorinitial;
height276px;
positionrelative;
width100%;
}
articleasidefigurefooterheaderhgroupmenunavsection {
displayblock;
}
* {
margin0px;
margin-top0px;
margin-right0px;
margin-bottom0px;
margin-left0px;
padding0px;
padding-top0px;
padding-right0px;
padding-bottom0px;
padding-left0px;
}
articleasidefooterheaderhgroupnavsection {
displayblock;
}
Inherited from body.home.blog
body 
{
color#41403F;
fontnormal normal normal 13px/1.3 Verdana'Lucida Grande'ArialHelveticasans-serif;
orphans2;
}
Pseudo ::selection element
::selection {
background#FFCC89;
background-imageinitial;
background-repeat-xinitial;
background-repeat-yinitial;
background-attachmentinitial;
background-position-xinitial;
background-position-yinitial;
background-origininitial;
background-clipinitial;
background-color#FFCC89;
color#222;


Last edited by Budun; Sep 12, 2010 at 03:34 AM.
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Replacing footer with default footer? (WP polls problem) moomum Plugins & Atahualpa 9 Sep 8, 2010 10:10 AM
Footer - How can I edit the text in the footer to remove "powered by Wordpress"? unadoyle Post-Kicker, -Byline & -Footer 1 Sep 2, 2010 02:37 PM
[SOLVED] HELP! Comments, Comment Footer, Footer, SideBar GONE! frgvn Comments, trackbacks & pings 1 Feb 28, 2010 02:58 AM
[SOLVED] Footer shows even though Atahualpa footer is empty tinroofrusted Post-Kicker, -Byline & -Footer 1 Feb 19, 2010 09:22 AM
[SOLVED] Footer: How to add line break in footer text StudioGal Post-Kicker, -Byline & -Footer 2 Oct 9, 2009 06:41 AM


All times are GMT -6. The time now is 08:03 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.