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)
-   -   Anyway to change the CMS Article section background? (https://vborg.vbsupport.ru/showthread.php?t=234038)

SonicGT 01-24-2010 02:47 PM
Anyway to change the CMS Article section background?
 
1 Attachment(s)
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?

Enzito 03-04-2010 11:33 AM
Any solutions?

baker21 03-04-2010 04:35 PM
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...

Allstar55566 03-08-2010 11:12 AM
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

alkrida 03-08-2010 06:06 PM
Ok i will post a thread for this :)

Allstar55566 03-10-2010 05:00 AM
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};
    width: 100%; 
to:
PHP Code:
}

div.article_preview {
    padding:4px 4px 4px 4px;
    float: {vb:stylevar left};
    width: 100%; 
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;
    overflow: hidden; 
to:
PHP Code:
.article {
    padding:4px 4px 4px 4px;
    overflow: hidden; 
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.

Silent_Stam 03-11-2010 11:14 PM
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

Allstar55566 03-17-2010 06:28 AM
here is my current CMS look: http://www.quickstreettrucks.com/content.php

sKippah 04-24-2010 05:24 PM
Quote:
Originally Posted by Allstar55566 (Post 2005311)

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

Allstar55566 05-07-2010 05:45 AM
Quote:
Originally Posted by Allstar55566 (Post 2000700)
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};
    width: 100%; 
to:
PHP Code:
}

div.article_preview {
    padding:4px 4px 4px 4px;
    float: {vb:stylevar left};
    width: 100%; 
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;
    overflow: hidden; 
to:
PHP Code:
.article {
    padding:4px 4px 4px 4px;
    overflow: hidden; 
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. ;)


All times are GMT. The time now is 02:39 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.01270 seconds
  • Memory Usage 1,808KB
  • 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
  • (20)bbcode_php_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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