Thema: Beitragshintergrund

Ja, transparent.

Vielen Dank für eure Antworten, ich denke für einen Profi wären die Informationen sehr hilfreich, leider nicht für mich. Also hier ist die template_css.cs code, wo muss ich das halbtransparente PNG Bild einsetzen. Vielen Dank, ich entschuldige mich für meine Unwissenheit.


/*Global Resets*/
* {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,blockquote,label,ul,ol,dl,fields et,address {margin:0.5em 0;padding:0;}
p {margin:1em 0;}
fieldset {padding:.5em;}
img {border:0;}
a img {border:0;}
ul, li {margin-left:0;padding:0;}
table {font-size:1em;}


/**********************/
/*Clearfix for FF float problem*/
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */
li{list-style-type:none;}

body{
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
font-size: 13px;
background-color:#000;
}



/*Layout CSS*/
/*font sizes*/
body.smallfonts {font-size:11px;}
body.mediumfonts {font-size:13px;}
body.largefonts {font-size:16px;}

/*menu area*/
#menuwrapper {z-index:200; margin-top: 80px;float:left; width:100%;/* background: url(../images/sf-mid.png) repeat-x 0 50%;*/}
#menuwrapper-inner { margin: 0 auto; /*background: #fff;padding: 20px 0;border: 4px solid #bbb;*/}


/*header*/
#headerwrapper {width:100%; float:left;z-index:0; }
#headerwrapper-inner {margin: 0 auto; color:#fff;padding:10px 0 0px 0;}
#headertop {background: url(../images/header-top.png) no-repeat 50% 0%;padding-top:21px;}
#headerbot {background: url(../images/header-bottom.png) no-repeat 50% 100%;padding-bottom:21px;}
#headermid {background: url(../images/40per.png);}


/*topmodule*/
#topmodule {width:100%; float: left;}
#topmodule-inner{padding-top:30px; margin: 0 auto;}
#top2module-inner {padding-top:20px;}


/*Users 1-3*/
#topusers-area {float:left;width:100%; margin-top:20px;}
#topusers-area-inner {margin: 0 auto;}
#topusers {width:100%; float:left;}
#topusers-r{width:100%;height:0px;}
#topusers-mid{color:#fff;padding:20px; background: url(../images/40per.png); }

/*Main Area - Main Content - Left, Right, Outer-Left, Outer-Right ( Users 4 and 5 also ) */
#outer-container {width:100%; float:left; margin-top: 30px; margin-left: -2px;
}
#outer-container-2 {margin: 0 auto; padding:0;}

/*Users 4-5*/
#users45{ width:100%;float:left;position:relative;z-index:0;/*background: url(../images/border-pix.png) top right repeat-y;*/
}
#users45-inner {padding:0 10px;
}

/*Users 6-9*/
#bottom-users-area {float:left; width:100%;color:#ddd;}
#bottom-users-inner {margin: 0 auto;}
#bottom-users {width:100%; float:left; /*draw it up*/}
#bottom-users-r{width:100%;height:0px;}
#bottom-users-mid{padding:20px;background: url(../images/40per.png);}


/*Users 10-13*/
#bottom-users-2 {float:left; width:100%; }
#bottom-users-2-shade {float:left; width:100%; }
#bottom-users-2-frame {margin: 0 auto;}
#bottom-users-2-inner {}
#bottom-users-2-inner2 {padding:20px 20px 0px 20px;background: url(../images/60per.png); color:#ddd;}

/*bottom fixed*/
#bottomwrapper {position:fixed;bottom:0; width:100%;background: url(../images/shadedbg.png); z-index:200;padding:10px 0; text-align:center;}
#bottomwrapper2 {position:fixed;bottom:0;width:100%;z-index:200; text-align:right;}

#inner-pad { width:100%;
float:left;


}
#inner-pad-border {background:#fff;border:2px solid #bbb; float:left; width:100%;padding-bottom:10px;
}
/*Outer Columns*/
/*Outer Left*/
#outercolumn-l{


/**/
float: left;
height:100%;
padding:0;
/*background: url(../images/border-pix.png) top right repeat-y;*/

}
#outerpad-l{
position:relative;
z-index:2;
/*background: url(../images/innershadow.png) top right no-repeat;*/
height: 100%;
}
/*Outer Right*/
#outercolumn-r{
/**/
float: right;
height:100%;
padding:0;

/*background: url(../images/border-pix.png) top left repeat-y;*/

}
#outerpad-r{
position:relative;
/*background: url(../images/innershadow-r.png) top left no-repeat;*/

height: 100%;
}
/*needful*/
.outer-mod{width:100%;
padding-top: 25px;

}
/**/

/*Left & Right Columns*/
#leftcolumn{
float: left;
position:relative;
/*background: url(../images/border-pix.png) top right repeat-y;*/

}

#left-mod{
padding-top: 15px;
background: url(../images/innershadow-left.png) top right no-repeat;
}

#rightcolumn{
float: left;
position:relative;
/*background: url(../images/border-pix.png) top left repeat-y;*/

}
#right-mod{
padding-top: 15px;
/*background: url(../images/border-pix.png) top right repeat-y;*/

}

#contentframe {width:100%; float:left;
}

#contentcolumn{
min-height:500px;
background: url(../images/innershadow-content.png) top right no-repeat;

}

#mainbody-pad{padding:20px;background: url(../images/innershadow-content.png) top right no-repeat;}

/*toolbarframe*/
#toolbarframe {width:100%; float:left;}
#toolbarframe-inner {margin: 0 auto; height: 35px;margin-top: 10px;background: url(../images/20per.png); }

/*breadcrumb*/

#breadcrumb {text-align:left; position:relative; right:0px;font-size:9px;color:#fff;float:left; width:100%;padding-top: 10px;}
#breadcrumb-inner {margin:0 auto;}
#breadcrumb a:link, #breadcrumb a:visited {color: #fff; font-weight: normal; border-bottom: 1px dotted #fff;}
#breadcrumb a:hover {color:#fff;}

/*Social Icons*/
#social_icons {text-align:left;padding:5px;width:30px;margin-top: 50px; background: url(../images/20per.png);position:fixed;}

/*logo*/
#logo_frame {position:relative;height:0px;width:100%;top:-60px;}
#logo {height:120px;width:350px;background: url(../images/logo.png) no-repeat;position:absolute; left:0px;}

/*small logo*/
#small_logo_frame {width: 100%;}
#small_logo {background: url(../images/purejoomla.png) no-repeat; height:22px; width: 193px; margin:0 auto;}


/*banner*/
#banner_frame {position:relative;height:0px;width:100%;top:10px; }
#banner {margin:0 auto; position:relative;}
#banner-inner {position:absolute;right:0;}
/*pjsearch*/
#pjsearch_frame {position:relative;height:0px;width:100%;z-index:201;}
#pjsearch_inner {height:60px;position:absolute;top:-230px;right:-60px;}
#pjsearch-area {height:0;right:0px;position: relative;z-index:2001; }
#pjsearch-button {position:relative;top:100px;right:65px;float:righ t;
font-size: .8em;text-transform:uppercase;
color:#fff;font-weight:normal; background: url(../images/readon-arrow.png) no-repeat right 50%;
margin-right: 15px;
margin-top:4px;
padding-right: 15px;}
#pjsearchbox { position: absolute; display: none; right:70px; top: 45px; padding: 0; background: url(../images/pjsearch-bg.png) no-repeat; width: 191px; height: 62px; }
#pjsearch_frame input{border:0;color:#ddd;background: none;padding-left:28px;margin-top:15px;}
#pjsearch-button:hover {
border-bottom: 1px dotted;
}
/*pjlogin*/
#pjlogin_frame {position:relative;height:0px;width:100%;z-index:201;}
#pjlogin_inner {height:10px;position:absolute;top:-180px;right:60px;}
#pjlogin-area {height:0;right:0px;position: relative;z-index:2001; }
#pjlogin-button {position:relative;top:50px;right:15px; float:right;
font-size: .8em;text-transform:uppercase;
color:#fff;font-weight:normal; background: url(../images/readon-arrow.png) no-repeat right 50%;
margin-right: 15px;
margin-top:4px;
padding-right: 15px;}
#pjlogin-button:hover {
border-bottom: 1px dotted;
}
#pjloginbox {font-size: 10px; position: absolute; display: none; right:0px; top: 70px; padding: 0; background: url(../images/pjlogin-bg.png) no-repeat; width: 322px; height: 200px; padding-top:25px;}

#pjlogin_frame #form-login {text-align:center;line-height: 28px;color:#fff;}
#pjlogin_frame #form-login-password {position:relative; height: 40px; left: 110px; top: -50px;margin:0;text-align:left;}
#pjlogin_frame #form-login-username {position:relative; height: 40px; left:0; top:-10px; margin:0;text-align:left;}
#pjlogin_frame label {margin-left:20px; color:#ddd;}
#pjlogin_frame #form-login .button /*logout button*/{position:relative; top:0px; left: 0px;border:2px solid #666; background: #333;}
#pjlogin_frame #form-login fieldset .button /*login button*/{position:relative; top:-110px; left: 115px;border:2px solid #666; background: #333;}
#pjlogin_frame input {color:#fff;}

#pjlogin_frame #form-login-remember {visibility:hidden;}
#pjlogin_frame #form-login-username input,#pjlogin_frame #form-login-password input {border:2px solid #666; background: #000;margin-left:20px;}
#pjlogin_frame li{visibility:hidden;}

/*footer*/
#footer-wrapper {color: #666; font-size:12px;width:100%;}
#footer-outer {width:100%; float:left;margin-top:30px;margin-bottom: 20px;}
#footer-inner { margin:0 auto; color:#555;padding: 15px 0;position:relative;background: url(../images/60per.png);}
#footer-inner a{color:#fff;}
#footermod {text-align:center; }

/*footerusers*/
#footerusers {font-size:.85em;}
/*Links*/
a:link, a:visited {text-decoration:none;outline:none;border-bottom:none; color:#000;font-weight:600;}
#bottom-users-2 a:link,#bottom-users-2 a:visited,#bottom-users a:link,#bottom-users a:visited {text-decoration:none;outline:none;border-bottom:none; color:#fff;}

a:hover{text-decoration:none;border-bottom:0px dotted;}
span.Tips2, a.linker:link,a.linker:visited {padding-left:18px;background: url(../images/linker.png) 0 50% no-repeat;border-bottom:none;font-weight:bold;}
span:hover.Tips, a.linker:hover {text-decoration:none;border-bottom:1px dotted;}
ul li a:link {}
ul li a:hover {}
.contentpaneopen .buttonheading a{padding-right:3px;border-bottom:none;}
.contentpaneopen .buttonheading a:hover {padding-right:3px;border-bottom:none;}
.contenttoc {margin:8px;}

/*lists*/
ul li, ul {list-style: none; text-indent:10px;}
li { padding-left: 7px;}
ul li, .anythingSlider ul li ul li {background:url(../images/indent3.png) no-repeat 6px 9px;padding: 4px 0 4px 10px; }

/*active linked lists*/
ul.mostread li a, ul.latestnews li a, ul#mainlevel li a, ul.menu li a {display:block;width:100%;font-size:.9em;font-weight:normal;padding: 5px 0 5px 10px;}
ul.mostread li, ul.latestnews li, ul#mainlevel li, ul.menu li {padding:0;}

/*Typography*/
h1 {font-size:1.5em; color:#111111;}
h2 {color:#993100;font-size:1.3em}
h3 {color:#990000;font-size:1.2em;font-weight:normal; line-height:1.8em;}
h4 {color:#555;font-size:1.2em}
h5 {color:#000;font-style:italic;font-size:1.2em}
h6 {color:#990000;font-size:1.1em}
.huge-white {font-size:2.8em; color: #fff; line-height: 1.2em;}
.huge-white-highlight {font-size:2.4em; color: #fff; line-height: 2.4em; background:#000; padding: 0 10px;}
.contentheading {color:#222;font-size:1.8em;line-height:1.0em;font-weight:bold;/* background: url(../images/title-bg.png) no-repeat;*/ text-indent:0px;height:40px;}
.componentheading {color:#111111;font-size:2.2em;font-weight:bold; text-transform: uppercase; line-height:1.2em;}
table.contentpaneopen tbody tr td div{padding-top:10px;}
.sectiontableheader {background:transparent;}
#userscont2 .mosimage_caption{color:#90AA82;}
.small, .createdate, .modifydate {color:#999;font-size:.8em;}
pre, .code {padding: 10px 15px;background: #eee;margin: 5px 0 15px;border-top: 5px solid #ddd;border-bottom: 5px solid #ddd; color:#333;}
.dropcap {float: left;padding:7px 7px 0 0;display: block;color: #000; font:60px/40px Arial;}
.attn {font-weight:bold;padding-left: 30px;color:#111111;background:#ddd url(../images/accents/attn.png) no-repeat 3px 50%;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;margin-bottom:8px;}
.info {font-weight:bold;padding-left: 30px;color:#111111;background:#ddd url(../images/accents/info.png) no-repeat 3px 50%;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;margin-bottom:8px;}
.tip {font-weight:bold;padding-left: 30px;color: #111111;background:#ddd url(../images/accents/tip.png) no-repeat 3px 50%;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;margin-bottom:8px;}
.highlight {color:#fff; padding: 0 5px;background:#9A3122;;font-weight: normal;}
ul.checklist {list-style: none;}
li.checklist {margin-left: 3px;padding: 0px 0 12px 18px;background: url(../images/accents/check.png) no-repeat 0px 0px;}
li.checklist ul li {background:url(../images/indent2.png) no-repeat 0 3px;padding:0 0 2px 14px; font-size: .9em;}
.bubble {clear: both;padding: 5px 15px 10px;position: relative;}
.bubblenum {float: left;margin-right: 8px;padding: 6px 7px;display: block;color: #666;
background: url(../images/accents/big_number.png) no-repeat top left;font: 20px/normal Arial, sans-serif;font-weight: bold;}
ol li {margin-left: 35px;line-height: 170%;list-style:decimal;font-weight:normal;}
#system-message {
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #FFFFC0;
border: solid 3px #DBCFB2;
margin: 3px 0px 10px;
padding: 3px 20px;
}
#system-message li {background:none; font-weight:bold;}

Teil 2

/*tables*/
tr.sectiontableentry1 td,td.sectiontableentry1, td.sectiontableentry1solid {padding: 6px;background-color:transparent;}
tr.sectiontableentry2 td,td.sectiontableentry2, td.sectiontableentry2solid {padding: 6px;background: url(../images/tables.png);}
td.article_column {padding:0 4px;}
/* polls table IE fix*/
.pollstableborder {text-align:left;}
.poll thead tr td{padding-bottom:10px;}
.poll .button {margin-top: 10px;}
/*table of contents*/
table .contenttoc { background: #eee; float: right; margin:10px; padding: 10px;}

/*imput box, readon, buttons*/
.inputbox, .inputbox-2, textarea, .regpro_inputbox {color:#000;border: #ccc 1px solid;background:#eee; font-size:1em;margin-right: 5px;padding:4px;margin:3px 0;}
fieldset{border:0;}

a.readon {float:right;text-indent:0px;border:0;color:#000; font-weight: bold;
padding:6px 12px;font-size:1.2em;background: #efefef; border: 1px solid #ddd;}
.readon:hover {background: #333; color: #fff;}

.button, .regpro_button{font-size: .9em;border: #ccc 1px solid;background:#ddd; color: #333;
padding:4px;font-size:1em;margin: 3px 0;
}

/*CSS for Module Space Splitting*/
.userahalf {float: left;overflow: hidden;width: 49.999%;}
.userbhalf {float: right;overflow: hidden;width: 48.5%; padding-left:.5%; padding-right:.75%;}
.userathird {float: left; overflow: hidden; width: 32.5%;padding-left: .35%;padding-right:.32%}
.userbthird {padding-left: .35%; padding-right: .32%;float: left;overflow: hidden;width: 32.5%; }
.userafourth {float: left;overflow: hidden;width: 25%;padding-right:.45%;padding-left:.3%;}
.userbfourth {padding-left: .3%; padding-right: .35%;float: left;overflow: hidden;width: 24%; }
.usersbinner3{width:100%;}



/*IMAGE FORMATTING*/
img.frame, #pj_news_articles .image img {padding:8px;background: url(../images/20per.png); text-align:center;border: 1px solid #222; margin:0 8px 4px 12px;}
p img { border: 0;}

#inner-pad #pj_news_articles .image img, #inner-pad img.frame {border: 1px solid #aaa;}


/* ToolTips */
.tool-tip {
color: #fff;
width: 200px;
z-index: 13000;
}
.tool-title {
font-weight: bold;
font-size: 14px;
margin: 0;
color: #fff;
padding: 12px 15px 4px;
background: url(../images/bubble.png) no-repeat top left;
border-bottom:#222 solid 0px;
}
.tool-text {
font-size: 12px;
padding: 8px 15px 20px 15px;
background: url(../images/bubble.png) no-repeat bottom left;
}

/*ToolPanel*/
.panel_button {
margin-left: auto;
margin-right: auto;
position: relative;
width: 150px;
height: 40px;
background: url(../images/tools/toolstab.png) no-repeat bottom;
cursor: pointer;
top:0px;
}
.panel_button a {
text-decoration: none;
color: #6D7B8D;
position: relative;
line-height:25px;
z-index:5002;
}
.panel_button a:hover {
color: #fff;
}

#toppanel-frame {position:relative; height:0;z-index:1;width:100%;}
#toppanel {font-size: 12px;color:#90AA82;}
#toppanel a {color:#999;font-weight:normal;}
#toppanel a:hover {color:#fff}
#toppanel .moduletable {padding: 0 10px;}
#toppanel {
position: absolute;
width: 100%;
right: 0px;
top:0px;
text-align: center;
z-index:5002;
}
#panel {
/*width: 200px;*/
position: relative;
top: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
z-index: 10;
overflow: hidden;
text-align: left;

}
#panel_contents {
background:#000;
height: 100%;
position: absolute;
z-index: -1;
width:100%;

}
#panel .inputbox {background:#000; border: 1px solid #999;color:#fff}

PS.
Es geht nur um das weiße Beitragshintergrund.
http://kfz-gutachter-bw.de