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
  #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.
  #2  
Old Sep 12, 2010, 04:29 PM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
To create a footer like you want my thought would be to create a three celled widget area in the footer per the instructions in ATO>Add New Widget Areas and use widgets to add the content to the three areas.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Sep 12, 2010, 05:26 PM
Budun's Avatar
Budun
 
254 posts · Apr 2010
Please detail how to add the Add New Widget Areas
  #4  
Old Sep 12, 2010, 08:59 PM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
You would add code similar to the following in ATO>Style & edit Footer.
HTML Code:
<?php bfa_widget_area('name=Footer widget  area&cells=3&align=1&before_widget=<div  id="%1$s" class="header-widget  %2$s">&after_widget=</div>'); ?>
You would change the number of cells, align, and width settings as necessary. The information on the various configuration options are in ATO>Add New Widget Areas
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Oct 1, 2010, 08:44 PM
Budun's Avatar
Budun
 
254 posts · Apr 2010
I did as you showed. Image 1


Get the result. Image 2


Widget results. Image 3


The site of that does not show does not appear !!??? Website
Thank you

Last edited by Budun; Oct 1, 2010 at 08:52 PM.
  #6  
Old Oct 1, 2010, 10:31 PM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
I should have been more precise. You need to add the code to ATO>Style & edit Footer>Footer Content. You added it to a style box which will not work. You should do the following.
  1. Remove the code from the Style box
  2. Delete the custom widget areas by checking the boxes and hitting the delete button
  3. Add the code to the Footer Content box
  4. View and refresh the site a couple of times
  5. Add widgets to new widget areas
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

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 07:30 PM.


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