Two Column Bookmarks

[kuzcos]

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:

https://vborg.vbsupport.ru/external/2012/01/18.png

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:

<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:

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

with:

<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

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

At the top above the:

<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:

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

Twitter:

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

Reddit:

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

Slashdot:

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

Technorati:

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

Mister Wong:

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

Diigo:

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

LinkedIn:

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

Fark:

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

Tumblr:

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.

[hunter1985]

Nice work also do you know any more Codes for like Del.icos.ous and Bebo?

[GoneBushX]

Thx M8 :up: