Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] Formatting custom links in header


  #1  
Old Sep 30, 2009, 03:50 PM
jlampka
 
3 posts · Sep 2009
Hello.

I very much like the Atahualpa theme and I'm almost done customizing it for my blog http://www.financeisland.com/blog/. I added links to external sites in the header using post #36 in this thread: http://forum.bytesforall.com/showthr...p?t=103&page=2.

One last change I would like to make is to make one of these links ("Blog"), which is actually the blog, not a link but still a tab. And I would like to format this tab to look exactly as the other tabs but with a different background and font color and without any format changes on hover.

I got it so far to make the tab "Blog" a green font but other formatting doesn't seem to work. Here is the code for this particular section in bfa_header_config.php:

HTML Code:
$page_menu_bar .='
<li><a href="http://www.financeisland.com/home.jsp">FinanceIsland Home</a></li>
<li><a href="http://www.financeisland.com/tools.jsp">Finance tools</a></li>
<li><a href="http://www.financeisland.com/KnowHow.jsp">How-to's</a></li>
<li>
<font color="#00FF00">
Blog
</font>
</li>
<li><a href="http://www.financeisland.com/company.jsp">Company</a></li>
';
$page_menu_bar .= '</ul></div>' . "\n";
I would appreciate any tips to get this formatting done. I searched the forum but couldn't find a solution yet.

By the way, I'm using WordPress 2.8.4 and Atahualpa 3.4.3.

Jack

Last edited by juggledad; Sep 30, 2009 at 06:03 PM.
  #2  
Old Sep 30, 2009, 06:05 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try this
HTML Code:
$page_menu_bar .='
<li><a href="http://www.financeisland.com/home.jsp">FinanceIsland Home</a></li>
<li><a href="http://www.financeisland.com/tools.jsp">Finance tools</a></li>
<li><a href="http://www.financeisland.com/KnowHow.jsp">How-to's</a></li>
<li id="my_blog_tab><a href="#"> Blog </a></li>
<li><a href="http://www.financeisland.com/company.jsp">Company</a></li>
';
$page_menu_bar .= '</ul></div>' . "\n";
then use a CSS Insert to control the color
HTML Code:
li#myblog_tab {
    color: green;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 1, 2009, 01:51 AM
jlampka
 
3 posts · Sep 2009
Thanks, juggledad.

This didn't work first, but after fixing some syntax errors I almost got it how I want it to be. Since I didn't want the tab "Blog" to be a link, I have now in bfa_header_config.php the following:

$page_menu_bar .='
<li><a href="http://www.financeisland.com/home.jsp">FinanceIsland Home</a></li>
<li><a href="http://www.financeisland.com/tools.jsp">Finance tools</a></li>
<li><a href="http://www.financeisland.com/KnowHow.jsp">How-to&#39s</a></li>
<li id="my_blog_tab">Blog</li>
<li><a href="http://www.financeisland.com/company.jsp">Company</a></li>
';

And I added the following CSS inserts:

li#my_blog_tab {
color: #FF0000;
background: #000080;
font-family: Arial, sans-serif;
font-size: 11px;
text-align: center;
padding: 4px 5px;
margin: 0;
}

What is still not working is the background color. I would expect this to be dark blue (000080) based on the CSS insert above, but it's white. I also tried all possible syntax for the background color

background-color: #000080;
background: #000080;
bgcolor: #000080;

but none of them work.

Any ideas why the background color is not shown as defined?

Jack
  #4  
Old Oct 1, 2009, 04:38 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try changing it to
HTML Code:
background: #000080 !important;
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Oct 2, 2009, 02:27 AM
jlampka
 
3 posts · Sep 2009
Thanks, juggledad. This worked. Greetings from PayPal. ;-)

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Custom links IN header image mkny13 Header configuration & styling 7 Jul 21, 2009 11:13 AM
Adding sidebar links outside of the blogroll (with formatting matching the sidebar) Flur Sidebars & Widgets 8 Jul 21, 2009 10:50 AM
Wondering if anyone has added custom links to logo header. Kendra Header configuration & styling 1 Apr 24, 2009 08:11 PM
Custom Header - Inserting HTML table and links over header. hotsauce Header configuration & styling 2 Apr 9, 2009 05:56 AM
Formatting Links in widgets HenryGomez Sidebars & Widgets 1 Feb 2, 2009 10:18 PM


All times are GMT -6. The time now is 04:41 AM.


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