Ich brauche dringend hilfe beim erstellen des layout und der css datei, vielleicht kann mir jemand die folgenden angaben anpassen, wäre sehr dankbar da ich es einfach nicht hinbekomme.
/*
501
Author: Till
Rev: Y. Kollega
Version: Dec 2009
*/
/* Layout
----------------------------------------------- */
.body { text-align:center;}
div#cc-tp-container {
width:888px;
margin:0 auto;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/bg.png) repeat-y;
text-align:left;
}
* html div#cc-tp-container {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/bg.png');
}
div#cc-tp-header {
position:relative;
width:846px;
margin:0 20px 0px 20px;
}
div#cc-tp-emotion { width:846px; }
div#cc-tp-wrapper { width:868px; }
div#cc-tp-navi {
float:left;
width:178px;
margin-top:16px;
margin-left:7px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/navi.png) top left repeat-y;
}
* html div#cc-tp-navi {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/navi.png');
}
html > body div#cc-tp-navi { margin-left:15px; }
div#cc-tp-content {
float:left;
width:457px;
margin:16px 0px 35px 6px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/tent.png) top left repeat-y;
}
* html div#cc-tp-content {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/tent.png');
}
div#cc-tp-sidebar {
position:relative;
float:left;
width:206px;
margin:16px 0px 35px 4px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/sidebar_bg.png) top right repeat-y;
}
div#cc-tp-footer {
padding:15px 10px 5px 10px;
}
div#cc-tp-footer-bg {
position:relative;
top:7px;
width:888px;
height:7px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/footer.png) top left no-repeat;
}
* html div#cc-tp-footer-bg {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/footer.png');
}
/* Innenabstaende
----------------------------------------------- */
div#cc-tp-sidebar .cc-tp-gutter { padding:0px 7px 15px 17px; position:relative; }
div#cc-tp-content .cc-tp-gutter { padding:0 20px; }
div#cc-tp-footer .cc-tp-gutter { padding:0px 15px; }
div#cc-tp-button .cc-tp-gutter { padding:0 0 0 11px; }
/* Fonts
----------------------------------------------- */
div#cc-tp-footer,
div#cc-tp-footer a, div#cc-tp-footer a:visited,
div#cc-tp-footer td,
div#cc-tp-footer p {
color:white;
}
/* Navigation
----------------------------------------------- */
ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {
margin:0;
padding:0;
list-style-type:none;
}
ul.mainNav1 li a { padding: 5px 0; }
ul.mainNav2 li a { padding: 5px 0; }
ul.mainNav3 li a { padding: 2px 0; }
ul.mainNav1 li { display:inline; }
ul.mainNav1 li a, ul.mainNav1 li a:visited {
display: block;
width:156px;
margin:0;
border-top:1px solid black;
outline:none;
background:#ccc url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/button_var.png) no-repeat left bottom;
text-align:center;
text-decoration:none;
cursor:pointer;
color:white;
}
ul.mainNav1 li a:hover {
color:white;
background:#CEB580 url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/mouseover.png) no-repeat left bottom;
}
* html ul.mainNav1 li a:hover {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/mouseover.png');
}
ul.mainNav1 li a.current, ul.mainNav1 li a.current:visited,
ul.mainNav1 li a.parent, ul.mainNav1 li a.parent:visited {
color:white;
background:#CEB580 url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/mouseover.png) no-repeat left bottom;
}
ul.mainNav2 li a, ul.mainNav2 li a:visited,
ul.mainNav3 li a, ul.mainNav3 li a:visited {
display: block;
width:156px;
margin:0;
border-top:1px solid black;
outline:none;
background: #444;
filter:none;
text-align:center;
text-decoration:none;
color:white;
}
ul.mainNav3 li a, ul.mainNav3 li a:visited {
font-size:80%;
color:#CCC;
}
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover {
filter:none;
background:#999;
}
* html ul.mainNav2 li a:hover,
* html ul.mainNav3 li a:hover {
filter:none;
background:#999;
}
ul.mainNav2 li a.current, ul.mainNav2 li a.current:visited,
ul.mainNav2 li a.parent, ul.mainNav2 li a.parent:visited,
ul.mainNav3 li a.current, ul.mainNav3 li a.current:visited {
color:#444;
filter:none;
background:#CEB580;
}
/* Header Sub-Elements
----------------------------------------------- */
div#cc-tp-header span#cc-tp-btop {
position:absolute;
z-index:9;
left:-7px;
top:0;
width:860px;
height:11px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_t.png) no-repeat left top;
}
* html div#cc-tp-header span#cc-tp-btop {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_t.png');
}
div#cc-tp-header span#cc-tp-bright {
position:absolute;
z-index:8;
left:840px;
top:11px;
width:13px;
height:152px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_r.png) no-repeat left top;
}
* html div#cc-tp-header span#cc-tp-bright {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_r.png');
}
div#cc-tp-header span#cc-tp-bbottom {
position:absolute;
z-index:7;
left:-7px;
top:163px;
width:860px;
height:15px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_b.png) no-repeat left bottom;
}
* html div#cc-tp-header span#cc-tp-bbottom {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_b.png');
background: none;
}
div#cc-tp-header span#cc-tp-bleft {
position:absolute;
left:-7px;
top:11px;
z-index:6;
width:13px;
height:152px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_l.png) no-repeat left top;
}
* html div#cc-tp-header span#cc-tp-bleft {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/h_border_l.png');
}
/* Navi Sub-Elements
----------------------------------------------- */
div#cc-tp-navi span#cc-tp-top {
display:block;
width:178px;
height:12px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/na_top.png) no-repeat left top;
}
* html div#cc-tp-navi span#cc-tp-top {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/na_top.png');
}
div#cc-tp-navi span#cc-tp-bottom {
display:block;
width:178px;
height:14px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/na_bottom.png) bottom left no-repeat;
}
* html div#cc-tp-navi span#cc-tp-bottom {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/na_bottom.png');
}
/* Content Sub-Elements
----------------------------------------------- */
div#cc-tp-content span#cc-tp-ctop {
display:block;
width:457px;
height:15px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/co_border_t.png) no-repeat left top;
}
* html div#cc-tp-content span#cc-tp-ctop {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/co_border_t.png');
}
div#cc-tp-content span#cc-tp-cbottom {
position:relative;
display:block;
width:457px;
height:14px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/co_border_b.png) no-repeat left top;
}
* html div#cc-tp-content span#cc-tp-cbottom {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/co_border_b.png');
}
/* Sidebar Sub-Elements
----------------------------------------------- */
div#cc-tp-sidebar span#cc-tp-sidetop {
display:block;
width:206px;
height:16px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/sid_border_t.png) top left no-repeat;
}
div#cc-tp-sidebar span#cc-tp-sidebottom {
display:block;
width:206px;
height:16px;
background:url(http://u.jimdo.com/www25/o/layout/l16350a48357ab226/img/sid_border_b.png) top left no-repeat;
font-size:0px;
}