Two Column Bookmarks

Two Column Bookmarks

Mod Version: 1.00, by kuzcos

vB Version: 4.1.10	Rating: (0 vote - 0 average)	Installs: 3
Released: 26 Jan 2012	Last Update: Never	Downloads: 0
Not Supported Template Edits Re-usable Code Translations

This will have your bookmarks area turn into two columns along with multiple codes & images below.

Firstly you can see the images of what it will look like here:

OK, if this is what you want follow this tutorial.

INSTALLATION:

Step 1)

Login to your admin control panel

Step 2)

Drop down the "Styles & Templates" tab.

Step 3)

Select Style Manager

Step 4)

Select the template(s) you would like this to be on.

Step 5)

Where "Style Variable Editor" is select "Edit Templates", and it should automatically load.

Step 6)

Scroll down and double click on the item that says "Show Thread Templates".

Step 7)

Select "SHOWTHREAD".

Step 8)

Find the word "bookmark" in your document which should lead you to:

Code:

<vb:if condition="$bookmarksites">
		<div class="options_block2">
			<h4 class="blockhead options_correct">{vb:rawphrase bookmarks}</h4>
			<div id="social_bookmarks_list" class="thread_info_block blockbody formcontrols floatcontainer options_correct">
				<h5 class="blocksubhead">{vb:rawphrase bookmarks}</h5>

Below that will be your bookmarks <ul> list.

Step 9)

Replace this code:

Code:

<ul class="icon_list">{vb:raw bookmarksites}</ul>

with:

Code:

<table>
				<tr><td>{vb:raw bookmarksites}<td></tr>
                                </table>

Step 10)

Save the template and continue to edit the "showthread_bookmarksite" template.

Step 11)

Insert

Code:

<style type="text/css">
.smallfont
{
  width:46% !important;
}
</style>

At the top above the:

Code:

<li class="smallfont">

code.

Step 12)

Save the template.

Step 13)

Add any social bookmarking sites you would like.

BOOKMARKS

Here is a list of the ones I have:

Facebook:

Code:

http://www.facebook.com/share.php?u={URL}&amp;title={TITLE}

Twitter:

Code:

http://twitter.com/home?status={URL}

Reddit:

Code:

http://reddit.com/submit?url={URL}&amp;title={TITLE}

Slashdot:

Code:

http://slashdot.org/bookmark.pl?title={TITLE}&amp;url={URL}

Technorati:

Code:

http://technorati.com/faves/?add={URL}

Mister Wong:

Code:

http://www.mister-wong.de/index.php?action=addurl&amp;bm_url={URL}&amp;bm_description={TITLE}

Diigo:

Code:

http://www.diigo.com/sign-in?referInfo={URL}&amp;title={TITLE}

LinkedIn:

Code:

http://www.linkedin.com/shareArticle?mini=true&amp;url={URL}

Fark:

Code:

http://cgi.fark.com/cgi/fark/farkit.pl?h={TITLE}&amp;u={URL}

Tumblr:

Code:

http://www.tumblr.com/share?v=3&amp;u={URL}&amp;t={TITLE}

You can find most of the images attached to this thread at the bottom.

For the ones that weren't able to be attached you can get them here:

http://forum.kuzcos.com/images/misc/bookmark_facebook.ico

http://forum.kuzcos.com/images/misc/bookmark_twitter.ico

http://forum.kuzcos.com/images/misc/bookmark_slashdot.ico

http://forum.kuzcos.com/images/misc/bookmark_technoroti.ico

http://forum.kuzcos.com/images/misc/bookmark_fark.ico

Just go to the URL above right click on the image in your browser and click "Save as" then upload to your website under /images/misc and link to them exactly like: bookmark_fark.ico in vBulletin.

Download

No files for download.

Screenshots

vBulletin LTS