nPage.de - Forum
Angemeldet bleiben?
  #1 (permalink)  
Alt 04.01.2011, 20:12
Neuer Benutzer
 
Registriert seit: 14.10.2009
Beiträge: 15
Abgegebene Danke: 3
Erhielt 0 Danke für 0 Beiträge
Frage Hilfe bei Eigenes Design!!!

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
Code:
 
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;
}

Geändert von palmfu (04.01.2011 um 20:20 Uhr)
Mit Zitat antworten
  #2 (permalink)  
Alt 04.01.2011, 20:31
Benutzerbild von Topanga
nPage-Guru
 
Registriert seit: 18.06.2008
Ort: gleich links von Teppers
Beiträge: 6.352
Abgegebene Danke: 147
Erhielt 1.927 Danke für 1.742 Beiträge
Standard

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
__________________
nPage: emotico.npage topiswelt vote for emoticons
"Der beliebteste Fehler unter den Leuten, die etwas absolut idiotensicheres konstruieren wollen ist der, daß sie den Erfindungsreichtum von absoluten Idioten unterschätzen."
... Ich bin manchmal der mit dem Erfindungsreichtum ;-)

Mit Zitat antworten
  #3 (permalink)  
Alt 04.01.2011, 20:50
Neuer Benutzer
 
Registriert seit: 14.10.2009
Beiträge: 15
Abgegebene Danke: 3
Erhielt 0 Danke für 0 Beiträge
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 04.01.2011, 23:09
Benutzerbild von Topanga
nPage-Guru
 
Registriert seit: 18.06.2008
Ort: gleich links von Teppers
Beiträge: 6.352
Abgegebene Danke: 147
Erhielt 1.927 Danke für 1.742 Beiträge
Standard

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
__________________
nPage: emotico.npage topiswelt vote for emoticons
"Der beliebteste Fehler unter den Leuten, die etwas absolut idiotensicheres konstruieren wollen ist der, daß sie den Erfindungsreichtum von absoluten Idioten unterschätzen."
... Ich bin manchmal der mit dem Erfindungsreichtum ;-)

Mit Zitat antworten
  #5 (permalink)  
Alt 05.01.2011, 15:07
Neuer Benutzer
 
Registriert seit: 14.10.2009
Beiträge: 15
Abgegebene Danke: 3
Erhielt 0 Danke für 0 Beiträge
Standard

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
Mit Zitat antworten
  #6 (permalink)  
Alt 05.01.2011, 17:13
Benutzerbild von Herthaner4ever
Häufiger Benutzer
 
Registriert seit: 09.02.2008
Ort: Ahrensfelde(b.Berlin)
Beiträge: 201
Abgegebene Danke: 36
Erhielt 33 Danke für 31 Beiträge
Herthaner4ever eine Nachricht über ICQ schicken Herthaner4ever eine Nachricht über MSN schicken Herthaner4ever eine Nachricht über Skype™ schicken
Ausrufezeichen Index

.... 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
__________________
"Hier wird Ihnen geholfen"
Mit Zitat antworten
  #7 (permalink)  
Alt 05.01.2011, 17:52
Neuer Benutzer
 
Registriert seit: 14.10.2009
Beiträge: 15
Abgegebene Danke: 3
Erhielt 0 Danke für 0 Beiträge
Standard

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>

Geändert von homepagederflugzeuge (05.01.2011 um 17:53 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 05.01.2011, 19:04
Benutzerbild von Topanga
nPage-Guru
 
Registriert seit: 18.06.2008
Ort: gleich links von Teppers
Beiträge: 6.352
Abgegebene Danke: 147
Erhielt 1.927 Danke für 1.742 Beiträge
Standard

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
__________________
nPage: emotico.npage topiswelt vote for emoticons
"Der beliebteste Fehler unter den Leuten, die etwas absolut idiotensicheres konstruieren wollen ist der, daß sie den Erfindungsreichtum von absoluten Idioten unterschätzen."
... Ich bin manchmal der mit dem Erfindungsreichtum ;-)


Geändert von Topanga (05.01.2011 um 19:05 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 06.01.2011, 15:32
Neuer Benutzer
 
Registriert seit: 14.10.2009
Beiträge: 15
Abgegebene Danke: 3
Erhielt 0 Danke für 0 Beiträge
Standard

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
Mit Zitat antworten
  #10 (permalink)  
Alt 06.01.2011, 18:49
Benutzerbild von Herthaner4ever
Häufiger Benutzer
 
Registriert seit: 09.02.2008
Ort: Ahrensfelde(b.Berlin)
Beiträge: 201
Abgegebene Danke: 36
Erhielt 33 Danke für 31 Beiträge
Herthaner4ever eine Nachricht über ICQ schicken Herthaner4ever eine Nachricht über MSN schicken Herthaner4ever eine Nachricht über Skype™ schicken
Idee Img ist zu klein ...

..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 !!!
__________________
"Hier wird Ihnen geholfen"

Geändert von Herthaner4ever (06.01.2011 um 19:27 Uhr) Grund: Korrektur
Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Alle Zeitangaben in WEZ +1. Es ist jetzt 21:18 Uhr.
nPage.de - Forum - Archiv - Nach oben