vb.org Archive - Mini Mods - Change CMS Article LOoOK

Through these modifications, you can change you view and Look for vBulletin CMS article

You can Use a background image and of course with the background color, or only background color .

You can use and development these modified , and perhaps this subject took us out to a wonderful look of

our form and a good Layout
i I would like to learn and understand the way the amendment in the vBulletin CMS

For support, I'm not expert enough, but I love programming and vBulletin :)

---------------------1 ---------------------

To add a background image # or color # Back to the main title ((Top stories))

like

https://vborg.vbsupport.ru/attachmen...1&d=1268080399

Styles & Templates > Search in Templates > Search in Style:Click Dropdown Arrow (Choose Actual Style)> Search for Text: vbcms.css > Search Titles Only: YES > Click Find

Search for

PHP Code:


		
			
div.title {

    position:{vb:stylevar right};

ADD After :::

PHP Code:


		
			
    border-color: #D6D6D6;

    border-width: 1px 1px 1px 1px;

    border-style: solid;

    background: url(http://www.UR-SITE.com/images/urbackgroundimage.jpg);

    background-color: #E9E9E9;

chaing the
http://www.UR-SITE.com/images/urbackgroundimage.jpg
with your image url in your site
Replace #E9E9E9 with your Color this is Gray Color

---------------------2 ---------------------

https://vborg.vbsupport.ru/attachmen...1&d=1268080399

Chaing the article background

Styles & Templates > Search in Templates > Search in Style:Click Dropdown Arrow (Choose Actual Style)> Search for Text: vbcms.css > Search Titles Only: YES > Click Find

Search for

PHP Code:


		
			
}



div.title a.edit {

ADD ABOVE :::

PHP Code:


		
			
}



div.title2 {

    position:{vb:stylevar right};

    border-color: #D6D6D6;

    border-width: 1px 1px 1px 1px;

    border-style: solid;

    margin: 0;

    padding: 4px 4px 4px 4px;

    background-color: #FFFFFF;

and if you want to add background image ::::
After that code add

PHP Code:


		
			
    background: url(http://www.UR-SITE.com/images/urbackgroundimage.jpg);

chaing the
http://www.UR-SITE.com/images/urbackgroundimage.jpg
with your image url in your site
Replace #FFFFFF with your Color , this is White Color

Styles & Templates > Search in Templates > Search in Style:Click Dropdown Arrow (Choose Actual Style)> Search for Text: vbcms_content_article_preview > Search Titles Only: YES > Click Find

Search for

PHP Code:


		
			
<div class="article_preview">

    <div class="title">

chaing the

PHP Code:


		
			
title

PHP Code:


		
			
title2

++++++++++++++3+++++++++++++

https://vborg.vbsupport.ru/attachmen...1&d=1268080399

Background for the Comments and ReadMore>

Styles & Templates > Search in Templates > Search in Style:Click Dropdown Arrow (Choose Actual Style)> Search for Text: vbcms.css > Search Titles Only: YES > Click Find

Search for

PHP Code:


		
			
.fullwidth {

ADD ABOVE :::

PHP Code:


		
			
.fullwidthart {

    width:100%;

    padding: 0;

    margin-bottom: 5px;

    clear:both;

    float: {vb:stylevar left};

    position: relative;

    display:block;

                background-color: #EAEAEA;

}

Styles & Templates > Search in Templates > Search in Style:Click Dropdown Arrow (Choose Actual Style)> Search for Text: vbcms_content_article_preview > Search Titles Only: YES > Click Find

Search for

PHP Code:


		
			
<div class="fullwidth">



        <vb:if condition="$preview_chopped"> 

            <span class="cms_article_readmore"><a href="{vb:raw page_url}">



{vb:rawphrase read_more_phrase} <img src="{vb:stylevar imgdir_cms}/read_more-{vb:stylevar right}.png" alt="{vb:rawphrase read_more_phrase}" /></a>

            </span>

chaing the fullwidth to fullwidthart

preview (( the topic in the Home ))
My forum is in Arabic, but the general shape apparent ..

That's all

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01072 seconds Memory Usage 1,767KB 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 (11)bbcode_php_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 (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 pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: