Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Post-Kicker, -Byline & -Footer (http://forum.bytesforall.com/forumdisplay.php?f=17)
-   -   [SOLVED] Beautiful footer (http://forum.bytesforall.com/showthread.php?t=9584)

Budun Sep 12, 2010 03:28 AM

[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;



lmilesw Sep 12, 2010 04:29 PM

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.

Budun Sep 12, 2010 05:26 PM

Please detail how to add the Add New Widget Areas

lmilesw Sep 12, 2010 08:59 PM

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

Budun Oct 1, 2010 08:44 PM

I did as you showed. Image 1
http://www.imghost.in/images/tuzy182pqxut5dp124.jpg

Get the result. Image 2
http://www.imghost.in/images/nksfqjr1asksbz68qmxx.jpg

Widget results. Image 3
http://www.imghost.in/images/avkrntx5bt5ivxfjvoia.jpg

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

lmilesw Oct 1, 2010 10:31 PM

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

Budun Oct 2, 2010 04:28 AM

I can not
I will give a login and password. Help. Please


All times are GMT -6. The time now is 06:25 AM.

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