Hilfe bei Eigenes Design!!!

[homepagederflugzeuge]

Hallo,
ich habe mir für meine Homepage ein HTML-Design aus dem Internet runtergeaden. Nach dem Download wurde der Download mit WinRar geöffnet und dort waren zwei Datein. Die erste Datei heißt menue.css und die zweite format.css. In beide sind HTML-Sachen drin. Nun gibt es bei npage beim Eigenen Design gibt es ja einen Header und einen Footer. Jetzt weis ich aber nicht wo was reingehört und wie das trennen muss usw..Als ich das einfach mal eingefügt habe kam nichts bei raus.Nun frage ich euch was muss man machen damit das design richtig rauskommt?Hier mal den Inhalt von menue.css und format.css:

Danke Mfg Tim Witt

 
menue.css:
/* menue in box3 (weiter-links unter news) */
#menubox a , #menubox a:visited , #menubox a:active {display:inline;
background-color:#;
color:#000;
font-size: 12px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
text-decoration:underline;
text-align:left;
font-style:normal;
}
#menubox a:hover{
background-color:#225788;
color:#FFf;
text-decoration:underline ;
}
 
/* menue rechts  */
#menu2 {
border: dashed 0px #fff;
background-color:#;
text-align: left;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding-bottom:0px;
padding-top:0px;
}
#menu2 ul, #menu2 li {
list-style-type:square;
margin-left:16px;
padding: 0px;
color:#2073A5
}
#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:200px;
color:#000;text-decoration:none;
font-size: 14px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
height: 16px;
line-height: 16px;
padding-left:6px;
}
#menu2 li a:hover { background:TRANSPARENT;
color:#04537D;
text-decoration:underline;
padding-left:6px;
}

/* menue oben */
#menuhorizontal a, #menuhorizontal a:visited , #menuhorizontal a:active {display: block;
color:#fff;
font-weight:bold;
text-transform:capitalize;font-variant:small-caps;
text-decoration:none ;
font-family:verdana, sans-serif;
font-size: 14px;
padding-left: 0px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 0px #AAAAAA;
height:58px;
line-height:58px;
text-align:center;
}
#menuhorizontal a:hover {
background:transparent;
text-decoration:none ;
color:#fff;
text-decoration:underline ;
border-left:solid 0px #fff;
}
.trenn {width:1px;color:white}
 

/* allgemeine links im text */
a:link, a:visited, a:active{ font-size: 16px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;color:#000    ;text-decoration:underline;background-color:#;}
a:hover{background-color:#225788;
color:#FFf;text-decoration:none}
 

/* zweites menue ganz oben und unten */
.trenn2 {width:1px;color:#E4E4E4}
#menu a, #menu a:visited , #menu a:active {display: block;
color:#fff;
text-decoration:none ;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
font-size: 12px;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:40px;
line-height:40px;
text-align:center;
background-color:#202020;
background:transparent
}
#menu a:hover {color:#fff; text-decoration:underline ;
background:transparent;}
}

format.css:
/* ================ ALLGEMEIN =============== */

body
{margin-top: 0px;  margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-color: #5599d6; padding:0px;
width:100%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
}
/* hinweis: die schrift für den inhaltsbereich ändern sie weiter unten bei #inbox */

/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #517188; scrollbar-base-color: #fff;
scrollbar-highlight-color : #517188; scrollbar-shadow-color : #fff;
SCROLLBAR-TRACK-COLOR: #fff;}
 
 
 
/* ================ KOPFBEREICH ================ */
#main_top{width:0px;width:100%;
background-color: #;
background-image:url(images/header.jpg);background-repeat:no-repeat;
background-position:center top;
}
#main_topvers2{width:0px;width:100%;
background-color: #;
background-image:url(images/header2.jpg);background-repeat:no-repeat;
background-position:center top;
}

#top {
height:44px;
text-align:left;
padding-left:20px;
}

#top1 {padding-left:50px;
padding-right:80px;
height:166px;
vertical-align:middle;
color:#DEEDE4;
}
#top2 {
height:56px;
text-align:center;
vertical-align:middle;
color:#b6b6b6;
font-size:14px;
}

#hpname {letter-spacing:-1px;font-size:48px;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
color:#3B6F9D;
}
#slogan {letter-spacing:-1px;font-size:16px;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
color:#3B6F9D;font-style:italic
}
 
 
 
/* ================ INHALTSBEREICH ================ */

#main_inhalt{
width:100%;
height:1000px;
background-image:url(images/back_main.jpg);background-repeat:repeat-y;
background-position:center top;
}
#inhalt{
height:100%;
color:#000;
width:920px
}
ul.liste1 {list-style-image:url(images/kugel.gif)}
#sp1 {height:1100px;
color:#202020;
padding-top: 40px; padding-bottom: 40px;
padding-left: 40px;padding-right:40px;
letter-spacing:0px;
width:100%;
vertical-align:top;
text-align:justify;
font-size: 16px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
}
h3.boxheader {color:#2868A2;
font-size: 16px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
border-bottom:solid 1px #2868A2;font-style:italic}
.box2{
font-size: 11px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#000;
}
.box1{
font-size: 14px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#202020;
}
.box3{
font-size: 13px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#202020;
}
.box4{
font-size: 13px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#202020;
}
/* schatteneffekt auf dem zitat */
div.shadow, div.shadow2, div.shadow3, div.shadow4, div.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
div.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
div.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
div.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
div.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
div.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid #fff;
   margin: 0.7em 1em;
   }

/* ende schatteneffekt auf dem zitat */
 
#sp2 {
height:1100px;color:#000;font-size: 14px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
padding-right:40px;
padding-top: 30px;
padding-bottom:30px;
}
 
 
 
 
/* überschriften */
h2{  font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#26659D;
margin-bottom:10px;letter-spacing:2px;font-size: 18pt;
border-bottom:dashed 0px #000;
padding-bottom:4px;font-style:italic;
}

/* =============== FUSSBEREICH =============== */
#main_fuss{width:0px;width:100%;
}
#fuss {
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #000;
height:103px;
text-align:center;
vertical-align:middle;
letter-spacing:4px;
background-image:url(images/fuss.jpg);background-repeat:no-repeat;
background-position:center top;
}
#fuss2 {
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #fff;
height:81px;
text-align:center;
vertical-align:middle;
letter-spacing:0px;
background-color:#396b9c;
background-image:url(images/fuss2.jpg);background-repeat:no-repeat;
background-position:center top;
}

[Topanga]

was du gepostet hast ist der CSS-Code wie die dateiendung .css das auch schon sagt. Du musst noch eine index.html oder so besitzen dort ist der HTML-Code drinn der aufgeteilt werden muss die beiden CSS-Dateien werden nur angepasst sprich die Bildadressen in die bei npage geändert und anschließend hochgeladen.

Im HTML-Code werden dann die Adressen zu den CSS-Dateien angepasst.

Zum Aufteilen bitte den HTML-Code hier posten bitte dabei den Button mit der Raute # nutzen.

Auch hier weise ich nochmals darauf hin das für die Verwendung eines eigenen Designs HTML- sowie CSS-Grundkenntnisse vorhanden sein müssen und daher nur für erfahrene Benutzer zu empfehlen ist. z.B. muss die Navigation mithilfe von HTML manuel aufgebaut und verwaltet werden.

Mit freundlichsten Grüßen
Topanga

[homepagederflugzeuge]

ich weiß nicht ganz genau was sie meinen mit dem html.index da ist keiner dabei gewesen.da steht nurirgendwie ein link mit html.index und dann kommt die homepage also wie sie fertig sein soll.

[Topanga]

dann bitte mal den Link zum Download posten das ichs mir ansehen kann welche dateien vorhanden sind und was wo hingehört.
Mit freundlichsten Grüßen
Topanga

[homepagederflugzeuge]

natürlich hier:
homepage-vorlagen ( umsonst ). eigene webseiten ( templates, homepages ) erstellen. umsonst free download. viele freie homepage-vorlagen mit und ohne frames. create your own websites

das das design nummer 10, es heisst Fun at the beach

Mit freundlichen Grüßen Tim Witt

[Herthaner4ever]

.... also von DORT hab ich auch schon Templates runtergeladen und auch eingebaut.Da war immer eine index.datei dabei.Wenn Du eine Datei mit namen index beim entpacken dabei hast, ist das genau DIE welche Du auch zu npage hochladen musst.Dann kannst sie auch über Dateien -> Verzeichnisse -> HTML-Dateien öffnen und bearbeiten.

Gruss Peter

[homepagederflugzeuge]

danke herthaner4ever jetzt bin ich schonmal ein schritt weiter.ich habe die datei jetzt hochgeladen und ich kann sie auch bearbeiten aber wie bekomme ich jetzt das design so das es auf meiner homepage angezeit wird also auf meiner homepage ist. muss ich das vielleicht noch einfügen bei eigenes design aber dann muss es ja noch für den header und footer getrennt werden.Außerdem sind da noch so komische andere Texte drin!
Hier einfach mal der Code: (komisch irgendwie kann ich den ganzen Code nicht posten(schneidet er immer ab))


<!</SPAN>DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homep age dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<FONT color=#aa7700>

[Topanga]

Also Einbau eigenes Design
geprüft und vorhanden:
1 Ordner images gefüllt mit Bildern
1 format.css
1 index.html
1 index2.html
1 menue.css

1. Bilder im nPage-Account hochladen
2. format.css mit dem Windows Editor auffem PC (bei Linux ist es Textedit, Mac keine Ahnung sollte aber auch sowas besitzen) öffnen.
3. Dei Bildadressen in die von nPage umändern sprich das Wort images gegen http://file1.npage/usw austauschen
4. Änderungen speichern.
5. format.css im nPage-Account hochladen
6. Wiederholung der Schritte 2-5 mit der menue.css
7. index.html wie die format.css öffnen dort die URL zur format.css und menue.css anpassen : <link rel="stylesheet" href="format.css" type="text/css">
8. ebefalls wie in der css-Datei die URLs von Bildern anpassen
9. außerdem die Navigationslinks mit den TextseitenURLs versehen. TextseitenURLs sind zu finden unter SEITEN >> Textseiten >> Alle TextseitenURLs anzeigen
10. dann unter DESIGN >> Design-Einstellungen >> Styles verwalten >> einen neuen Style erstellen ins obere Kästchen "Header" gehört alles an Code von der index.html bis wo der Inhaltsbeispieltext <h2>layout </h2> anfängt alles was an Code ganz unten nach dem Text In vulputate gravida orci. kommt gehört alles ins unter Kästchen "Footer"
11. Style speichern
12. Textseite erstellen und den Beipsieltext (ausgelasender Codeteil beim Style) einfügen.
13. Design >> Design-Einstellungen >> Style zuweisen >> den Style den Textseiten und den Sonderseiten zuweisen
14. DESIGN >> Design-Einstellungen >> Framesset wählen >> Frameset auswählen (meist das erste mit 1 Frame bzw. gleichbedeutet ohne Frame)
15. DESIGN >> Design-Einstellungen >> Einstellungen >> hier die gewünschte Textseite auswählen
16. Fertig

Mit freundlichsten Grüßen
Topanga

[homepagederflugzeuge]

Danke an euch hab jetzt alles sowet geschafft.Jedoch habe ich noch ein kleines Problem: Der Bereich wo der Inhalt usw. rein kommt wo man dann reinschreibt und so ist ganz schmall und nicht so wie er auf der Homepage des Hersteller gezeigt wurde.

Hier meine Homepage dann könnt ihr euch mein Problem angucken:
www.airliner.de.to

Und hier die Adresse wie es sein soll:

www.on-mouseover.de/templates/

MfG Tim Witt

[Herthaner4ever]

..du hast wahrscheinlich das Bild was da zu gehört beim hochladen komprimiert.Deshalb passt es nun nicht.

Dein Bild: 800x11 px aber das Original hat: 1600x21 px !!!!!!

Gruss Peter

Es betrifft ALLE Bilder !!!