Benötige Hilfe für eigenes Design von A-Z

[Patrick]

Hallo zusammen,

Hoffe dass die Frage hier im richtigen Bereich ist.

Wie der Titel schon sagt, benötige ich hilfe um ein eigenes Design zu erstellen.
Allerdings habe ich null Ahnung von dem Codieren. Ich benötige alleine schon hilfe
um zu wissen, was ich wo einstellen muss.

Wer ist so lieb und Hilft mir SCHRITT für SCHRITT!
Derzeit habe ich ein Anpassbares design ausgewählt. Möchte aber gerne ein
einzigartiges wie z.B. folgende

http://www.on-mouseover.de/templates/hp27/index.html

http://www.on-mouseover.de/templates/hp44/index.html

Ist es irgendwie möglich, bei dem 1. design auch ein Klappmenü zu machen?


LG
Patrick


Meine Momentane seite lautet wie folgt:

http://pat-pictures.npage.de/

[Paulus]

Hallo Patrick,

sicher können wir dir helfen so ein fertiges Design einzubauen.
Im [hilfe-lexikon][/hilfe-lexikon] hat Florian (Stundenbanner) ein schönes Tutorial dazu gemacht.
Schau mal hier http://www.npage-hilfe.org/f49t288p1138 ... html#p1138

Ist eigentlich nicht so schwer ein fertiges einzubauen.
Mit dem Klappmenue müsste man dann mal schauen.

[Patrick]

Mir fehlt aber der weg zum ersten bild der beschreibung :-/.
Wie komme ich dort hin? Mir muss man leider echt schritt für schritt helfen.

Durch Stundenbanner bin ich auch hier hergekommen .
Er hat mir schon bei einem anderen Anbieter geholfen.

[Paulus]

Den weg habe ich dir doch bereits erklärt.

Bei Npage anmelden.
Dann auf Dateien >>> Verzeichnisse >>> HTML Dateien
Dann bist du dort wo du die CSS hast die Du bearbeiten musst.

[Patrick]

habe die dateien unter bilder hochgeladen.

wenn ich die schritte gehe, die du mir sagts, steht hier keine dateien oder ordner vorhanden *ich bin verwirrt* .

Ich lösche jetzt nochmal alle dateien und dann vielleicht schritt für schritt?
Eine css sehe ich auch nicht.

--------------------------------------------------

was muss ich denn jetzt genau hochladen?
Ich habe mir nun ein template auf den computer heruntergeladen und entpackt.
Dort gibt es 6 Bilddateien, ein HTML Dokument (mit dem explorer zeichen und
noch ein ganz komisches Dokument (Kaskadierendes Stylesheet-Dokument).

------------------------------------------------------------
ich habe jetzt bei HTML datei die mit dem explorerzeichen hochgeladen. Jetzt
tut sich da auch was. Was ist denn nun der nächste schritt? Die Bilddateien hoch-
laden? ich mach einfach mal.

[stundenbanner]

Du musst natürlich die .css Datei hochladen.

Es gibt jetzt auch ein Vide Tutorial in der Anleitung.

[Paulus]

Du kannst alle Dateien bis auf die index.html raufladen.

Das (Kaskadierendes Stylesheet-Dokument) bzw. format.css ist deine CSS Datei die du brauchst.

Beim Hochladen darauf achten das sie nicht komprimiert werden.
Und dann immer der Anleitung nach.
Ist eigentlich mehr ein Suchspiel, wo jetzt was hingehört.
Wenn du die URL der Bilder suchst, gibts auch eine Anleitung (sogar Video) wie du diese findest.

[Patrick]

heißt das jetzt, dass ich das falsche hochgeladen habe?
Muss ich also das (Kaskadierendes Stylesheet-Dokument) hochladen?

[Paulus]

ja richtig hast dass falsche hochgeladen.

Die bilder und das CSS. (bzw. format.css, und falls vorhanden menue.css)

[Patrick]

Ich glaub das wird nichts

dieses Kaskadierendes Stylesheet-Dokument sieht ja wieder ganz anders aus.

Code: Alles auswählen

body
{margin-top: 0px;  margin-left: 0px; margin-right: 0px;margin-bottom: 0px; background-color: #383838; padding:0px;
background-image:url(images/bgmain.jpg);
background-repeat:repeat-y;
background-position:50% 0%;width:100%;}

#aussen
{padding:0px;margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-image:url(images/lay.jpg);background-repeat:no-repeat;
background-position:center top;
}


h2{  font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif;color:#fff;
margin-bottom:18px;letter-spacing:2px;font-size: 17px;
border-bottom:solid 0px #746b64;
padding-bottom:4px;font-style:italic;
}







#top1 {
height:45px;
vertical-align:middle;
text-align:right;
padding-right:20px;
padding-top:20px;
color:#b6b6b6;
font-size:14px;
}

#leiste {vertical-align:middle;
text-align:left;
padding-left:14px;
height:250px;
border-top:solid 0px #CFCFCF;
background-color:#;
padding-top:0px;
}


#hpname {letter-spacing:2px;font-size:20px;
font-family: georgia,"Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif; font-style:italic; color:#F4FFE1;
font-style:italic;width:700px;padding-left:10px;padding-right:20px;
border-top:solid 0px #666666;padding:0px;}


.buleiste {vertical-align:middle;
height:52px;
border-bottom:solid 0px #fff;
background-color:#;
margin:0px;padding:0px;
}

.menutrenn {
border-bottom:solid 0px #fff;
color:#6ABC05;
margin:0px;padding:0px;
}


#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#E7FECB;
text-decoration:none ;
font-size: 14px;
font-family:arial, helvetica, tahoma ,verdana, sans-serif;
padding-left: 8px; padding-right: 8px;padding-bottom: 0px; padding-top:0px;
border-left:solid 0px #fff;border-top:solid 0px #fff;
line-height:35px;
height:35px;
text-align:center;
background-color:#;
}

#menu2 a:hover {
color:#fff;
background-color:#;
text-decoration:underline ;
}



#main{  height:800px;
background-image:url(images/bgin.jpg);background-repeat:no-repeat;
background-position:center top; background-color:#;
}



#inbox { text-align:justify;padding-top:40px;padding-bottom:30px;
font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#b6b6b6;
 background-color:#;}


#navbox {color:#fff;font: normal 11px/15px verdana, sans-serif; padding-left: 0px;padding-right:0px;padding-top: 0px;
background-color:#;
border-right:solid 1px #fff;
border-left:solid 0px #fff;
width:120px;
vertical-align:top;
text-align:center;}





#fussb {
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:14px;
 color: #f7f7f7;
height:120px;
text-align:center;
vertical-align:middle;
padding-bottom:24px;
background-color:#;
background-image:url(images/fuss.jpg);
background-repeat:no-repeat;
background-position:top center;
padding-bottom:10px;
letter-spacing:3px;

}

#fussb2 {font-family: arial,georgia,verdana, sans-serif;
font-size:9px;
 color: #fff;
height:92px;
text-align:center;
vertical-align:middle;
font-style:italic;
background-color:#;
letter-spacing:3px;
background-image:url(images/fuss2.jpg);
background-repeat:repeat-y;
background-position:top center;

}






/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 15px;line-height: 19px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#b6b6b6;text-decoration:underline;background-color:#}

a:hover{ color:#fff;
background-color:#;text-decoration:none}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #4a8203; scrollbar-base-color: #F5F8F3;
scrollbar-highlight-color : #4a8203; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}