vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)
-   -   Mini Mods - A gif near text in forum description. (https://vborg.vbsupport.ru/showthread.php?t=208698)

CapitanoN6 03-17-2009 10:00 PM

A gif near text in forum description.
 
1 Attachment(s)
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


https://vborg.vbsupport.ru/attachmen...4&d=1218530565

https://vborg.vbsupport.ru/attachmen...3&d=1218530565

https://vborg.vbsupport.ru/attachmen...0&d=1218212616

ahmed-samara 03-18-2009 01:05 PM

woow .... it's nice thanks :)

installed

Jasem 03-18-2009 03:49 PM

very nice, keep up the good work

Installed

sensimilla 03-19-2009 08:49 AM

Exactly what I was in need of, great job.

valdet 03-19-2009 02:55 PM

Simple but very useful.
Thanks

D_light 03-19-2009 08:16 PM

or simple...

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

abouahmed 03-20-2009 09:20 PM

nice work,
installed

ArnyVee 03-21-2009 08:07 PM

Nice...using it now :up:

powersilie 03-22-2009 03:28 PM

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

https://vborg.vbsupport.ru/external/2009/03/58.jpg


The pic should be where the red line is.

greetings
Karin

ArnyVee 03-22-2009 03:51 PM

Karin, I was going to ask the same thing since it might look even better that way. :up:

TheLastSuperman 03-22-2009 04:15 PM

Quote:

Originally Posted by D_light (Post 1772102)
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 03-22-2009 04:17 PM

Quote:

Originally Posted by powersilie (Post 1774268)
I love it!
But is it possible to put the pic to the left side of forum's name? Somethig like this?

https://vborg.vbsupport.ru/external/2009/03/58.jpg


The pic should be where the red line is.

greetings
Karin

Use the bottom code CapitanoN6 posted ;)

powersilie 03-22-2009 04:36 PM

Quote:

Originally Posted by TheLastSuperman (Post 1774314)
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.

https://vborg.vbsupport.ru/external/2009/03/11.png


greetings
Karin

ArnyVee 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 03-22-2009 05:14 PM

Quote:

Originally Posted by powersilie (Post 1774328)
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.

https://vborg.vbsupport.ru/external/2009/03/11.png


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

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

S-MAN

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

https://vborg.vbsupport.ru/external/2009/03/10.png

(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 03-22-2009 11:12 PM

Quote:

Originally Posted by powersilie (Post 1774393)
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:

https://vborg.vbsupport.ru/external/2009/03/10.png

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

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

Quote:

Originally Posted by ArnyVee (Post 1774339)
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 :D besides if there are grammar police here on vb.org they are doing a horrible job @ it.

S-MAN

ArnyVee 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 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;"/>&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" :o


In the admin panel it looks like this:

https://vborg.vbsupport.ru/external/2009/03/8.png

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.

https://vborg.vbsupport.ru/external/2009/03/53.jpg

greetings
Karin

TheLastSuperman 03-23-2009 09:03 PM

Quote:

Originally Posted by ArnyVee (Post 1774671)
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 :D !!!!

Quote:

Originally Posted by powersilie (Post 1774852)
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" :o


In the admin panel it looks like this:

https://vborg.vbsupport.ru/external/2009/03/8.png

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.

https://vborg.vbsupport.ru/external/2009/03/53.jpg

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 :D. 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?! :D

Let me tinker a bit, ok time to run :p

powersilie 03-23-2009 09:46 PM

Quote:

Originally Posted by TheLastSuperman (Post 1775325)

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 :D. 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?! :D

Let me tinker a bit, ok time to run :p

Don't hurry, I'm patient ;)

Well, the CSS.... you mean, I could place it in the header template, not bad! :up:
I'm using the standard layout (I made some changes) but I think I'll go on tomorrow, because it's midnight.

Thank You in advance and bye
Karin

powersilie 03-24-2009 06:50 PM

Hi Superman!

Do You have any idea which part of CSS is used for this part in the template?

greetings
Karin

TheLastSuperman 03-24-2009 08:47 PM

Quote:

Originally Posted by powersilie (Post 1776038)
Hi Superman!

Do You have any idea which part of CSS is used for this part in the template?

greetings
Karin

I meant code up your own ;)

You can get an idea from another mod using css, then change the variables and names to suit and badda-bing :D

powersilie 03-24-2009 09:05 PM

Ok, well I'll try it ;)

Thanks and bye

Karin

TheLastSuperman 03-24-2009 10:12 PM

Quote:

Originally Posted by powersilie (Post 1776152)
Ok, well I'll try it ;)

Thanks and bye

Karin

If you have troubles get w/ me in about a week... I'm working on newly installed vB 3.8 and that is on my list just not on the top you see ;) however once I get around to doing mine I will be more than happy to provide details as to how I accomplished it :D

S-MAN

powersilie 03-25-2009 08:20 AM

I'll train my brain :D
I'm not a coder but perhaps I can do it (it only takes time )

greetings
Karin

CapitanoN6 08-17-2009 02:51 PM

good!


All times are GMT. The time now is 03:04 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01525 seconds
  • Memory Usage 1,828KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (6)bbcode_code_printable
  • (3)bbcode_php_printable
  • (12)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (27)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete