Need help? Check out our Support site, then


Page Buttons

  1. How's it going...I'm using the Benevolence theme and I have the CSS upgrade as well. I would like to add some page buttons near the header. Here's the link to my blog... C'est La Vie

    Thanks!

  2. Well, I'd suggest you to try creating an element in a text widget with your menu, give it and ID or a class name and position it with CSS.

  3. ohh cool. I'll give that a try. Thanks for the help :)

  4. hey Devblog, is there any way you can show me an example of how the coding should look like? Sorry if thats asking for too much. Thanks!

  5. n/m.... I figured it out. Thanks again for all your ehlp.

  6. Edit: I was writing my example while you wrote your second message, so I'm deleting it. Glad you figured it out.

    Cheers!

  7. Oh, my bad, thanks again man.

  8. Just use the selector # whatever a:hover {go funky}

  9. oh yeah, is there a chance that you can show me an example of the coding?

  10. Not much I am afraid:)

  11. what effect do you want to achieve? just change the text color?

  12. Yeah, I would like the page tabs to have a mouse over effect. I'm not sure how to get it to work on here. Is it easier to do it with images or plain text? and if text...how could I position the text to b above the header and apply a hover color? sorry if this is asking for too much. Thanks again!!

  13. Well, the example I deleted above was exactly how I'm going to suggest you do it. You can take it from there.

    In your text widget create the elements:

    <div id="mymenubar">
    	<ul>
    		<li><a href='[YourPathHere]'>Home</a></li>
    		<li><a href='[YourPathHere]'>MySapce</a></li>
    		<li><a href='[YourPathHere]'>Contact</a></li>
    	</ul>
    </div>

    In your CSS give them their properties:

    #mymenubar{
        /*position of your menu. it should be absolute, like you did with your images*/
    	/*other properties you may want your element to have*/
    }
    
    #mymenubar ul{
    	list-style: none;
    	position: relative;
    	/*other properties you may want your element to have*/
    }
    
    #mymenubar ul li{
        display: inline;
    	/*other properties you may want your element to have*/
    }
    
    #mymenubar ul li a{
    	color: [color you want for your links]
    	/*other properties you may want your element to have*/
    }
    
    #menubar ul li a:hover{
    	color: [color you want for your links when hovered]
    	/*other properties you may want your element to have*/
    }

    Since you have the CSS upgrade, I'd suggest you to manipulate your menu with the linked CSS, not inline style (like you did with your images).

    HTH

  14. Thank you so much Dev. I'm going to work on this right now... :D

    .Ray

  15. Here's how the coding in the css is looking. Not sure if I did it right...it's not showing up on the page though.

    #mymenubar{
    margin-left:0;
    position:absolute;
    margin-top:-29px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9pt;

    }

    #mymenubar ul{
    list-style: none;
    position: relative;

    }

    #mymenubar ul li{
    display: inline;

    }

    #mymenubar ul li a{
    color:#fff;

    }

    #menubar ul li a:hover{
    color:#588526;

    }

  16. I don't see #mymenubar defined anywhere in your CSS...

    Edit My lunch break is about to end, so make sure you saved your CSS. Keep trying, if you still have problems, I'll take a look at it once I get home.

  17. ohh, I'm not that familiar with css...i'm surprise i got this far u know. sorry for all the newb question. not sure how i can define it.

  18. When I add the div id and go to save the changes...the div id is no longer in the coding. is there a reason why that is happening?

  19. it seems that the wp software strips the ids out... well, let's try something different:

    Instead of using and id, use a class. Change the code so that it'll read like this:

    <div class="mymenubar">
    	<ul>
    		<li><a href='[YourPathHere]'>Home</a></li>
    		<li><a href='[YourPathHere]'>MySapce</a></li>
    		<li><a href='[YourPathHere]'>Contact</a></li>
    	</ul>
    </div>

    And your CSS like this:

    .mymenubar{
    margin-left:0;
    position:absolute;
    margin-top:-29px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9pt;
    
    }
    
    .mymenubar ul{
    list-style: none;
    position: relative;
    
    }
    
    .mymenubar ul li{
    display: inline;
    
    }
    
    .mymenubar ul li a{
    color:#fff;
    
    }
    
    .menubar ul li a:hover{
    color:#588526;
    
    }

    Try that.

    You define your CSS in the 'Edit CSS' page in admin area, right?

    If you still have problems, I'll take a look at it when I get home.

  20. dAmn Dev...your the man!! It works, the mouse over color change effect isn't working but i'll keep playing with that. Thank you so much for all of your help. I really appreciate it. I'm glad ithe links are up and running. Thanks!

    .Ray

  21. Ray,

    By looking at your source code, I see this:

    <li><a href='http://thisislavie.wordpress.com'><font color="#ffffff"> Home </a></font></li>

    Why did you add the <font> tag there? that:

    a) defeats the purpose of styling the text through CSS
    b) is deprecated and its use is frowned upon.

    I'd suggest you to remove that tag; if you do it, then the hover effect should work.

    HTH

  22. Dev,

    When I remove the code...the text appears black for some reason. and I have the a link set at #FFFFFF and hover set at #588526

  23. Okay, I'll look at it. Gimme a couple of minutes

  24. cool thanks. dude, your a life saver!!

  25. where are you adding the new CSS? like in the middle or at the very bottom of the code?

    If it's in the 'middle' move it to the bottom, if that still doesn't work, try this:

    .mymenubar ul li{color: #fff;}
    
    .mymenubar ul li a{
    color:#fff !important;
    
    }
    
    .menubar ul li a:hover{
    color:#588526 !important;
    
    }

    Notice that I added .mymenubar ul li{color: #fff;} so that you get rid of those other font tags.

    Lemme know.

  26. yeah, the coding is at the bottom. I'm going to give this a try. I'll let u know. Thank u again!!!

  27. yeah it's stil trippin, I'm just going to leave it how it is....I dunno y the hover color isn't changing. it's staying white and adding a dash underline like my other links. The links are all bunched up. It's cool though dude, I feel like I'm being a headache u know. I dunno why it's acting up.

  28. man, that's freaking weird!

    No worries. You're not... I really don't understand why those things are behaving that way...

    What did you change that now the links are bunched up?

  29. I know. I changed it to what u posted and that's what happend. It's so wierd!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.