The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by Mr. Eddster on March 2nd 2013, 12:13 am

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"

Mr. Eddster
Forumember

Male Posts : 382
Reputation : 7
Language : English

http://sports-forumbuzz.canadian-forum.com/

Back to top Go down

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

Post by Sanket on March 2nd 2013, 4:34 am

What code are you using there?

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by Mr. Eddster on March 2nd 2013, 5:24 am

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

Mr. Eddster
Forumember

Male Posts : 382
Reputation : 7
Language : English

http://sports-forumbuzz.canadian-forum.com/

Back to top Go down

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

Post by Sanket on March 2nd 2013, 5:36 am

The dropdown navbar, you added some html code?

Whats your forum URL?

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by Cassius Dio on March 2nd 2013, 10:27 am

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.

Cassius Dio
Forumember

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

http://beatles.forummo.com/

Back to top Go down

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

Post by Mr. Eddster on March 2nd 2013, 9:29 pm

@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;
}

Mr. Eddster
Forumember

Male Posts : 382
Reputation : 7
Language : English

http://sports-forumbuzz.canadian-forum.com/

Back to top Go down

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

Post by Sanket on March 3rd 2013, 4:45 am

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>

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by Mr. Eddster on March 3rd 2013, 5:00 am

@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

Mr. Eddster
Forumember

Male Posts : 382
Reputation : 7
Language : English

http://sports-forumbuzz.canadian-forum.com/

Back to top Go down

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

Post by Sanket on March 3rd 2013, 5:03 am

Topic Solved & Locked

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum