Seite 1 von 5
Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 16:22
von 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/
Re: Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 16:43
von 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.
Re: Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 17:05
von 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.
Re: Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 17:22
von 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.
Re: Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 17:30
von 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.
Re: Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 17:46
von stundenbanner
Du musst natürlich die .css Datei hochladen.
Es gibt jetzt auch ein Vide Tutorial in der Anleitung.
Re: Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 17:47
von 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.
Re: Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 17:51
von Patrick
heißt das jetzt, dass ich das falsche hochgeladen habe?
Muss ich also das (Kaskadierendes Stylesheet-Dokument) hochladen?
Re: Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 17:53
von Paulus
ja richtig hast dass falsche hochgeladen.
Die bilder und das CSS. (bzw. format.css, und falls vorhanden menue.css)
Re: Benötige Hilfe für eigenes Design von A-Z
Verfasst: Mi 21. Jul 2010, 17:54
von 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;}