 |
|
|
Article Options |
|
[How To] Create HTML anchors using bbcode
by
20 Aug 2009
Rating:
 (2 votes
- 5.00 average) Overview HTML anchors are links that allow you to jump to a specific place within a document. This is very handy for long documents that have headings or other sections of interest to the reader. Typically, the top of the document contains a set of links to each section, and you need only to click one of those links to jump to the desired location on the page. Anchors would be just as useful in forums for those who want to make long posts, perhaps for tutorials, forum guidelines or similar types of posts. Since most, if not all vBulletin license holders do not allow HTML in their forums, here is way to create anchors using bbcode instead of HTML. Instructions First, you need to create two new bbcodes. Start by going to: Admin CP -> Custom BB Codes -> Add New BB Code Then fill in the relevant fields using these settings and parameters: Title: Anchor link Tag: jumpto Replacement: <a href="#{option}">{param}</a> Example: [jumpto=aname]This takes you to a new location within a post[/jumpto] Description: The [jumpto] tag allows you to jump to another location within a post, usually used for long posts with headings and/or sections of interest. This tag <b>must</b> be used in conjunction with the [aname] tag. One is not functional without the other. Use {option}: Yes Click Save Create another bbcode using these settings and parameters: Title: Named anchor link Tag: aname Replacement: <a name="{option}">{param}</a> Example: [aname=aname]This is where you jump to[/aname] Description: The [aname] tag is used in conjunction with the <a href="#jumpto">[jumpto]</a> tag. One is not functional without the other. Use {option}: Yes Click Save Implementation Wrap the [jumpto] tag around a link that will take the reader to another place within the post, as follows:
Then wrap the [aname] tag around the first word or phrase of the section you want the reader to jump to:
In the above two examples, change anchor1 to whatever name you choose for the link. (For example: if you are linking to a section called "Theory of Gravity", anchor1 could be called theory). They must both be identical in order to work correctly. And yes, you can use these same tags for "back to top" links. Wrap the following tags around the first word of the post:
And place this one in the appropriate part of the post where a reader would click it to jump back to the top:
|
||||||||||||||||
|
Views: 15349
|
||||||||||||||||
| Comments |
|
#2
04 Dec 2009, 06:53
|
||||
|
||||
|
thanks !!
No members have liked this post.
|
|
#3
28 Jul 2012, 01:03
|
||||||||
|
||||||||
|
For VB 4 on the Title: Anchor link
needs to be
rest is the same as above No members have liked this post.
|
||||||||
|
#4
25 Feb 2013, 17:55
|
||||
|
||||
|
I am a newbie in this world
I like those bbcode 
__________________
AdSense revenue sharing 100% - [ Hanan ] News, egypt : أخبار مصر - Photo, picture : صور No members have liked this post.
|
|
#5
26 Jan 2015, 05:17
|
||||||||
|
||||||||
|
Originally Posted by sub_ubi
What do you mean by {relpath} above?
__________________
No members have liked this post.
|
||||||||
|
#6
15 Feb 2015, 17:49
|
||||||||
|
||||||||
|
Relpath (relative path) sets the Forum Path to the Post/Blog adress and adds the" #anchor-name" after it.
For example, the result is:
If not...you will end up on the starting page with an error...like:
Sorry for my english, hope you're getting me. Btw...if you use the BBCode via the editor it will ask for "option"....this "option" is the anchor name or ID. You need to give it a name, otherwise it won't work. No members have liked this post.
Last edited by Duke49th; 15 Feb 2015 at 17:56.
|
||||||||
|
«
Previous Article
|
Next Article
»
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Article Options | |
|
|
| New To Site? | Need Help? |
All times are GMT. The time now is 17:29.
Powered by vBulletin® Version 3.8.14
Copyright © 2023, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright © 2023, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Design by Princeton
Copyright ©2001 - , vbulletin.org. All rights reserved.
vBulletin® is a registered trademark. 