The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    When click on dropdown bar link, open it to new tab?

    Mr. Eddster
    Mr. Eddster
    Forumember


    Male Posts : 382
    Reputation : 7
    Language : English

    Solved When click on dropdown bar link, open it to new tab?

    Post by Mr. Eddster Sat 2 Mar - 0:13

    OK So when people are using the dropdown navbar, and they click on a link, i want it to open up in a new tab, not stay on the same window.
    Like what is happening, when i click on a link in the dropdown bar on my homepage, it goes to that page, but then i dont have my homepage anymore.
    Long story short, is there a way so that when my users click on a link in the dropdown bar, that it opens up a new tab?
    Its not a browser issue, because i have my settings on "open in new link"
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: When click on dropdown bar link, open it to new tab?

    Post by Sanket Sat 2 Mar - 4:34

    What code are you using there?
    Mr. Eddster
    Mr. Eddster
    Forumember


    Male Posts : 382
    Reputation : 7
    Language : English

    Solved Re: When click on dropdown bar link, open it to new tab?

    Post by Mr. Eddster Sat 2 Mar - 5:24

    Sanket wrote:What code are you using there?
    I don't know what u mean Sad
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: When click on dropdown bar link, open it to new tab?

    Post by Sanket Sat 2 Mar - 5:36

    The dropdown navbar, you added some html code?

    Whats your forum URL?
    Cassius Dio
    Cassius Dio
    Forumember


    Male Posts : 581
    Reputation : 79
    Language : Romanian &English
    Location : Yellow Submarine

    Solved Re: When click on dropdown bar link, open it to new tab?

    Post by Cassius Dio Sat 2 Mar - 10:27

    Hi! Very Happy

    You can do this thing adding an target="_blank" attribute to <a> tag. Please provide the informations about Sanket told you above. Thanks.
    Mr. Eddster
    Mr. Eddster
    Forumember


    Male Posts : 382
    Reputation : 7
    Language : English

    Solved Re: When click on dropdown bar link, open it to new tab?

    Post by Mr. Eddster Sat 2 Mar - 21:29

    Sanket wrote:The dropdown navbar, you added some html code?

    Whats your forum URL?
    I added this code to my overall_header template:
    Code:
     
    [list]

               
               
    [*][url=http://sports-forumbuzz.canadian-forum.com/]Home[/url]
               
               
    [*]
                    [url=http://help.forumotion.com/#]Twitter[/url]
    [list]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/h1-nhl-insiders]NHL Insiders[/url]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/h3-nhl-sports-accounts]NHL and Sports Accounts[/url]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/h4-our-nhl-teams]Our NHL Teams[/url]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/h2-users-tweets]User Tweets[/url]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/h5-mlb-stuff]MLB Stuff[/url]
           
    [/list]
                </li>
                 
    [*][url=http://sports-forumbuzz.canadian-forum.com/memberlist]Members[/url]
               
                 
    [*]
                    [url=http://www.nhl.com/]NHL Stuff[/url]
    [list]
                       
    [*][url=http://www.nhl.com/ice/scores.htm#?navid=nav-scr-main]Today's NHL Scores[/url]
                       
    [*][url=http://www.nhl.com/ice/standings.htm#?navid=nav-stn-main]NHL Division Standings[/url]

                       
    [*][url=http://www.nhl.com/ice/standings.htm?season=20122013&type=CON]NHL Conference Standings[/url]
                       
    [*][url=http://www.nhl.com/ice/statshome.htm#?navid=nav-sts-main]NHL Player Stats[/url]
                       
    [*][url=http://www.tsn.ca]TSN[/url]
                   
    [/list]
                  </li>
                 
               
    [*]
                    [url=http://www.capgeek.com/]Cap Central[/url]
    [list]
                       
    [*][url=http://www.capgeek.com/free-agents/]Upcoming UFA's[/url]
                       
    [*][url=http://www.capgeek.com/free-agents/?year_id=2013&team_id=-1&position_id=-1&fa_type_id=1]Upcoming RFA's[/url]
                       
    [*][url=http://www.capgeek.com/flyers]Flyers Salary Chart[/url]
                       
    [*][url=http://www.capgeek.com/devils]Devils Salary Chart[/url]

                       
    [*][url=http://www.capgeek.com/rangers]Rangers Salary Chart[/url]
                       
    [*][url=http://www.capgeek.com/sabres]Sabres Salary Chart[/url]
                       
    [*][url=http://www.capgeek.com/mapleleafs]Leafs Salary Chart[/url]
                       
    [*][url=http://www.capgeek.com/canucks]Canucks Salary Chart[/url]
                       
    [*][url=http://www.capgeek.com/oilers]Oilers Salary Chart[/url]
                       
    [*][url=http://www.capgeek.com/sharks]Sharks Salary Chart[/url]
                       
    [*][url=http://www.capgeek.com/kings]Kings Salary Chart[/url]
                     
    [/list]
                  </li>
                 
                   
    [*]
                    [url=http://www.nhl.com/]Our Teams[/url]
    [list]
                       
    [*][url=http://flyers.nhl.com/club/stats.htm]Flyers Stats[/url]
                       
    [*][url=http://flyers.nhl.com/club/schedule.htm?season=20122013&gameType=2]Flyers Schedule[/url]

                       
    [*][url=http://sabres.nhl.com/club/stats.htm]Sabres Stats[/url]
                       
    [*][url=http://sabres.nhl.com/club/schedule.htm?season=20122013&gameType=2]Sabres Schedule[/url]
                       
    [*][url=http://mapleleafs.nhl.com/club/stats.htm]Leafs Stats[/url]
                       
    [*][url=http://mapleleafs.nhl.com/club/schedule.htm?season=20122013&gameType=2]Leafs Schedule[/url]
                       
    [*][url=http://devils.nhl.com/club/stats.htm]Devils Stats[/url]
                       
    [*][url=http://devils.nhl.com/club/schedule.htm?season=20122013&gameType=2]Devils Schedule[/url]
                       
    [*][url=http://rangers.nhl.com/club/stats.htm]Rangers Stats[/url]
                       
    [*][url=http://rangers.nhl.com/club/schedule.htm?season=20122013&gameType=2]Rangers Schedule[/url]
                       
    [*][url=http://canucks.nhl.com/club/stats.htm]Canucks Stats[/url]
                       
    [*][url=http://canucks.nhl.com/club/schedule.htm?season=20122013&gameType=2]Canucks Schedule[/url]
                       
    [*][url=http://sharks.nhl.com/club/stats.htm]Sharks Stats[/url]
                       
    [*][url=http://sharks.nhl.com/club/schedule.htm?season=20122013&gameType=2]Sharks Schedule[/url]
                       
    [*][url=http://oilers.nhl.com/club/stats.htm]Oilers Stats[/url]
                       
    [*][url=http://oilers.nhl.com/club/schedule.htm?season=20122013&gameType=2]Oilers Schedule[/url]
                       
    [*][url=http://ducks.nhl.com/club/stats.htm]Ducks Stats[/url]
                       
    [*][url=http://ducks.nhl.com/club/schedule.htm?season=20122013&gameType=2]Ducks Schedule[/url]
                     
    [/list]
                  </li>
                 
                   
    [*]
                      [url=http://help.forumotion.com/#]Other[/url]
    [list]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/privmsg?folder=inbox]Inbox[/url]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/privmsg?mode=post]Send a PM[/url]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/profile?mode=editprofile&page_profil=avatars]Edit Avatar[/url]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/profile?mode=editprofile&page_profil=signature]Edit Signature[/url]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/statistics]Site Statistics[/url]
                       
    [*][url=http://sports-forumbuzz.canadian-forum.com/login?logout=1]Log Out[/url]
                     
    [/list]
                  </li>
                   
    [/list]
    This is the code i added to my CSS:
    Code:
    ul.topnav {
      list-style: none;
      padding: 0 140px; 
      margin: 0;
      float: left;
      width: 665px;
      background: #000000;
      font-size: 1.3em;
      background: url(http://i43.servimg.com/u/f43/14/73/12/96/topnav10.gif) repeat-x;
    }
    ul.topnav li {
      float: left;
      margin: 0; 
      padding: 0 11.5px 0 0;
      position: relative; /*--Declare X and Y axis base--*/
    }
    ul.topnav li a:hover{
      background: url(http://i43.servimg.com/u/f43/14/73/12/96/topnav11.gif) no-repeat center top;
    }
    ul.topnav li a{
      padding: 10px 5px;
      color: #ffffff;
      display: block;
      text-decoration: none;
      float: left;
    }
    ul.topnav li span { /*--Drop down trigger styles--*/
      width: 15px;
      height: 35px;
      float: left;
      background: url(http://i43.servimg.com/u/f43/14/73/12/96/subnav10.gif) no-repeat center top;
    }
    ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}

    /*--Hover effect for trigger--*/
    ul.topnav li ul.subnav {
      list-style: none;
      position: absolute;
      left: 0; top: 35px;
      background: #ffffff;
      margin: 0; padding: 0;
      display: none;
      float: left;
      width: 170px;
      -webkit-border-bottom-right-radius: 05px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 05px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-right-radius: 05px;
      border-bottom-left-radius: 5px;
      border: 1px solid #000000;
    }
    ul.topnav li ul.subnav li{
      margin: 0; padding: 0;
      border-top: 1px solid #252525;
      border-bottom: 1px solid #252525;
      clear: both;
      width: 170px;
      -webkit-border-bottom-right-radius: 05px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 05px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-right-radius: 05px;
      border-bottom-left-radius: 5px;
    }
    html ul.topnav li ul.subnav li a {
      float: left;
      width: 145px;
      background: #ffffff url(http://www.ccohs.ca/images/blue_arrow.gif) no-repeat 0.5px center;
      padding-left: 20px;
    }
    html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
      background: #ffffff url(http://www.ccohs.ca/images/blue_arrow.gif) no-repeat 0.5px center;
    }
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: When click on dropdown bar link, open it to new tab?

    Post by Sanket Sun 3 Mar - 4:45

    Instead of the bbcode you are using for links.
    You could use this.
    Code:
    <a href="http://sports-forumbuzz.canadian-forum.com" target="_blank">Home</a>
    Mr. Eddster
    Mr. Eddster
    Forumember


    Male Posts : 382
    Reputation : 7
    Language : English

    Solved Re: When click on dropdown bar link, open it to new tab?

    Post by Mr. Eddster Sun 3 Mar - 5:00

    Sanket wrote:Instead of the bbcode you are using for links.
    You could use this.
    Code:
    [url=http://sports-forumbuzz.canadian-forum.com]Home[/url]
    Thank you very much Sanket! This is solved! Much tanks! Very Happy
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: When click on dropdown bar link, open it to new tab?

    Post by Sanket Sun 3 Mar - 5:03

    Topic Solved & Locked

      Current date/time is Sun 22 Sep - 22:39