Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.04.2009 um 15:46 (UTC)    
Titel: CSS-Code funktioniert nicht

Habe ein CSS erstellt aber der editor nimmt diesen jetzt nicht an...warum?

hier der CSS


/* begin Page */

/* Generated with Artisteer version 2.0.2.15338 */

body
{
margin: 0 auto;
padding: 0;
background-color: #212F35;
background-image: url('images/Page-BgTexture.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}

.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlare
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlareImage
{
background-image: url('images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 436px;
width: 481px;
margin: 0;
}

html:first-child .PageBackgroundGlare
{
border: 1px solid transparent; /* Opera fix */
}




.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


/* end Page */

/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:53px;
min-height:53px;
margin: 0 auto;
position: relative;
z-index: 0;
width: 1032px;
}


.Sheet-body
{
position: relative;
z-index: 0;
margin: 16px;
}

.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 36px;
height: 36px;
background-image: url('images/Sheet-s.png');
}

.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 36px;
height: 36px;
}

.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -36px;
width: 72px;
height: 72px;
background-image: url('images/Sheet-s.png');
}

.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 36px;
height: 36px;
}

.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -36px;
left: 0;
width: 72px;
height: 72px;
background-image: url('images/Sheet-s.png');
}

.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 36px;
height: 36px;
}

.Sheet-br div
{
position: absolute;
z-index: -1;
top: -36px;
left: -36px;
width: 72px;
height: 72px;
background-image: url('images/Sheet-s.png');
}

.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 36px;
right: 36px;
height: 36px;
}

.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 72px;
background-image: url('images/Sheet-h.png');
}

.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 36px;
right: 36px;
height: 36px;
}

.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -36px;
left: 0;
width: 100%;
height: 72px;
background-image: url('images/Sheet-h.png');
}

.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 36px;
left: 0;
width: 36px;
bottom: 36px;
}

.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 72px;
height: 100%;
background-image: url('images/Sheet-v.png');
}

.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 36px;
right: 0;
width: 36px;
bottom: 36px;
}

.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -36px;
width: 72px;
height: 100%;
background-image: url('images/Sheet-v.png');
}

.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 36px;
left: 36px;
right: 36px;
bottom: 36px;
background-image: url('images/Sheet-c.png');
}


.Sheet
{
margin-top: -16px !important;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 1000px;
height: 333px;
}



div.Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 1000px;
height: 333px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
display : block;
position: absolute;
left: {LogoLeft}px;
top: {LogoTop}px;
width: {LogoWidth}px;
}

h1.logo-name
{
display: block;
text-align: {HorizontalAlign};
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
{LogoNameFont}
padding:0;
margin:0;
color: {NameFontColor} !important;
}

.logo-text
{
display: block;
text-align: {HorizontalAlign};
}

.logo-text, .logo-text a
{
{LogoSloganFont}
padding:0;
margin:0;
color: {TextFontColor} !important;
}

/* end Logo */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}

.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}

.artmenu li li
{
float: none;
}

.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}

.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}

.artmenu:after, .artmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}

.artmenu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
position: relative;
margin: 0 auto;
width: 1000px;
height: 30px;
z-index: 100;
}

.artmenu
{
padding: 6px 3px 0px 3px;
}


.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}

.nav .l
{
left: 0;
right: 0px;
}


.nav .r
{
right: 0;
width: 0px;
}


.nav .r div
{
width: 1000px;
right: 0;
}


.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
clear: both;
}

.artmenu a , .artmenu a span
{
height: 24px;
display: block;
}


.artmenu a
{
cursor: pointer;
text-decoration: none;
margin-right: 1px;
margin-left: 1px;

}
.artmenu a
{
background-image: url('images/item-left.png');
background-position: left top;
background-repeat: no-repeat;
}

.artmenu a span
{
background-image: url('images/item-right.png');
background-position: right top;
background-repeat: no-repeat;
}
.artmenu a span span
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #D3DEE4;
padding: 0 10px;
margin: 0 5px;
line-height: 24px;
text-align: center;
background-image: url('images/item-center.png');
background-position: left top;
background-repeat: repeat-x;

}


.artmenu a:hover
{
background-position: left -24px;
}

.artmenu li:hover>a
{
background-position: left -24px;
}
.artmenu li:hover a span
{
background-position: right -24px;
}

.artmenu a:hover span
{
background-position: right -24px;
}


.artmenu a:hover span span
{
color: #366172;
background-position: left -24px;
}

.artmenu li:hover a span span
{
color: #366172;
background-position: left -24px;
}


.artmenu a.active
{
background-position: left -48px;
}

.artmenu a.active span
{
background-position: right -48px;
}

.artmenu a.active span span
{
color: #C7E2F0;
background-position: left -48px;
}

/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 22px;
width: 202px;
overflow:hidden;
line-height: 22px;
margin-right: auto;


background-image: url('images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;

border-width: 0px;
border-style: solid;
border-color: {PassiveBorderColor};
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 22px;
color: #27373F;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.artmenu ul ul a
{
margin-left: auto;
}

.artmenu ul li a:hover
{
color: #366172;
border-color: {HoveredBorderColor};
background-position: 0 -22px;
}

.artmenu ul li:hover>a
{
color: #366172;
border-color: {HoveredBorderColor};
background-position: 0 -22px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
color: #366172;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
color: #366172;
}


/* end MenuSubItem */

/* begin ContentLayout */
.contentLayout
{
margin-bottom: 5px;
width: 1000px;
position: relative;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.Block-body
{
position: relative;
z-index: 0;
margin: 0px;
}


.Block
{
margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 8px;
margin-bottom: 0px;

}

.BlockHeader-text
{
white-space : nowrap;
color: #163F55;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 30px;
}


.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}

.BlockHeader .l
{
left: 0;
right: 1px;
}


.BlockHeader .r
{
right: 0;
width: 1px;
}


.BlockHeader .r div
{
width: 1020px;
right: 0;
}


.BlockHeader .l, .BlockHeader .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/BlockHeader.png');
}



.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url('images/BlockHeaderIcon.png');
padding:0 0 0 19px;
background-repeat: no-repeat;
min-height: 11px;
margin: 0 0 0 5px;
}




/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
overflow: hidden;
min-width:3px;
min-height:3px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.BlockContent-body
{
position: relative;
z-index: 0;
margin: 8px;
}

.BlockContent-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 1px;
height: 1px;
background-image: url('images/BlockContent-s.png');
}

.BlockContent-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 1px;
height: 1px;
}

.BlockContent-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -1px;
width: 2px;
height: 2px;
background-image: url('images/BlockContent-s.png');
}

.BlockContent-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 1px;
height: 1px;
}

.BlockContent-bl div
{
position: absolute;
z-index: -1;
top: -1px;
left: 0;
width: 2px;
height: 2px;
background-image: url('images/BlockContent-s.png');
}

.BlockContent-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 1px;
height: 1px;
}

.BlockContent-br div
{
position: absolute;
z-index: -1;
top: -1px;
left: -1px;
width: 2px;
height: 2px;
background-image: url('images/BlockContent-s.png');
}

.BlockContent-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 1px;
right: 1px;
height: 1px;
}

.BlockContent-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 2px;
background-image: url('images/BlockContent-h.png');
}

.BlockContent-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 1px;
right: 1px;
height: 1px;
}

.BlockContent-bc div
{
position: absolute;
z-index: -1;
top: -1px;
left: 0;
width: 100%;
height: 2px;
background-image: url('images/BlockContent-h.png');
}

.BlockContent-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 1px;
left: 0;
width: 1px;
bottom: 1px;
}

.BlockContent-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 2px;
height: 100%;
background-image: url('images/BlockContent-v.png');
}

.BlockContent-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 1px;
right: 0;
width: 1px;
bottom: 1px;
}

.BlockContent-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -1px;
width: 2px;
height: 100%;
background-image: url('images/BlockContent-v.png');
}

.BlockContent-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background-image: url('images/BlockContent-c.png');
}


.BlockContent-body
{
color:#000000;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.BlockContent-body a:link
{
color: #2F5565;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.BlockContent-body a:visited, .BlockContent-body a.visited
{
color: #5090AA;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.BlockContent-body a:hover, .BlockContent-body a.hover
{
color: #2A759D;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}


.BlockContent-body ul
{
list-style-type: none;
color: #527484;
margin:0;
padding:0;
}

.BlockContent-body li
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-decoration: none;
}

.BlockContent-body ul li
{
padding:0px 0 0px 15px;
background-image: url('images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.Post-body
{
position: relative;
z-index: 0;
margin: 10px;
}


.Post
{
margin: 10px;
}


/* Start images */
a img
{
border: 0;
}

.article img, img.article
{
border-style: double;
border-width: 1px;
border-color: #B6D2DD;
margin: 1em;
}

.metadata-icons img
{
border: none;
vertical-align: middle;
margin:2px;
}
/* Finish images */

/* Start tables */

.article table, table.article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
background-color:Transparent;
}

.article th, .article td
{
padding: 2px;
border: ridge 1px #EAF2F5;
vertical-align: top;
text-align:left;
}

.article th
{
text-align:center;
vertical-align:middle;
padding: 7px;
}



/* Finish tables */
/* end Box, Post */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #D7EAF4;
}

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #D7EAF4;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
text-decoration: none;
text-align: left;
color: #C7E2F0;
}

.PostHeader a:visited, .PostHeader a.visited
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
text-decoration: none;
text-align: left;
color: #CEE1E8;
}

.PostHeader a:hover, .PostHeader a.hovered
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
text-decoration: none;
text-align: left;
color: #6AB1D7;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #E0E8EB;
}

.PostContent
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: justify;
color: #E0E8EB;
}

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #92C6E2;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #92C6E2;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #8BA9B6;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #6AB1D7;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}


/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #6AB1D7;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #6AB1D7;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #7FAFC3;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #C7D5DC;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #C7D5DC;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #C7D5DC;
}
/* Finish Content headings Fonts & Colors */

/* end PostContent */

/* begin PostBullets */
/* Start Content list */

ul
{
list-style-type: none;
color: #000000;
margin:0;
padding:0;
}

li
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
}



.Post ul li
{
padding:0px 0 0px 13px;
background-image: url('images/PostBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */

blockquote p
{
color:#061218;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}

blockquote
{
border-color:#B6D2DD;
border-width: 1px;
border-style: solid;

margin:10px 10px 10px 50px;
padding:5px 5px 5px 41px;

background-color:#BFDDEE;

background-image:url('images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}



/* Finish blockuote */
/* end PostQuote */

/* begin Button */
button.Button, a.Button
{
position:relative;
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:32px;
margin:0;
padding:0;
overflow: visible;
cursor: default;
text-decoration: none !important;
}


/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
display:list-item;
list-style-type:none;
float:left;
}


.Button .btn
{
position: relative;
overflow: hidden;
display: block;
width: auto;
z-index: 0;
height: 32px;
color: #E9EFF1;
white-space: nowrap;
float: left;
}

.Button .t
{
height:32px;
white-space: normal;
padding: 0 16px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: left;
line-height: 32px;
text-decoration: none !important;
}

input, select
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.Button .active
{
color: #EAF2F5;
}

.Button .hover, a.Button:hover
{
color: #FFFFFF;
text-decoration: none !important;
}

.Button .active .r
{
top: -64px;
}

.Button .hover .r
{
top: -32px;
}

.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 17px;
height: 96px;
}


.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:423px;
height: 96px;
}


.Button .active .l
{
top: -64px;
}

.Button .hover .l
{
top: -32px;
}

.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 17px;
height: 96px;
}


.Button .l, .Button .r span
{
background-image: url('images/Button.png');
}

/* end Button */

/* begin Footer */
.Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 1000px;
margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 8px;
text-align: center;
}

.Footer .Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('images/Footer.png');
width: 1000px;
height: 100px;
bottom:0;
left:0;
}



.rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('images/rssIcon.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 17px;
}




.Footer .Footer-text p
{
margin: 0;
}

.Footer .Footer-text
{
display:inline-block;
color:#1D292F;
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 11px;
}

.Footer .Footer-text a:link
{
text-decoration: none;
color: #1A1AB3;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.Footer .Footer-text a:visited
{
text-decoration: none;
color: #345E6F;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.Footer .Footer-text a:hover
{
text-decoration: none;
color: #226081;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#5EABD4;
}

.page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#82A2B0;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 249px;
}

/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 501px;
}

/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 249px;
}

/* end LayoutCell */
______________
Ist der Alli flach wien Teller,
war der Hordler wieder schneller ;p


Zuletzt bearbeitet von castitas-lilium am 22.04.2009, 19:27, insgesamt 2-mal bearbeitet
Beitrag22.04.2009 um 15:49 (UTC)    
Titel:

Wieso benutzt du nicht den Editor, der eh da ist? Oder siehst du das nicht:

______________

Beitrag22.04.2009 um 15:49 (UTC)    
Titel:

Nein, du brauchst CSS - Kenntnisse, um ein Design zu erstellen. Mit HTML tust du meines Wissens nach eigentlich nur Texte formatieren...
Beitrag22.04.2009 um 15:50 (UTC)    
Titel:

Nein,zum Designen deiner Homepage musst du CSS Stylesheet können,oder es beherrschen,das IceBlue Design umzucoden.
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beitrag22.04.2009 um 15:51 (UTC)    
Titel:

Du kannst deine Seite mit CSS editieren.

Du kannst Bilder mit GIMP bearbeiten für dein Design zuschneiden, am Anfang empfehle ich dir als Design Iceblue.

Dann kannst du folgendes Programm verwenden, um den Code zu generieren: http://design-creator.de.tl/

Dann nur noch den Code bei Text über Design einbauen und fertig

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag22.04.2009 um 16:12 (UTC)    
Titel:

kirmes-online hat Folgendes geschrieben:
Nein, du brauchst CSS - Kenntnisse, um ein Design zu erstellen. Mit HTML tust du meines Wissens nach eigentlich nur Texte formatieren...

nur zur info
ma kann mit html auch designs erstellen mit hilfe von tabellen

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beitrag22.04.2009 um 16:20 (UTC)    
Titel:

Naja, aber wenn man komplett ohne CSS arbeitet (damit meine ich hier auch style-Atrribute innerhalb von HTML), ist das Design aber nicht besonders gut^^
______________



Zuletzt bearbeitet von 3fragezeichen am 22.04.2009, 17:20, insgesamt einmal bearbeitet
Beitrag22.04.2009 um 16:25 (UTC)    
Titel:

ohne style atribute geht das mit tabellen halt auch nciht Idea Wink

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beitrag22.04.2009 um 17:23 (UTC)    
Titel:

Ein simples Design geht auch nur mit CSS.
Man kann auch in HTML-Tags Attribute für Hintergrundgrafiken etc. unterbringen.

Und man sollte sich mal mit dem Threadersteller befassen.
Welche Information wird verlangt?

- Eigenes Design erstellen (via HTML)
- WYSIWYG-Editor verlangt

Dies sollte so zu interpretieren sein, dass sich die person damit nicht auskennt und HTML und CSS wohl nicht all zu sehr von einander trennt. Immerhin würde jene Person den Code aus einem solchen Editor nehmen. Da wird dann sicherlicht auch CSS verwendet werden.


Zu der Frage:
Es gibt zwar Programme, mit denen du Designs bauen kannst, jedoch nützen dir jene im HPBK nicht viel.
Wieso?
Im Baukasten gibt es vorgegebene Designs. Man hat nicht viel Freiheit, was die Strukturelle Angelegenheit mit HTML angeht. Du kannst nur die vorgegebenen Designs bearbeiten und so ein "neues" Design erzeugen. Dazu brauchst du aber nur CSS, und davon Kenntnisse, da du eben nichts neu erstellst, sondern vorhandenes bearbeitest und somit wissen musst, wie du es machst.

Leider kannst du das schlecht mit einem Editor machen, wo du siehst, wie es wird. Sondern du musst es mit Codes testen und schauen, wie es ausschaut.
Du kannst dir jedoch eine Homepage Vorlage bauen und jenes dann in Auftraggeben, sodass jemand anderes, wenn du selbst nicht mit CSS umgehen weißt, die Arbeit machen lassen.
Für diesen weg, stelle die Anfrage bitte im Forum "Ich suche" ein. Im Forum ganz unten zu finden.

Ausnahme: Rein theoretisch ist es auch in der Praxis möglich, seine Seite komplett neu zu gestalten, ohne eine anderes Design bearbeiten zu müssen.
Dann jedoch würde, soweit ich weiß, der Administrationsbereich wegfallen und du könntest deine Seiten nicht mehr normal bearbeiten. Daher werde ich dazu keine Anleitung geben.
______________
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de