Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Programming Discussions
  #1  
Old 07-24-2015, 11:56 AM
ProfC's Avatar
ProfC ProfC is offline
 
Join Date: Jun 2011
Location: Coventry, UK
Posts: 35
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Changing category and section backgrounds

Hi folks,

A few users on my board have suggested that we change the "backgrounds" of certain sections/categories to make them more indicative of what their purpose is. I'm not 100% on how to achieve this.

I was thinking that it could be possible via CSS and <div> tags, but I'm not particularly experienced in that area.

Using the additional.css file, and some old knowledge, I've had a go on a category as a test but for some reason, the container isn't expanding to cover the entire area and it looks really scrunched up. (Please ignore the colour of the text)

Would it be possible for someone to tell me what I'm doing wrong?

Thank you in advance

In the forum description:
Code:
<class id="alexandria_castle";></class>
In additional.css
Code:
#alexandria_castle
{
   background-image:url("http://i.imgur.com/F52Yu1U.jpg");
   background-repeat: no-repeat;
   background-size: cover; 
   height: 250px;
   width: 400px;
   color: #FCFC38;
   border: 1px outset #CD7F32;
   padding: 1px;
   border-radius: 2px;
}
Reply With Quote
  #2  
Old 07-24-2015, 01:18 PM
Fields Fields is offline
 
Join Date: Jun 2014
Location: Germany
Posts: 147
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

You could try to add the following to your CSS:

Code:
display: block;
Maybe this helps
Reply With Quote
Благодарность от:
ProfC
  #3  
Old 07-24-2015, 01:45 PM
ProfC's Avatar
ProfC ProfC is offline
 
Join Date: Jun 2011
Location: Coventry, UK
Posts: 35
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thank you, that's definitely helped.

What do I need to edit in order for this to cover the entirety of the title section? I've
put
Code:
<class id="alexandria_castle";>Alexandria Castle</class>
as the title but it only covers part of the way. There's a part of my brain telling me it's .forumhead, but if so, how would I get it to edit just that one forum?
Reply With Quote
  #4  
Old 07-24-2015, 02:42 PM
Fields Fields is offline
 
Join Date: Jun 2014
Location: Germany
Posts: 147
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Try the following:

Add
Code:
position: absolute;
z-index: -1;
to your CSS, and see if that works for you
Reply With Quote
  #5  
Old 07-24-2015, 03:47 PM
ProfC's Avatar
ProfC ProfC is offline
 
Join Date: Jun 2011
Location: Coventry, UK
Posts: 35
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

It does, although it also goes off to the side of the page until the end of it. I'm sensing there could be an issue with the stack order of its parent, as it's also off colour and unclickable. If I add the same class into the description to check, the description of the board itself is invisible beneath it.
Reply With Quote
  #6  
Old 07-27-2015, 12:17 PM
napy8gen napy8gen is offline
 
Join Date: Jan 2006
Location: port ++++son
Posts: 519
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

revert all what you have been doing especially templates(maybe this one forumhome_forumbit_level1_nopost) in the forumhome templates.

try this css in additional.css

Quote:
#cat6 .forumhead{background:red none;}
change the number "6" to the number of your category to test out. To see what your category id number. Go to to your forum & moderators> forum manager>
Reply With Quote
2 благодарности(ей) от:
ku-med, ProfC
  #7  
Old 07-31-2015, 10:02 AM
ProfC's Avatar
ProfC ProfC is offline
 
Join Date: Jun 2011
Location: Coventry, UK
Posts: 35
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by napy8gen View Post
revert all what you have been doing especially templates(maybe this one forumhome_forumbit_level1_nopost) in the forumhome templates.

try this css in additional.css



change the number "6" to the number of your category to test out. To see what your category id number. Go to to your forum & moderators> forum manager>
Thank you!
Reply With Quote
Reply

Thread Tools
Display Modes

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 02:09 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.09484 seconds
  • Memory Usage 2,226KB
  • Queries Executed 13 (?)
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
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (5)bbcode_code
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (7)post_thanks_box
  • (3)post_thanks_box_bit
  • (7)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit
  • (7)post_thanks_postbit_info
  • (7)postbit
  • (7)postbit_onlinestatus
  • (7)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_postinfo_query
  • fetch_postinfo
  • 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
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete