CMSimple-XH

CMSimple_XH Template Tutorial

Visitor Statistics
» 1 Online
» 3 Today
» 1 Yesterday
» 4 Week
» 17 Month
» 323 Year
» 473 Total
Record: 35 (09.11.2018)

Clear backgrounds

The template is almost ready and there is no more a need to keep a background in containers and blocks.

template.htm

(no need to edit anything here)

 

stylesheet.css

.../*** step 2 ***/
/* containers */
/* remove borders and add background only to non-divided containers */
.top-container{width: 100%;}
.banner-container{width: 100%;}
.locator-container{width: 100%;}
.main-container{width: 100%;}
.footer-container{width: 100%;}
/*** step 3 ***/
/* container blocks */
/* top-container */
.logo{
	width: 20%;
	min-width: 150px;
	float: left;
}
.sitename{
	width: 60%;
	min-width: 300px;
	float: left;
}
.languagemenu{
	width: 20%;
	min-width: 150px;
	float: left;
}
/* locator-container */
.locator{
	width: 80%;
	min-width: 300px;
	float: left;
}
.searchbox{
	width: 20%;
	min-width: 250px;
	float: left;
	text-align: right;
}
/* main-container */
.navigation{
	width: 20%;
	min-width: 150px;
	float: left;
}
.content{
	width: 60%;
	min-width: 300px;
	float: left;
}
.news{
	width: 20%;
	min-width: 150px;
	float: left;
}
.box{
	width: 100%;
}
...

 

 

PREVIEW

 

top
YOUR DISPLAY HAS
SMALL RESOLUTION
MINIMAL 320px
IS REQUIRED