SitePoint Sponsor

User Tag List

Results 1 to 25 of 32

Hybrid View

  1. #1
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation How to make Logo Push Little Down?

    hi friends

    can someone tell me? how i can make my logo little down! and Search box placement after the logo,

    Currently Search Engine is on top left

    www.toptensthings.com

    thanks, waiting

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,095
    Mentioned
    28 Post(s)
    Tagged
    1 Thread(s)
    Hey there,

    Remove the height on the header and use padding to space it out.
    Code:
    #header {
        background-color: #FFFFFF;
        padding: 30px 0; /* 30px above and below */
        
    }
    Because the h1 is floated left you should be able to stick #searchform after it floated left as well.

  3. #3
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by markbrown4 View Post
    Hey there,

    Remove the height on the header and use padding to space it out.
    Code:
    #header {
        background-color: #FFFFFF;
        padding: 30px 0; /* 30px above and below */
        
    }
    Because the h1 is floated left you should be able to stick #searchform after it floated left as well.
    i did the for logo,

    can you explain plz about search box , could not able to understand

    i need one more favour, if you can see toptensthings.com navigation, its in white color , i want to change navigation background to black, and text in White , and when mouse over to navigation, its shows light blue color; which matched color of logo.

    thanks

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,596
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by aliqayyum View Post
    i want to change navigation background to black, and text in White , and when mouse over to navigation, its shows light blue color
    Code:
    #nav2, #nav2 ul li a {background: black;}
    #nav2 a {color: #fff;}
    #nav2 li a:hover {background: #00afef;}

  5. #5
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Code:
    #nav2, #nav2 ul li a {background: black;}
    #nav2 a {color: #fff;}
    #nav2 li a:hover {background: #00afef;}
    sir when i mouse over to navigation, it is still showing me REd color, i want a blue color, thanks waiting , toptensthings.com

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,596
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    You haven't used the code I gave you!

  7. #7
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Go into default.css

    Go to where it gives the hover for #CC0000. It's on rule #nav2 li a:hover{}. REMOVE IT.

    It's overriding the blue color style. That's why it's red .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Sorry but the search bar up top, along with the subscribe, has white background and black text.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  9. #9
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Sorry but the search bar up top, along with the subscribe, has white background and black text.
    yeah thanks, before i was having cashe problem , all looks so amazed

    thanks again

  10. #10
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,596
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Cool. If you want to keep that Home button but change its color too, try this:

    Code:
    #nav #nav1 li a {color: white; background: black;}
    #nav #nav1 li a:hover {color: white; background: #00AFEF;}

  11. #11
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    [QUOTE=ralph.m;5059812]Cool. If you want to keep that Home button but change its color too, try this:

    thanks, now looks all perfect at header

    for matching one more thing

    http://www.toptensthings.com/2012/02...-of-the-world/

    you can see "Categorized | Top 10, Travel" as well background light red right

    it should be white background, black border , and hyper link in blue , text color in black sir
    last thing

  12. #12
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Cache* FYI, and you're welcome . Feel free to ask anymore questions in a new thread, should they arise.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •