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

[stundenbanner]

Jedes Design hat einen anderen Inhalt. Du brauchst die Datei nur hochladen und die Datei einbetten (s. Anleitung).

[Paulus]

Code: Alles auswählen

background-image:url(images/bgmain.jpg)

das ist die richtige.

Jetzt suchst du alles ab, wo bilder sind s.o. und tauscht diese gegen deine Bilder URL.

[Patrick]

@ stundenbanner,

das was wir bei oyla gemacht haben das sieht ja ganz anders aus wie das hier :-/
Ich bin verwirrt

Jetzt sieht es so 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(http://file1.npage.de/007379/38/bilder/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(http://file1.npage.de/007379/38/bilder/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(http://file1.npage.de/007379/38/bilder/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(http://file1.npage.de/007379/38/bilder/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(http://file1.npage.de/007379/38/bilder/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;}

[Patrick]

ist das jetzt richtig so?

[Patrick]

Ich glaube ich lasse das sein mit dem eigenen design. Das ist echt zu hoch
für mich . Selbst die Anleitung verstehe ich nicht. Ich soll dass css dokument bearbeiten
und zugleich noch ein weiteres dokumen auf dem pc?! Ich danke euch trotzdem für eure hilfe.

[goefi-chiangmai]

nicht gleich die Flinte ins korn werfen.

Wenn du einem von uns die Daten von deiner Seite gibst (per pn) kann man es ja soweit vorbeioreiten.

Du willst ja auch was lernen.

[Patrick]

Ja, das wäre machbar.
Aber nur unter der voraussetzung, dass man mir es hinterher
auch erklärt. Ich kann dir gerne die daten zukommen lassen.

Vielleicht kann man mir ja auch mal einen "unbearbeiteten" und
einen wo die verändertenCode erstellen.

ps.: ich warte ungeduldig auf Antworten

PN schicke ich jetzt los.

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

Hast du eine pn erhalten?

[stundenbanner]

Die .css Datei ist schon mal richtig bearbeitet .

Nun brauchst du nur noch die .css Datei einbetten. In der Index Datei folgende Stelle suchen (in der index.html):

Code: Alles auswählen

<link rel="stylesheet" href="format.css" type="text/css">

Und ersetzten mit:

<link rel="stylesheet" href="Link zur .css Datei" type="text/css">

Den Link zur .css Datei findest du unter Dateiein => Verzeichnisse => HTML Dateien auf die Datei klicken und du siehst die URL in der Adresszeile.

Oyla ist eine schöne Sache nur leider machen die da so gut wie keine Updates (auch technische). Aus diesen Grund ist nPage in den meisten Punkten besser. Bei Oyla gibt es aber dafür mehr Gimmicks und kein Punkte Symbol (was der Vorteil ist das du nicht warten musst bist du die Punkte zusammen hast für ein Extra) Welcher Baukasten für dich am besten ist muss du selber entscheiden. Ansnsten kann ich auch ein CMS System entfehlen.
Das Design => http://www.on-mouseover.de/templates/hp27/index.html kann ich auch sonst bei Oyla einbauen .

[goefi-chiangmai]

Es ist jetzt erstmal drin.

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

Dann müssen noch die Textseiten dem Style zugeordnet werden.
Dies geht unter Design >>> Mein Design >>> Styles zuordnen
Alle Seiten die diesen Style bekommen sollen anklicken und Style (Flieder) nehmen.

Wenn Du das hast müssen noch Deine Textseiten verlinkt werden.
Bei 20 Seiten und nur in der Waagerechten ein paar links, das wird eng
Wenn du da angekommen bist, helfen wir dir weiter

[Patrick]

Den Link zur .css Datei findest du unter Dateiein => Verzeichnisse => HTML Dateien auf die Datei klicken und du siehst die URL in der Adresszeile.

Wenn ich auf diese datei klicke, öffnet sich der code in fronpage .
Finde also dort die url nicht.

@ goefi,

erstmal vielen dank, dass du es eingebaut hast.
Aber nach wie vor will ich natürlich wissen, wie
es funktioniert . Und das wird ein langer weg
werden, oh ja