[erledigt] Fansite Kit Diablo3 , Hilfe =)

Ich hab von der Diablo3 Blizzard Homepage nun das Fansite Kit heruntergezogen. Das Problem dabei ist wie immer -> "Ich hab nur indirekt Erfahrung mit CSS" . Habe einiges per Html gemacht... Aber das steht nun nicht so zur Debate.. Alsooo ich habe aus diesem Packet einen StyleSheet bekommen welcher wie folgt aussieht :

__________________________

body { margin:0; font:12px Tahoma; color:#FFFFDD; background:url(../images/bg1.jpg) 50% 0 #170f05 repeat-x; }

#ev_bg { background:url(../images/ev_bg1.gif) repeat-y; width:1064px; margin:0px auto; }
#everything { width:1000px; margin:0 32px; background:url(../images/stone-dark.jpg); border:1px solid black; border-width:0px 1px; }

#header { height:162px; background:url(../images/d3_header1.jpg) right no-repeat; padding:0 20px; }
#header h1 { padding-top:115px; margin:0; color:white; }

#middle { clear:both; background:url(../images/borderb1.gif) repeat-x; padding:20px 10px; }

#left_column { width:195px; float:left; }
.horizontal #left_column { width:auto; float:none; }
#navigation a { background:url(../images/button_bg1.gif) no-repeat; width:170px; height:25px; display:block; padding-left:25px; margin:5px 0;
font-size:13px; color:white; text-decoration:none; line-height:25px;}
#navigation a:hover { background-position:0 bottom; }
.horizontal #navigation a { float:left; }
#more_information { padding-top:15px;}

#middle_column { float:left; width:50%; margin:0px 20px; }
#middle_column.two_column { float:left; width:75%; }
.horizontal #middle_column { width:auto; float:none; }
.date_break { font-size:19px; border-bottom:1px solid #680808; margin-bottom:10px; }
.post { background:url(../images/leather-heavy.jpg); border:1px solid #221100; margin-bottom:35px; line-height:18px; }
.post h1 { background:url(../images/title_bg1.gif) repeat-x #0d2368; padding:2px 10px; margin:0; font-size:15px; color:white;}
.post_body { padding:5px 15px; }
.post .postedby { float:left; clear:both; }
.post .timestamp { float:right }

ul { margin:20px; padding:10px; }
li { list-style:none; background:url(../images/bullet.gif) 0 5px no-repeat; padding-left:30px; line-height:25px; }
.list_left, .list_right { width:48%; float:left }

.post_info { clear:both; padding-top:10px; }

#right_column { width:26%; float:left; }
.box { background:url(../images/leather-vdark.jpg); border:1px solid #545454; margin:10px 0 25px 0; padding:10px; }

#footer { clear:both; padding:20px }
#subnav { margin:10px 0;}
#subnav a { color:#7A0C0C; }
#subnav a:hover { color:#E51414 }
.copyright { font-size:10px;}
______________________________________

Sollte ich diesen Code in " Text über dem Design" einfügen ?
Wenn ja gehört ja das hier dazu:

<style type="text/css">
<!--
Anweisung
-->
</style>


Der vorgegebene Code ist wie gesagt unbearbeitet. Ist dieser Code nur eine Verweisung für die Bilder des sogenannten Templates ? Wenn ja bräuchte ich ein Grundgerüst doch wie setzt sich das ganze zusammen ?

Wenn ich mir die Beispiele anschaue werden dort ja auch schon die ganzen
Verweisungen der Bilder hinzugeschrieben.

Ich steh einfach aufem schlauch

Zu mal das hier hab ich auch noch gefunden glaub das ist auch son Grundgerüst für nen Iceblue Design Typ. Hab dort schon etwas drinne
rumgemacht also nich wundern...

_______________________
<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color:##XXXXXX;
font-size: 12px;
text-decoration: none;}

a:hover {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

a: link {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

a:active {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

a:visited {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

/* Hintergrund hinter Design */
body{
background-image: url();
background-color: #XXXXXX;
color: #000000 !important;}


/* Header fixiert und zentriert*/
td.edit_header_full{
width: 100% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url(http://Hier Header-Bild);}

/* Header Titel entfernen*/
td.headline{visibility:hidden;}


/* Navigation*/
td.nav{
text-decoration: none;
color: #000000;
width: 185px;
height: 40px;
background-image: url(http://img.webme.com/pic/e/evolutiongaming/button_bg2.gif);}

td.nav:hover{
color: #000000;
width: 185px;
height: 40px;
background-image: url(http://img.webme.com/pic/e/evolutiongaming/button_bg2.gif);}

td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url(http://img.webme.com/pic/e/evolutiongaming/ev_bg2.gif);
background-color: #XXXXXX;
width: 185px;
background-repeat: repeat-y;}

td.edit_below_nav{
visibility: hidden;
width: 185px;}

td.edit_below_nav img{
visibility: hidden;
width: 1px;}

td.nav_heading{
width: 89px;
height: 80px;
background-image: url(http://img.webme.com/pic/e/evolutiongaming/title_bg2.gif);
background-color: #XXXXXX;
padding-top: 0px;
font-weight: bold;
font-size: 15px;
text-decoration: none;}

td.edit_navi_headbg table{
width: 185px;}

.menu{
width: 185px;
color: #000000 !important;
font-weight: bold;
padding-left: 35px;
font-size: 12px;}

.menu a{
color: #000000;
font-weight: bold;
padding-left: 35px;
text-decoration: none;
font-size: 12px;}


/* Textfeld Link-Formatierung*/
td.edit_content a{
color:#XXXXXX;
font-size: 12px;
text-decoration: none;}

td.edit_content a:hover {
color: ##XXXXXX;
font-size: 12px;
text-decoration: none;}

/* Textfeld Hintergrund*/
td.edit_content {
background-image:url(http://img.webme.com/pic/e/evolutiongaming/fabric-blue.jpg);
background-color: #XXXXXX;}


/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}

td.edit_content_top{
height: 25px;
background-image: url(http://img.webme.com/pic/e/evolutiongaming/borderb2.gif);
background-color: #XXXXXX;}

td.edit_content_bottom{
background-image: url();
background-color: #XXXXXX;}

td.edit_content_bottom2{
background-image: url();
background-color: #XXXXXX;
text-align: right;}

td.edit_rechts_cbg{
margin: 0px;
background-image: url(URL);
background-color: #XXXXXX;}


/* Rechte Boxen */
td.edit_rechts_sbg{
background-image: url();
width: 0px;}

td.sidebar_heading{
background-image: url();
background-color: #XXXXXX;
border-bottom: 0px double #XXXXXX;}

.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
background-image: url();
background-color: #XXXXXX;
color: #000000;
font-weight: bold;}

td.edit_rb_footer{
background-image: url();
background-color: #XXXXXX;
border-bottom: 0px solid ##XXXXXX;}

td.edit_rechts_bottom{
background-image: url();
background-color: #XXXXXX;}

-->
</style>

__________________________

Vielleicht könnt ihr mir ja helfen aus dieser misslichen Lage...

Wäre sehr nett !

Danke.

Wenn Du ein externes Design im Baukasten einbauen willst, hast Du 'ne Menge Arbeit vor Dir.

Du musst die einzelnen Designelemente an die Baukasten-Klassen und ID's anpassen.
Das habe ich zum Beispiel auf www.sparwelt.de.tl gemacht.

Naja dann werd ich das wohl so machen müssen . Danke für die Antwort =)

Schließen bitte