vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.6 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=192)
-   -   Forum Images next to the Description for every Forum (https://vborg.vbsupport.ru/showthread.php?t=143098)

Whiteyez 08-04-2007 10:27 PM

Hello! Very nice mod thanks..but i have a little problem with the Internet Explorer. As you can see in the image below the icon is its ok but next to him there is an X and when i go the cursor
over it its a hyperlink to the forum. How can i fix this?

http://img174.imageshack.us/img174/2...titled1ny0.png

This the code from "forumhome_forumbit_level2_post"

Code:

<tr align="center">
        <td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
        <td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]">
                <div>
<img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" />
                        <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><span width="100"><img src="$stylevar[imgdir_statusicon]/$forum[forumid].gif" border="0" align="right"></span><strong>$forum[title]</strong></a>
                        <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
                </div>
                <if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
                <if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
                <if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
        </td>
        <td class="alt2" nowrap="nowrap">$forum[lastpostinfo]</td>
        <td class="alt1">$forum[threadcount]</td>
        <td class="alt2">$forum[replycount]</td>
        <if condition="$vboptions['showmoderatorcolumn']">
        <td class="alt1"><div class="smallfont">$forum[moderators]&nbsp;</div></td>
        </if>
</tr>
$childforumbits

Thanks again for this great mod..

valdet 08-06-2007 12:18 PM

Hi Whiteyez

This is because you have set two images to appear next to each other..

Make sure you remove the wrong one (one of the bold in the code below) and leave only the one which is appropriate..
Also make sure all of your forum images are either PNG's or GIF's. Do not mix both of them..

I hope it works for ya..,
Val.

Code:

<img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" />
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><span width="100"><img src="$stylevar[imgdir_statusicon]/$forum[forumid].gif" border="0" align="right"></span><strong>$forum[title]</strong></a>


Whiteyez 08-06-2007 12:22 PM

Thats it...i missed that...thanks..

Ekka 08-18-2007 07:36 AM

OK

After much mucking around and trying stuff I'm back here and going to show you what I'm after/trying to do.

In the pic attached I'd like to move the icons to the very left column and have them as a link to that forum.

Currently that column on the very left is the default Vb one, has those little forum open/closed icons. So they can go. like who looks and cares about those right?

Step by step here please.

StarBuG 08-18-2007 05:36 PM

If you had checked my other hacks you had noticed this one:
Simple Category Icons

it does what you are asking for ;)

Ekka 08-19-2007 09:30 AM

Oh, sorry, didn't check you out. LOL

Will have a look and advise, thank you.

Mad Woman 08-24-2007 09:20 AM

I've installed this and I now have the text "go to your style options" showing up at the bottom of every forum description. I haven't uploaded photos yet, but I'm wondering if I typed the css bit into the right place. When you say to put it into additional css, do you mean to place it into additional css definitions?

StarBuG 08-24-2007 02:39 PM

Yes "Additional CSS Definitions"

Mad Woman 08-26-2007 01:54 PM

Thanks Starbug. Now I just need to know how to remove the "Go to your style options" text from the description of the forum.

This is what I have:
Quote:

<tr align="center">
<td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
<td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]">
<div>
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
<if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
</div>
<if condition="$show['forumdescription']">
<div class="smallfont">
<img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" />
$forum[description]
</div>
</if>Go to your style options
<if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
<if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>
<td class="alt2" nowrap="nowrap">$forum[lastpostinfo]</td>
<td class="alt1">$forum[threadcount]</td>
<td class="alt2">$forum[replycount]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="alt1"><div class="smallfont">$forum[moderators]&nbsp;</div></td>
</if>
</tr>
$childforumbits

StarBuG 08-27-2007 05:17 AM

Remove it from this code you posted.
It is in the middle " </if>Go to your style options" (only remove the text, not the if)
You probably copied my instructions on how to install with the code to install into your template ;)

StarBuG

Mad Woman 08-29-2007 10:54 PM

:erm:

Thanks!

:o

*clicks on install*

This has MADE my forum. :up:

StarBuG 08-31-2007 02:35 PM

You're welcome

Glad you like it ;)

gutelaune 09-23-2007 11:57 PM

I have this so:

clear.gif (= 1 Pixel) => .../images/statusicon
array(X,Y,Z) => X,Y,Z = ForenID

in Template forumhome_forumbit_level2_post
Code:

                <if condition="$show['forumdescription']">
        <div class="smallfont">
      <if condition="in_array($forum['forumid'], array(X,Y,Z))">
        <img src="$stylevar[imgdir_statusicon]/$forumid.gif" alt="" class="ForumImages" />
          $forum[description]
<else /><img src="$stylevar[imgdir_statusicon]/clear.gif" alt="" class="ForumImages" />
                        </if>
        </div>
        </if>


carubmun 10-02-2007 01:46 AM

Does this work with subforums as well?

abroad 01-28-2008 04:41 AM

does this work with 3.7?

CLF 02-08-2008 10:18 PM

Looks very interesting. I wanna try this today. I'll let you know.
Thank you!

legionofangels 03-07-2008 02:24 AM

Why am I getting this spacing issue with the forum description?

http://img.photobucket.com/albums/v3...66/spacing.jpg

Yes, for that vid section we did alter our forumhome template, but it shouldn't be affecting this add on.

What I don't understand is why I have a 2 to 5 pixel space for the forum description, instead of both the forum title and forum description being pushed over by the image.

I added a png to test this and it put it below the forum title, and to the left of the forum description. It should be to the left of both. Would love to know how this is messing up.

Therein lies my problem, I found out it was your margin that was messing it up, fixed that by switching it to 0, but it's still below the forum title, and I'm sure I and many others have or want it to be of the left of the title, help please.


EDIT Part 2: coder found it, will apply relevant code tomorrow for everyone.

legionofangels 03-10-2008 06:14 AM

Ok here is the deal.

Reeve of Shinra who posted probably a year ago when this was originally released was absolutely right about the placement of the code. If we put the code where you suggest, of which you have done on several of your boards patientfragen and the other one, you will have extra dead space in the Description boxes because its lining up with the Description Text and Not the Forum Title. If you have it line up with the Forum Title it will look uniform and fit perfectly without the dead space. Dependant on the image size yes, but more than likely if you have similar length forum descriptions you can find an image size to work properly.

Earlier in this thread someone mentioned how to get it next to the Forum Title I noticed just now, but the screenshot they posted confused me, since it shows them as Category Icons and Not Forum Description Images which is what this is.

But yeah to repeat:

If you put:

Code:

<img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" />
Directly in front of:

Code:

<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
So that it looks like this:

Code:

<img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" />
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>

The images will line up properly with the forum title, and it probably should be standard for this add on as well. Because Starbug even though you're right that the image will affect the height of the Description Box, if your placing the code to line up with only the description and not the title, it almost certainly will in most cases; regardless of the image size you use. Meaning that if the text for the descriptions which is Small Font in your Styles Manager is only like 13px, any image above 13px height is going to stretch the Description Box further. Even if it's 2 Sentences high that makes it 26 pixels maybe 30 with the padding or small space in between, therefore any image over 30 pixels will push the description box further. You also can't go that small with images or people won't be able to make them out and you'll have very few icon options out there that you can find or make to work with this.

The fact is with most boards, if you want to use this and want it to look good you'll also want to keep your forum descriptions of similar length. As even though you can get this next to the title, if your description is too long the image will be dwarfed by the text. I wouldn't suggest using different image sizes based upon different description length, I would make the descriptions of similar length. I even noticed it on my board now that certain descriptions aren't long enough and there is a small amount of space underneath them. So I'll probably make them a bit longer tomorrow so the space is evened out.

So this is what I did.

For the Image Size I actually found our longest forum description which was typically 2 lines of Description. I screenshotted the forum, then cropped a description section to see the pixel dimension showing. It was something like 70 pixels, I then went 10 less than that, or 60 for my image size. Then applied the relevant code shown in my post here, modifying the add-on's as explained in this post, and applied the additional css, uploaded all the images.

As you can see in the example of checking out our forum on any style, it turned out pretty well. If you want to view it, do it fast though because we're not for sure if we are going to keep them, the discussion has begun on that. They honestly feel a bit gimmicky to me. I'd almost preferred them in the Category Section which I know I can do, indifference to the Forum Description but I don't want to lose our custom icons of new post, no new post, etc.

Check it out:

http://www.legionofangels.net/forum/

Screenshot I guess since I don't know if we'll use them in the future:

StarBuG 03-10-2008 07:30 AM

Hi

Your version is a possibility but to not be able to use a description as long as I want would not be an option for me.
The other thing is, that I want to have the images on the right.
If I wanted them on the left, I would have used Simple Category Icons and replaced the standard vBulletin Forum Icons with the new images.

StarBuG

legionofangels 03-10-2008 07:38 AM

Hello you,

I remember you from that other site where you posted your VBseo report and we agreed against the others that it was a good system, You might not remember me.

Yeah that is the case about forum descriptions. I just wanted to point out that on most boards they can be shortened or lengthened to work with the image size. If in your case they can't, it's most ideal if they just could be centered in that area. Which probably wouldn't be that hard.

I also concur, I might switch them to the right again to look at them but in both cases I either have post icons show up on some threads, or on the left I have the post old new statusicons, so it's like it looks good, but its kind of cluttered in either case.

If we keep it but don't do all the styles we have, I'm gonna put it on default in the Category Icon locations or on the Right most likely, we'll see.

PS: Even if some of your descriptions are longer, on your patientfragen site, if you put the code where we put it, 6 of your 11 forums will lose the dead space in the boxes on those boards.

captainron19 03-10-2008 02:48 PM

Is it possible to have an image appear only at one of the forums? I noticed that if I do not have a .png image for every single forum a broken image shows.

I have a lot of forums and I really just wanted an image to appear like this mod but only at one forum title

MixMakers 03-12-2008 06:53 AM

How can I get this to work with the subforum of a subforum of a subforum? So 3 levels down.

Forum
-Subforum
--Subforum

Baldilocks 03-17-2008 06:37 AM

I like the images to the left of the forum title itself as seen on my forum.

Sworm 03-17-2008 07:18 AM

Code:

/* Forum Images next to the Description for every Forum */
.ForumImages {
float: right;
margin-right: 8px;
margin-top: 2px;
}

How can i do for apply this code?

AnyBody can write step by step?

I'm not expert

------------------------------------------------

Ok, i've solved..... good hack

Sworm 03-17-2008 08:02 AM

A big problem with IE,
a "X" is showed in the forums that not have a image added,
this is my forumhome_forumbit_level2_post
Code:

<tr align="center">
        <td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
        <td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]">
                <div>
                        <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
                        <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
                </div>
                <if condition="$show['forumdescription']"><div class="smallfont"><img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" />             
          $forum[description]
        </div>
        </if>
                <if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
                <if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
        </td>
        <td class="alt2" nowrap="nowrap">$forum[lastpostinfo]</td>
        <td class="alt1">$forum[threadcount]</td>
        <td class="alt2">$forum[replycount]</td>
        <if condition="$vboptions['showmoderatorcolumn']">
        <td class="alt1"><div class="smallfont">$forum[moderators]&nbsp;</div></td>
        </if>
</tr>
$childforumbits

AnyBody can help me?

legionofangels 03-17-2008 10:53 PM

Quote:

Originally Posted by captainron19 (Post 1461541)
Is it possible to have an image appear only at one of the forums? I noticed that if I do not have a .png image for every single forum a broken image shows.

I have a lot of forums and I really just wanted an image to appear like this mod but only at one forum title

Yes you can, but you can't use this template change if you want only one image.

Do this instead:

http://www.vbulletin.com/forum/showp...8&postcount=31

OR, you need to add a 1 pixel transparent image and title it "forumid".png where "forumid" is whatever the forum id of the forum it's going by.

Quote:

Originally Posted by MixMakers (Post 1462817)
How can I get this to work with the subforum of a subforum of a subforum? So 3 levels down.

Forum
-Subforum
--Subforum

Determine which template it is on and edit the template in a similar fashion.

Quote:

Originally Posted by Sworm (Post 1466845)
A big problem with IE,
a "X" is showed in the forums that not have a image added,
this is my forumhome_forumbit_level2_post
Code:

<tr align="center">
        <td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
        <td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]">
                <div>
                        <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
                        <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
                </div>
                <if condition="$show['forumdescription']"><div class="smallfont"><img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" />             
          $forum[description]
        </div>
        </if>
                <if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
                <if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
        </td>
        <td class="alt2" nowrap="nowrap">$forum[lastpostinfo]</td>
        <td class="alt1">$forum[threadcount]</td>
        <td class="alt2">$forum[replycount]</td>
        <if condition="$vboptions['showmoderatorcolumn']">
        <td class="alt1"><div class="smallfont">$forum[moderators]&nbsp;</div></td>
        </if>
</tr>
$childforumbits

AnyBody can help me?

The modification is working exactly like it's supposed to, you need to put images in those sections for those red x's to disappear.

OR, you need to add a 1 pixel transparent image and title it "forumid".png where "forumid" is whatever the forum id of the forum it's going by.

CapitanoN6 08-10-2008 01:03 PM

https://vborg.vbsupport.ru/external/2008/08/59.jpg

https://vborg.vbsupport.ru/How do this?

legionofangels 08-11-2008 12:37 AM

Quote:

Originally Posted by CapitanoN6 (Post 1595419)

You just follow the directions found here:

http://www.vbulletin.com/forum/showthread.php?t=114545

And in this post he might have given me a special conditional to apply:

http://www.vbulletin.com/forum/showp...8&postcount=31

Upload the images you'd like to use to your appropriate folder on the FTP and wa la, you have forum images. I made mine i think 60 x 60 so they would fill up the description area perfectly with 2 sentence descriptions.

I like alignment.....A LOT!

Hope that helps.

Legion of Angels

GTGT 11-19-2008 11:22 PM

Can I make these images clickable?

technom8t 03-09-2009 11:46 PM

i spent hours trying to get all the different ways in this thread to work, but i decided just to start from scratch and what i came up with was simple, no template edits at all, this will align the image to the left and make it clickable to a destination of your choice


just add this code into the forum description and change the links to match what you need, thats it :

Code:

<a href="http://www.destination you want to arrive at when clicked" target="_blank"> <img src="http:/yoursie.co.uk/forums/statusicon/forum_icon_name.png"></a>
p.s i am guessing you could add ''right tags'' to make the image appear to the right?

i.e.
<right>THE CODE HERE</right>

Sworm 03-15-2011 08:51 PM

Work on 3.8.x too?

theFAILURE 04-03-2011 05:34 PM

It would be great if this could use the last attached image in the representing forum as the forum icon.

similar to thread thumbnail:
https://vborg.vbsupport.ru/showthread.php?t=158396


But used for the forum icon instead.

AshMagic 09-28-2011 09:01 PM

How can we do this for 4.1.5?

Thanks.


All times are GMT. The time now is 01:34 PM.

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.02864 seconds
  • Memory Usage 1,852KB
  • 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
  • (10)bbcode_code_printable
  • (5)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (33)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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete