Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Template Modifications

Reply
 
Thread Tools
A gif near text in forum description. Details »»
A gif near text in forum description.
Version: 2.00, by CapitanoN6 CapitanoN6 is offline
Developer Last Online: May 2012 Show Printable Version Email this Page

Category: Mini Mods - Version: 3.8.x Rating:
Released: 03-17-2009 Last Update: Never Installs: 25
Template Edits
 
No support by the author.

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






Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #12  
Old 03-22-2009, 04:15 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by D_light View Post
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!
Reply With Quote
  #13  
Old 03-22-2009, 04:17 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by powersilie View Post
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
Reply With Quote
  #14  
Old 03-22-2009, 04:36 PM
powersilie powersilie is offline
 
Join Date: Dec 2008
Posts: 43
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by TheLastSuperman View Post
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
Reply With Quote
  #15  
Old 03-22-2009, 04:55 PM
ArnyVee's Avatar
ArnyVee ArnyVee is offline
 
Join Date: Mar 2008
Posts: 944
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #16  
Old 03-22-2009, 05:14 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by powersilie View Post
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. &nbsp;

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

OR Two

<img src="images/fb/fleisch.JPG" border="0" style="vertical-align:middle;"/>&nbsp;&nbsp;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
Reply With Quote
  #17  
Old 03-22-2009, 05:35 PM
powersilie powersilie is offline
 
Join Date: Dec 2008
Posts: 43
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #18  
Old 03-22-2009, 11:12 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by powersilie View Post
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">&nbsp;&nbsp;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;"/>&nbsp;&nbsp;<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 View Post
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
Reply With Quote
  #19  
Old 03-22-2009, 11:21 PM
ArnyVee's Avatar
ArnyVee ArnyVee is offline
 
Join Date: Mar 2008
Posts: 944
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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?
Reply With Quote
  #20  
Old 03-23-2009, 07:46 AM
powersilie powersilie is offline
 
Join Date: Dec 2008
Posts: 43
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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;"/>&nbsp;&nbsp;<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
Reply With Quote
  #21  
Old 03-23-2009, 09:03 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by ArnyVee View Post
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 View Post
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;"/>&nbsp;&nbsp;<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
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:25 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.06655 seconds
  • Memory Usage 2,359KB
  • 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