SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Feb 2009
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to make navbar like these...

    should I use php, but people say it use DOM so the browser know where my posisition is

    I know a little about php, but what the hell DOM is..???

    example on attachments
    Attached Images Attached Images

  2. #2
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,806
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    PHP generates the output for the css to style and so would make no difference to dreating the navbar.
    DOM is Document Object Model and can be manipulated using Javascript.
    jQuery and Mootools are very common ways of using Javascript, have a look at them.

    The other thing to look at is CSS,
    http://www.pmob.co.uk/temp/tabmenu_mine2.htm#
    http://www.pmob.co.uk/temp/tabexample4.htm

    view the page source to see the coding.

    and for DOM:
    http://www.w3.org/DOM/
    http://en.wikipedia.org/wiki/Document_Object_Model

    Welcome to SitePoint
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....

  3. #3
    SitePoint Member
    Join Date
    Feb 2009
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thx spike

    so its really must be php ,

    and about DOM its only showing model of our html isnt? its really make me confuse I always think it was programming language

  4. #4
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,806
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    no, php is just one way of generating the HTML required. You could just write it out.

    The actual nav tabs are:
    Code:
     <div id="tab"><a class="current" href="#">Home</a> <a href="#">About us</a> 
        <a href="#">Contact</a> <a href="#">links </a></div>
    How you get to that is up to you, HTML, PHP, ASP or whatever.
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....

  5. #5
    SitePoint Zealot RogueScripts's Avatar
    Join Date
    Feb 2009
    Location
    California
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CSS. Get a wordpress template like those nav buttons, look at the code, and modify it with yours.
    Game Website Builder - Start Your Own Money Making Game Website
    Blogging For Money - Learn Profit Blogging
    Web Traffic Academy - Learn How To Get More Web Traffic


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
  •