...

View Full Version : Add a Content Background



metalspeed
02-22-2011, 07:29 PM
Hi i need helping with add a background back of a content like you see at the picture below.
http://img525.imageshack.us/img525/1972/13903683.jpg

This Is The CSS STYLE CODE:


body
{
font: normal 0.75em Tahoma, Verdana, Arial, sans-serif;
color:#333;
background:transparent url(../images/bkgs.jpg) top left repeat-y;}
}
a {
text-decoration: none;
color: #000;
}

a{
color: #000;
}

a:hover{
color: #000;
}
a:visited{
color:#000;
}
img{
border:0px;
}
.bar {
color: #5E5E5E;
font-size: 16px;
font-family: tahoma;
font-weight: bold;


}
.bar a:hover {
color: White;
text-decoration: none;
}

.navbar{
color:black;
direction:rtl;
font-family:tahoma;
}

.navbar a{
font-family:tahoma;
color:black;
}
.navbar a:visited{
color:#929BA1;
}


.block_title {
color: #ffffff;
font-size: 16px;
font-family: Tahoma;
font-weight: bold;
text-align: center;
background-image: url(../images/blockbg.gif);
background-repeat: no-repeat;
}

.mid_title {
color: #ffffff;
font-size: 16px;
font-family: tahoma;
font-weight: bold;
text-align: center;
background-image: url(../images/cont_bg.gif);
background-repeat: repeat-x;
}

.block_cont {
color: #F0E68C;
font-size: 14px;
font-family: tahoma;
font-weight: bold;

background: #1b1b1b;
}
.block_cont a:link, a:visited {
color: #000000;
text-decoration: none;
}

.block_cont a:hover {
color: #000000;
text-decoration: none;
}

.tcont {
border: 1px solid #FFF9D9;
padding: 4px 4px 4px 4px;
background-color: #585858;
}

.mid {
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
color: #EBEBEB;
border: 1px solid #232323;
background-color: #000000;
}


.mid a:link, mid a:visited {
color: white;
text-decoration: none;
}
.mid a:hover {
color: #FF0000;
text-decoration: none;
}


FONT {
FONT-SIZE: 8pt; FONT-FAMILY: Tahoma;
}
TD {
FONT-SIZE: 8pt; FONT-FAMILY: Tahoma;
}

P {
FONT-SIZE: 8pt; FONT-FAMILY: Tahoma;
}
DIV {
FONT-SIZE: 8pt; FONT-FAMILY: Tahoma;
}

/*------------------------------------ TITLES FONT-----------------------------------------*/


a.font_10_mq {
text-decoration:none;
color:#333333;
font-family:tahoma;
font-size:8pt;
font-weight:bold;
vertical-align:middle;
}
a.font_10_mq:hover {
color:#990000;
}
/*------------------------------------ LETTERS LINKS -----------------------------------------*/
A:link.big {
FONT-SIZE: 15px; COLOR: #FFD700; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}


A:active.big {
FONT-SIZE: 15px; COLOR: #FFD700; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}
A:visited.big {
FONT-SIZE: 15px; COLOR: #ffcc00; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
A:hover.big {
FONT-SIZE: 15px; COLOR: #FF6347; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}

/*------------------------------------ PATH BAR LINKS -----------------------------------------*/
A:link.path_link {
FONT-SIZE: 8pt; COLOR: White; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
A:active.path_link {
FONT-SIZE: 8pt; COLOR: White; FONT-FAMILY: Tahoma; TEXT-DECORATION: none

}
A:visited.path_link {
FONT-SIZE: 8pt; COLOR: White; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
A:hover.path_link {
FONT-SIZE: 8pt; COLOR: #FFD700; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}



/*------------------------------------ MEMBERS MESSAGES FONT-----------------------*/
.messages {
FONT-SIZE: 8pt; FONT-FAMILY: Tahoma;
}

/*------------------------------------ SPARATE LINKE -----------------------------------------*/
.separate_line{
color: #ffcc00;border-width: 1px
}



.mid P {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 8pt tahoma, Sans-Serif; OVERFLOW: scroll; CURSOR: text; COLOR: #fffff; PADDING-TOP: 0px; HEIGHT: 50px
}

.copyright {
color:#000000;
FONT-SIZE: 8pt; FONT-FAMILY: Tahoma;
}
.copyright a {
color:#000000;
FONT-SIZE: 8pt; FONT-FAMILY: Tahoma;
}
.copyright a:hover {
color:#FF0000;
FONT-SIZE: 8pt; FONT-FAMILY: Tahoma;
}

@font-face {
font-family: "doom";
src: url(doom.ttf);
}

.font_m {
font-family: "doom";
}

a.font_m {
margin:0;padding:0;
text-decoration:none;
font-family: "doom";
font-size:12px;
font-weight:bold;
color:#000000;
}

a.font_m:hover {
color:#9D0007;
}

.cname {
text-decoration: none;
color: #000000;
font-family: tahoma;
font-size: 9pt;
font-weight: bold;
margin-top: 3px;
}

.cname:hover{
text-decoration: none;
color: #000000;
font-family: tahoma;
font-size: 9pt;
font-weight: bold;
margin-top: 3px;
}




.clink {
margin-top: 5px;
text-decoration: none;
font-family: tahoma;
font-size: 10pt;
font-weight: bold;
color: #000000;
}
.download {
text-decoration: none;
color: #ffffff;
font-family: tahoma;
font-size: 9pt;
font-weight: bold;
margin-top: 3px;
}

a.dlink {
margin-top: 5px;
text-decoration: none;
font-family: tahoma;
font-size: 10pt;
font-weight: bold;
color: #ffffff;
}

a.dlink:hover{
margin-top: 5px;
text-decoration: none;
font-family: tahoma;
font-size: 10pt;
font-weight: bold;
color: #929BA1;
}

.page{
background-image: url(../images/bg.jpg);
padding:3px 8px 3px 8px;
background-position: top center;
color: #ffffff;
text-decoration: none;
border:1px solid #db6600;
font-weight:bold;
background-color: #f38528;
font-size:12px;

cursor: hand;
text-align: center;

}


.page:hover{
background-image: url(../images/over.jpg);
padding:3px 8px 3px 8px;
background-position: top center;
color: #780400;
text-decoration: none;
border:1px solid #000000;
font-weight:bold;
font-size:12px;

cursor: hand;
text-align: center;

}

.cpage{

border: 1px solid #000000;
background-image: url(../images/over.jpg);
padding:3px 8px 3px 8px;
background-position: top center;

color: #780400;


text-decoration: none;
background-color: #000000;
font-size:12px;
cursor: hand;
text-align: center;



}

.input_button {
font-size:11px;
font-family:Tahoma, Verdana, Arial, Sans-Serif;
font-weight:bold;
background-color: #780400;
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
color: #000000;
border:1px solid #780400;
background-image: url(../images/bg.jpg);
}
.input_button:hover {
background-color: #000000;
border:1px solid #000000;
background-image: url(../images/over.jpg);
}

.back{
background-image: url(../images/bg.jpg);
padding:3px 8px 3px 8px;
background-position: top center;
color: #ffffff;
width:100px;
text-decoration: none;
border:1px solid #780400;
font-weight:bold;
background-color: #f38528;
font-size:12px;

cursor: hand;
text-align: center;

}


.back:hover{
background-image: url(../images/over.jpg);
padding:3px 8px 3px 8px;
background-position: top center;
color: #ffffff;
width:100px;
text-decoration: none;
border:1px solid #000000;
font-weight:bold;
background-color: #f38528;
font-size:12px;

cursor: hand;
text-align: center;

}

.tcat
{
background: #FFFFFF url(../images/rapid.jpg) repeat-x top left;
color: #000000;
font: bold 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #FFFFFF;

}
.tcat a:link, .tcat_alink
{
color: #FFFFFF;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #afafaf;
text-decoration: underline;
}
.tborder
{
background: #D3D3D3;
color: #646464;
border: 2px solid #f3f3f3;
}
.alt1, .alt1Active
{
background: #f7f7f7;
color: #5d5d5d;
font: bold 16px Arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;;
padding: 5px;
border: 1px solid #FFFFFF;
}
.alt2, .alt2Active
{
background: #edebde;
color: #5d5d5d;
font: bold 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;;
padding: 5px;
border: 1px solid #FFFFFF;
}
.font_t {
color:#FFFF00;
font-family:tahoma;
font-size:10pt;
font-weight:bold;
text-decoration:none;
}
.ta1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EFEFDF none repeat scroll 0 0;
border-bottom:0 solid #440000;
color:#022097;
font-family:tahoma;
font-size:10pt;
font-weight:bold;
height:65px;
margin:0;
overflow:scroll;
padding:0;
text-align:center;
width:220px;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum