WordPress.org

1. Family Guy
   Member
   Posted 1 month ago #

   Hello,

   I want to add links in different locations in my footer [left, center and right] http://i34.tinypic.com/352ns42.jpg

   That`s my CSS footer line:

   #footer {
   	background: #333333;
   	width: 960px;
   	height: 35px;
   	margin: 0px;
   	padding: 0px;
   	text-align: left;
   	}
   
   #footer p {
   	color: #FFFFFF;
   	font-size: 11px;
   	font-family: Arial, Tahoma, Verdana;
   	margin: 0px;
   	padding: 9px 0px 0px 0px;
   	}
   
   #footer a, #footer a:visited {
   	color: #333333;
   	text-decoration: none;
   	}
   
   #footer a:hover {
   	color: #333333;
   	text-decoration: underline;
   	}

   Thanks.

2. esmi
   Member
   Posted 1 month ago #

   As link to your site would be far more helpful. As would some more details - such as do you want to add 3 single links or 3 lists of links? And where will these links come from? Will they be hard coded into the footer or pulled from your WP Links?

3. Family Guy
   Member
   Posted 1 month ago #

   I want to add links manually by editing footer.php

   3 single links, one after another. href="link">Title | href="link">Title | href="link">Title, etc.

   Thanks.

4. Family Guy
   Member
   Posted 1 month ago #

   What`s up? :) umm is it even possible to do this?!

5. Family Guy
   Member
   Posted 1 month ago #

   I really wanna do this, since i got accepted in Adsense to ;)

6. notwiz
   Member
   Posted 1 month ago #

   Use nested floating divs inside the footer to place the links in the specific place.
   Ex:

   #mylinks { float: right; width: 400px; }

   Use margin properties to tune the exact location of the div.

7. Family Guy
   Member
   Posted 4 weeks ago #

   Hey, sorry for the delay..

   This is what i got http://i38.tinypic.com/2laymph.jpg

   I added the code to my Stylesheet like this:
   

   #footer {
   	background: #333333;
   	width: 960px;
   	height: 35px;
   	margin: 0px;
   	padding: 0px;
   	text-align: left;
   	}
   
   #mylinks { float: right; width: 400px; }
   
   #footer p {
   	color: #FFFFFF;
   	font-size: 11px;
   	font-family: Arial, Tahoma, Verdana;
   	margin: 0px;
   	padding: 9px 0px 0px 0px;
   	}
   
   #footer a, #footer a:visited {
   	color: #333333;
   	text-decoration: none;
   	}
   
   #footer a:hover {
   	color: #333333;
   	text-decoration: underline;
   	}

   And the code in footer like this:

   <div id="footer">
   	<p>
   <a href="http://wordpress.org" title="Powered by WordPress"><img src="http://ripwrz.com/wp-content/uploads/wordpress.png" alt="Powered by WordPress" width="24" height="24" /></a>
   
   <a href="http://twitter.com/RIPWRZ" target="_blank" title="Follow me on Twitter"><img src="http://ripwrz.com/wp-content/uploads/twitter.png" alt="Follow me on Twitter" width="24" height="24" /></a>
           </p>
   <div id="mylinks"><a href="http://twitter.com/RIPWRZ" target="_blank" title="Follow me on Twitter"><img src="http://ripwrz.com/wp-content/uploads/twitter.png" alt="Follow me on Twitter" width="24" height="24" /></a></div>
   </div>
   
   <?php do_action('wp_footer'); ?>

   What i`m doin wrong? :(

   Thanks alot.

8. Family Guy
   Member
   Posted 3 weeks ago #

   Hey. i still cant figure it out. im using WordPress version: 2.8.5 now btw.

   Please help,
   Thanks.

9. apljdi
   Member
   Posted 3 weeks ago #

   Provide a link to your site and your chances of getting this solved go way up.

Reply

You must log in to post.