Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Design and Graphics Discussions
  #1  
Old 01-24-2010, 02:47 PM
SonicGT's Avatar
SonicGT SonicGT is offline
 
Join Date: May 2006
Location: Chicago Burbs
Posts: 75
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Anyway to change the CMS Article section background?

wondering how to just change the background of the center front page so that articles stand out, but not change the rest of the background? is this possible?
Attached Images
File Type: jpg cmdback.JPG (80.8 KB, 0 views)
Reply With Quote
  #2  
Old 03-04-2010, 11:33 AM
Enzito Enzito is offline
 
Join Date: Feb 2010
Posts: 1
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Any solutions?
Reply With Quote
  #3  
Old 03-04-2010, 04:35 PM
baker21 baker21 is offline
 
Join Date: Feb 2010
Posts: 8
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

You have to change the CSS file... Use firefox and get the developers toolbar... Use the CSS style iunformation and click on the part you want to change... It will show what line of code you have to change... You can use dreamweaver or css editor...

It would prob help to watch a video on basic CSS from lynda or to read up on some CSS code...

I been learning CSS since DEC so am by no means an expert... I am using a template and ahve had no problem changing the BG for the sklin I am using...

Its diff from the default... So you will have to sniff through the CSS... Hope that helps...
Reply With Quote
  #4  
Old 03-08-2010, 11:12 AM
Allstar55566 Allstar55566 is offline
 
Join Date: Jan 2007
Posts: 10
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

this really needs some further attention with more detailed solution. im familiar with this code, but having a problem finding the right template and which code to change. any help is appreciated!

--------------- Added [DATE]1268054062[/DATE] at [TIME]1268054062[/TIME] ---------------

here you go for future reference guys: http://www.vbulletin.com/forum/showt...ontent-section
Reply With Quote
  #5  
Old 03-08-2010, 06:06 PM
alkrida alkrida is offline
 
Join Date: Sep 2008
Posts: 13
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Ok i will post a thread for this
Reply With Quote
  #6  
Old 03-10-2010, 05:00 AM
Allstar55566 Allstar55566 is offline
 
Join Date: Jan 2007
Posts: 10
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

here is another solution to this issue

in vbcms.css find:
PHP Code:
}
div.article_preview {
    
text-decoration:none;
    
line-height:normal;
    
margin-bottom:4px;
    
padding:0
change to:
PHP Code:
}
div.article_preview {
    
text-decoration:none;
    
line-height:normal;
    
margin-bottom:4px;
    
padding:0;
    
background#FFFFFF; 
change the background coding to whatever color you want.

--------------- Added [DATE]1268206901[/DATE] at [TIME]1268206901[/TIME] ---------------

also just a heads up to change the padding for the CMS Primary Content in vbcms.css I changed:

PHP Code:
}

div.article_preview {
    
padding:4px 4px 0 0;
    
float: {vb:stylevar left};
    
width100%; 
to:
PHP Code:
}

div.article_preview {
    
padding:4px 4px 4px 4px;
    
float: {vb:stylevar left};
    
width100%; 
this pushed the text over 4 pixels and gave a nice 4 pixel margin all the way around.

Again for the expanded(full) article in vbcms.css:

for padding change:
PHP Code:
.article {
    
padding:0;
    
overflowhidden
to:
PHP Code:
.article {
    
padding:4px 4px 4px 4px;
    
overflowhidden
and for background color, change:
PHP Code:
.article {
    
font: {vb:stylevar vbcms_article_font};
    
color: {vb:stylevar body_color}; 
to:
PHP Code:
.article {
    
font: {vb:stylevar vbcms_article_font};
    
color: {vb:stylevar body_color};        
        
background:  #FFFFFF 
once again go to the vbcms.css for the comments section background color

change:
PHP Code:
.cms_comments_page {
    
width:100%;
    
text-align:{vb:stylevar left};
        
margin-top:{vb:stylevar padding};
    
clear:both
to:
PHP Code:
.cms_comments_page {
    
width:100%;
    
text-align:{vb:stylevar left};
        
margin-top:{vb:stylevar padding};
    
clear:both;
        
background:  #FFFFFF; 
I used white as my backgrounds, you can rewrite the code to whatever color you want.

Hopefully this helps some people out because I'm pretty novice but HAD to figure this out for my forum to function the way I wanted it to.
Reply With Quote
  #7  
Old 03-11-2010, 11:14 PM
Silent_Stam Silent_Stam is offline
 
Join Date: Dec 2009
Posts: 10
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Check out this post I made:
https://vborg.vbsupport.ru/showthrea...10#post2000710

I was completely novice with VB, but managed to figure it out. As it currently stands, there is only 1 way to change it, and that is by playing with the CSS sheets.

The Above Post shows how to add Color to the background, and how to move the content over 5px or else it looks really trashy. Also, you would most likely want to add a border around the content so that a white blob (or wtv color rectangle) doesn't just sit on your page.

-Chris
Reply With Quote
  #8  
Old 03-17-2010, 06:28 AM
Allstar55566 Allstar55566 is offline
 
Join Date: Jan 2007
Posts: 10
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

here is my current CMS look: http://www.quickstreettrucks.com/content.php
Reply With Quote
  #9  
Old 04-24-2010, 05:24 PM
sKippah sKippah is offline
 
Join Date: Oct 2008
Posts: 141
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Allstar55566 View Post

That looks really nice. Could u do me a favor and explain me how u have done that? I would like to get rid of the "nasty" default Artikel (preview) look too. Thank you
Reply With Quote
  #10  
Old 05-07-2010, 05:45 AM
Allstar55566 Allstar55566 is offline
 
Join Date: Jan 2007
Posts: 10
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Allstar55566 View Post
here is another solution to this issue

in vbcms.css find:
PHP Code:
}
div.article_preview {
    
text-decoration:none;
    
line-height:normal;
    
margin-bottom:4px;
    
padding:0
change to:
PHP Code:
}
div.article_preview {
    
text-decoration:none;
    
line-height:normal;
    
margin-bottom:4px;
    
padding:0;
    
background#FFFFFF; 
change the background coding to whatever color you want.

--------------- Added [DATE]1268206901[/DATE] at [TIME]1268206901[/TIME] ---------------

also just a heads up to change the padding for the CMS Primary Content in vbcms.css I changed:

PHP Code:
}

div.article_preview {
    
padding:4px 4px 0 0;
    
float: {vb:stylevar left};
    
width100%; 
to:
PHP Code:
}

div.article_preview {
    
padding:4px 4px 4px 4px;
    
float: {vb:stylevar left};
    
width100%; 
this pushed the text over 4 pixels and gave a nice 4 pixel margin all the way around.

Again for the expanded(full) article in vbcms.css:

for padding change:
PHP Code:
.article {
    
padding:0;
    
overflowhidden
to:
PHP Code:
.article {
    
padding:4px 4px 4px 4px;
    
overflowhidden
and for background color, change:
PHP Code:
.article {
    
font: {vb:stylevar vbcms_article_font};
    
color: {vb:stylevar body_color}; 
to:
PHP Code:
.article {
    
font: {vb:stylevar vbcms_article_font};
    
color: {vb:stylevar body_color};        
        
background:  #FFFFFF 
once again go to the vbcms.css for the comments section background color

change:
PHP Code:
.cms_comments_page {
    
width:100%;
    
text-align:{vb:stylevar left};
        
margin-top:{vb:stylevar padding};
    
clear:both
to:
PHP Code:
.cms_comments_page {
    
width:100%;
    
text-align:{vb:stylevar left};
        
margin-top:{vb:stylevar padding};
    
clear:both;
        
background:  #FFFFFF; 
I used white as my backgrounds, you can rewrite the code to whatever color you want.

Hopefully this helps some people out because I'm pretty novice but HAD to figure this out for my forum to function the way I wanted it to.
this covers article preview and also covers the full article look as well.
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 01:27 PM.


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.09005 seconds
  • Memory Usage 2,345KB
  • Queries Executed 14 (?)
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
  • (20)bbcode_php
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (1)postbit_attachment
  • (10)postbit_onlinestatus
  • (10)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
  • 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_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete