vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   Forums Displayed as Images (https://vborg.vbsupport.ru/showthread.php?t=328636)

Dirks 03-04-2021 03:20 AM
Forums Displayed as Images
 
1 Attachment(s)
Hello everyone,

I'm using 4.x.x.

I'm aware that I can insert an image using HTML into a forum's description, but is there a way to overlay the forum title onto the image without having the title listed at the top? I've attached an screen shot in an attempt to explain what I mean. I've seen many phpBB sites that use this style. It would be a nice look for my site. I'm sure its possible in vB with a few template edits, but if you could direct me on where to start it would be greatly appreciated.

Thanks!

Dr.CustUmz 03-04-2021 04:00 AM
should be the forumhome forumbit level 2 post template, just use background images

Dirks 03-04-2021 04:54 AM
I'll run a quick search for that on the site. I'm awful at coding, but if I input anything there, how would the forum know to do multiple backgrounds?

Dr.CustUmz 03-04-2021 06:08 AM
forumbit level 2 post is the display for the forum section, using an image as the background of the table will give you the effect.

to do this on a per forum basis you would need to use the forumid variable (which should be in that template, im not sure on vb4.

but your end result should be along the lines of
Code:
<td style="background: url(path/to/image/$forum[forumid].png)">
then you would just name your images what ever the ID of the forum is.

Dirks 03-05-2021 02:07 PM
Thanks man, I’ll give it a try.

Dirks 03-11-2021 03:58 AM
Hey, I just wanted to follow up. I've tried injecting a background image at several points within the template you pointed out w/ no change to the forumhome. I'm trying to figure it out with a single image before I use multiple.

Here is the relevant code, where would I put it?

Code:
<li id="forum{vb:raw forum.forumid}" class="forumbit_post {vb:raw forum.statusicon} L2">
        <div class="forumrow table">
                <div class="foruminfo td">
                        <img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />
                        <div class="forumdata">
                                <div class="datacontainer">
                                        <div class="titleline">
                                                <h2 class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></h2>
                                                <vb:if condition="$show['browsers']"><span class="viewing">({vb:raw forum.browsers} {vb:rawphrase viewing})</span></vb:if>
                                        </div>
                                        <vb:if condition="$show['forumdescription']"><p class="forumdescription">{vb:raw forum.description}</p></vb:if>

                                        <vb:if condition="$vboptions['showmoderatorcolumn'] AND $forum['moderators']">
                                                <div class="moderators">
                                                        <h4>{vb:rawphrase moderators}:</h4>
                                                        <ol class="commalist">
                                                                <vb:each from="forum.moderators" value="row">
                                                                        <li><a class="username" href="{vb:link member, {vb:raw row}}">{vb:raw row.musername}</a>{vb:raw row.comma}</li>
                                                                </vb:each>
                                                        </ol>
                                                </div>
                                        </vb:if>

                                        <vb:if condition="$show['subforums']">
                                                {vb:raw forum.subforums}
                                        </vb:if>
                                </div>
                        </div>
                </div>
Thanks in advance.

Thr33 09-07-2021 05:26 PM
I would add it in the CSS of div class="foruminfo td"

Do a search within your styles for this div class.


All times are GMT. The time now is 03:12 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.00976 seconds
  • Memory Usage 1,730KB
  • 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
  • (2)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (7)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