The Arcive of Official vBulletin Modifications Site.

A gif near text in forum description. · **Released**: 03-17-2009

Hi Friend.

this hack serves to put a picture near the text description in a forum. To understand better look at the picture.

PLEASE CLICK INSTALL

Use this code in Forum Description

PHP Code:


			
<table border="0" bordercolor="darkblue" cellpadding="1"> 

<tr>

<td>

<img src="http://......">

</td><td>Bla Bla Bla I love dogs....

</td>

</tr>

</table>

PHP Code:


			
<table border="0" bordercolor="darkblue" cellpadding="1"> 

<tr>

<td>Bla Bla Bla I love dogs....

</td>

<td>

<img src="http://......">

</td>

</tr>

</table>

http://...... --> write the link of your image
Bla Bla Bla I love dogs....--> Write the text you want

PLEASE CLICK INSTALL

TheLastSuperman · #12 03-22-2009, 04:15 PM

Quote:

Originally Posted by D_light

or simple...

<img src="image..........." border="" alt="" />

OR... if you wanted several small images w/ one line of text behind each image...

<img src="http://www.yoursitename.com/folder/Image.gif" width="880" height="200" style="vertical-align:middle;"/>

I was about to do this myself manually on a new forum I'm working on but ohh hello I'll mark as installed and thanks for showing some inexperienced user a simple way to accomplish some good results!

TheLastSuperman · #13 03-22-2009, 04:17 PM

Quote:

Originally Posted by powersilie

I love it!
But is it possible to put the pic to the left side of forum's name? Somethig like this?

The pic should be where the red line is.

greetings
Karin

Use the bottom code CapitanoN6 posted

powersilie · #14 03-22-2009, 04:36 PM

Quote:

Originally Posted by TheLastSuperman

Use the bottom code CapitanoN6 posted

Didn't look like the example of mine!

But thanks for your code because I put the following code in front of the name of the forum and NOT in description - and it works:

Quote:

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/>Fleisch

And now it looks this way

The only thing is, the word is too close to the pic, but I'll manage it.

greetings
Karin

ArnyVee · #15 03-22-2009, 04:55 PM

Sheesh....didn't even think about that Karin. Such simple things

By the way, can't you just place a &nbsp behind the pic and make a space? That way, your image is spaced away from the title.

TheLastSuperman · #16 03-22-2009, 05:14 PM

Quote:

Originally Posted by powersilie

Didn't look like the example of mine!

But thanks for your code because I put the following code in front of the name of the forum and NOT in description - and it works:

And now it looks this way

The only thing is, the word is too close to the pic, but I'll manage it.

greetings
Karin

Well add a spacer

i.e.  

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/> Fleisch

OR Two

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/>  Fleisch

Take an hour or two and simply find a site w/ good code references... a few simple code enhancements takes you along way

S-MAN

powersilie · #17 03-22-2009, 05:35 PM

Hi!

I already added two spacers

- the distance of the word is now OK, but the line under the link "Fleisch" doesn't move, it's only longer.

Here's a screenshot:

(Sorry for my bad descriptions, but English isn't my mothertongue)

greetings
Karin

P.S.: A user told me now, that in this Forum "Fleisch" all postings are in alphabetic order ! Why that? But if someone posts a new theme, it is on top.

TheLastSuperman · #18 03-22-2009, 11:12 PM

Quote:

Originally Posted by powersilie

Hi!

I already added two spacers

- the distance of the word is now OK, but the line under the link "Fleisch" doesn't move, it's only longer.

Here's a screenshot:

(Sorry for my bad descriptions, but English isn't my mothertongue)

greetings
Karin

P.S.: A user told me now, that in this Forum "Fleisch" all postings are in alphabetic order ! Why that? But if someone posts a new theme, it is on top.

ll actually I'm blind as a bat so credit for ArnyVee for the &nbsp and sorry ARNY

Well then do this...

PHP Code:


			
<table border="0" bordercolor="darkblue" cellpadding="1"> 
<tr>
<td>
<img src="http://......">&nbsp;&nbsp;
</td><td>Bla Bla Bla I love dogs....
</td>
</tr>
</table>

It should not do the line if the spacers are not within the a href tags so what I mean is it looks like the text to the right is a link so if you put the spacers within the code where the Description of the link goes it WILL do that.

So if your link is this...

<a href="http://www.yoursitename.com">  Fleisch</a>

then you have the spaces underlined whereas you do NOT want that so...

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/>  <a href="http://www.yoursitename.com">Fleisch</a>

And that should give you what you were looking for, always remember coding is kind of like math sometimes and has an order of operations per say when you want to get exactly what your looking for

Again, sorry for seeing your post ArnyVee as I'm not a credit stealer

Quote:

Originally Posted by ArnyVee

Sheesh....didn't even think about that Karin. Such simple things

By the way, can't you just place a &nbsp behind the pic and make a space? That way, your image is spaced away from the title.

OHH and never apologize for bad english as us americans slang it to hello and back

besides if there are grammar police here on vb.org they are doing a horrible job @ it.

S-MAN

ArnyVee · #19 03-22-2009, 11:21 PM

S-MAN, I don't care who gets credit as long as we help a fellow webmaster/admin! :up:

It's all about helping out and strengthening the community, right?

powersilie · #20 03-23-2009, 07:46 AM

Hallo S-MAN!

Thanks a lot for trying to help me!!!

But I do not use this link:

Code:

<a href="http://www.yoursitename.com">&nbsp;&nbsp;Fleisch</a>

because the word "Fleisch" is already a link. (made by vB)

My code is this one:

Code:

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/>Fleisch

I also tried this code:

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/>  <a href="http://www.yoursitename.com">Fleisch</a>

It's logical to separate the pic from the link, then only the word is underlined. The only thing is I can't use this code because
the forum name disappeared, the link of the first posting appeared and in admin panel this forum was "gone"

In the admin panel it looks like this:

And if you fill in the name of the forum (here "Fleisch") the link is created automatically.

Now I tried this code:

Code:

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/></a>&nbsp;&nbsp;Fleisch

and it gives me exactly what I'm looking for, but now the pic is linked and not the word.

greetings
Karin

TheLastSuperman · #21 03-23-2009, 09:03 PM

Quote:

Originally Posted by ArnyVee

S-MAN, I don't care who gets credit as long as we help a fellow webmaster/admin! :up:

It's all about helping out and strengthening the community, right?

EXACTLY although some attitudes and tactless wit used by some members around here gets me down sometimes but if most of us do what we can the rest can benefit

!!!!

Quote:

Originally Posted by powersilie

Hallo S-MAN!

Thanks a lot for trying to help me!!!

But I do not use this link:

Code:

<a href="http://www.yoursitename.com">&nbsp;&nbsp;Fleisch</a>

because the word "Fleisch" is already a link. (made by vB)

My code is this one:

Code:

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/>Fleisch

I also tried this code:

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/>  <a href="http://www.yoursitename.com">Fleisch</a>

It's logical to separate the pic from the link, then only the word is underlined. The only thing is I can't use this code because
the forum name disappeared, the link of the first posting appeared and in admin panel this forum was "gone"

In the admin panel it looks like this:

And if you fill in the name of the forum (here "Fleisch") the link is created automatically.

Now I tried this code:

Code:

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/></a>&nbsp;&nbsp;Fleisch

and it gives me exactly what I'm looking for, but now the pic is linked and not the word.

greetings
Karin

So you have it how you wanted it but not 100% and I see what you meant now... let me tinker on my forums later and see what I can trick it into doing unless your fine with it as-is. I have to run out for a few hours so I'll check back when I return

. Ohh but real quick lol... you could try CSS in there and see what it can achieve, perhaps exactly what your looking for just place the CSS code for the layout above the actual html it defines in each forum description or use it in the header template then each sub forum can use the same layout specified by the css eh?!

Let me tinker a bit, ok time to run

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05350 seconds Memory Usage 2,361KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (6)bbcode_code (3)bbcode_php (9)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!