Seite 1 von 3

2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 12:03
von Patrick
Hallo zusammen,

nach wie vor habe ich dieses Problem ein eigenes Template auf npage einzufügen.
Ich habe mir folgendes ausgesucht:
http://www.on-mouseover.de/templates/hp17/index.html

und das Template heruntergeladen sowie entpackt.

Folgende Dateien sind enthalten:
- images (habe ich bereits bei npage hochgeladen)
- format (Cascading Style Sheet- Dokument)
- ie_format (Cascading Style Sheet- Dokument)
- index (Firefox Document)
- menue (Cascading Style Sheet- Dokument)
- tipps (Firefox Document)

Was muss ich denn jetzt hochladen und wo muss ich es einfügen?

Derzeit sehe ich auf meiner Internetseite nichts :-(

http://patsch.npage.de

Vielleicht ist ja nochmal jemand bereit, mir dabei zu helfen.

LG
Patrick

Re: 2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 12:18
von goefi-chiangmai
Hey Patrick wir haben eine Anleitung für den Einbau eines fertigen Designs.

das findest du hier.
http://www.npage-hilfe.org/f49t288p1138 ... html#p1138


Solltest Du damit nicht klar kommen kannst Du mior deine Daten geben (vorher passwort ändern) und ich machs Dir rein.

Re: 2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 12:37
von Patrick
Hallo Peter,

diese Anleitung habe ich schon versucht :-(.

Ich lasse dir mal die daten zu kommen.

könntest du mir denn anschließend sagen, bzw. mir die unveränderten codes und einmal die veränderten
codes geben. Dann werde ich mir dass mal ausdrucken und mir gewisse stellen makieren. Ich kann irgendwie
so besser lernen :-/.

Wenn Du mir dass eingebaut hast, werde ich die links versuchen selber namen zu geben. Ich denke dass ich das hinbekomme.
Aber eins nach dem anderen :-)

Die daten per pn zukommen lassen?! Ich denke mal ja.

vielen dank schonmal im voraus.

Re: 2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 14:24
von goefi-chiangmai
ich hab soweit alles Hochgeladen und bin dabei die CSS zu machen.

Ich kann aber erst heute abend weiter machen , da ich gleich noch einen Termin habe.

Wirste dich bis heute abend gedulden müssen.

Re: 2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 14:44
von Patrick
ja, das ist kein problem.

bin am überlegen, ob ich mir eine zweite internetseite erstellen soll. Nur so zum üben.
Ob das sinnvoll wäre? Somit kann ich die richtige homepage in ruhe lassen und habe
die andere zum üben.

Ist das legal, eine zweite zu haben?

lg

Re: 2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 14:47
von goefi-chiangmai
Ja das ist legal.

Auszug aus der AGB von Npage.

1.6 Jeder Nutzer darf beliebig viele kostenlose Homepages erstellen. Die Textseiten der Homepages dürfen bei mehr als einer Homepage allerdings nicht verlinkt werden. Es ist untersagt, sich selbst als Werber anzugeben. Unter den Homepages dürfen keine Punkte hin- und hergeschoben werden

Eine weitere HP zum üben bietet sich immer an, so kannst du erst testen und dann übertragen auf Deine reguläre HP.

Re: 2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 18:54
von goefi-chiangmai
So drin isses.

http://patsch.npage.de

Um die Daten zu vergleichen, wo was geändert ist, musst du einfach die Original index gegen deinen Style Code legen. Dann kannst du die Unterschiede markieren.

Dein Header

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage 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>
<!-- Der nachfolgende einzeilige Copyright-Vermerk (c) ist nicht zu löschen.-->

<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
<!--Ein Entfernen dieses Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->

<link rel="stylesheet" href="http://file1.npage.de/000702/36/html/format.css" type="text/css">
<link rel="stylesheet" href="http://file1.npage.de/000702/36/html/menue.css" type="text/css">
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="http://file1.npage.de/000702/36/html/ie_format.css" />
<![endif]-->

</head>
<body     >


<table  align="center" id="breite" cellspacing="0" cellpadding="0" border="0"  >
<tr>



<td align="center" width="100%"   >



<!--schatten um die seite oben -->
<table width="100%" align="center"      border="0" cellpadding="0" cellspacing="0">
<tr>
 <td valign="top" id="s1" ><img src="http://file1.npage.de/000702/36/bilder/s1.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s2"><img src="http://file1.npage.de/000702/36/bilder/s2.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s3" ><img src="http://file1.npage.de/000702/36/bilder/s3.jpg" width="50" height="50" border="0" alt=""></td>
</tr>
<tr>
 <td valign="top" id="s4" ><img src="http://file1.npage.de/000702/36/bilder/s4.jpg" width="50" height="50" border="0" alt=""></td>
 <td class="haupt"   width="100%">
<!--ende schatten um die seite oben -->


<!--kopf-->
<table   width="100%"     border="0" cellpadding="0" cellspacing="0"  >
<tr>
<td    id="top1"    >
<div id="all">




<div class="menu" >
<!-- unteres Menu -->
<ul>
<li><a class="hide" href="#">Home</a>
<!--[if lte IE 6]>
<a href="#">Home
<table><tr><td>
<![endif]-->
<ul>
<li><a href="index.html">News</a></li>
<li><a href="index.html">über mich</a></li>
<li><a href="index.html">Vita</a></li>
<li><a href="index.html">Seite 14</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#">Malerei</a>
<!--[if lte IE 6]>
<a href="#">Malerei
<table><tr><td>
<![endif]-->
<ul>
<li><a href="index.html">Portraits</a></li>
<li><a href="index.html">Aquarelle</a></li>
<li><a href="index.html">Öl</a></li>
<li><a href="index.html">Pastell</a></li>
<li><a href="index.html">Bundstift</a></li>
<li><a href="index.html">sonstige Malereien</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#">Gruppe3</a>
<!--[if lte IE 6]>
<a href="#">Gruppe3
<table><tr><td>
<![endif]-->
<ul>
<li><a href="index.html">Seite 31</a></li>
<li><a href="index.html">Seite 32</a></li>
<li><a href="index.html">Seite 33</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#">Gruppe4</a>
<!--[if lte IE 6]>
<a href="#">Gruppe4
<table><tr><td>
<![endif]-->
<ul>
<li><a href="index.html">Seite 41</a></li>
<li><a href="index.html">Seite 42</a></li>
<li><a href="index.html">Seite 43</a></li>
<li><a href="index.html">Seite 44</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>

</ul>
<!-- ende unteres Menu-->
</div>


</div>
</td>
</tr>
<tr>
<td      id="top2" >
&nbsp;

</td>
</tr>






<tr>
<td    id="top3"    >&nbsp;<span id="name"> ARTGERECHT</span></td>
</tr>
</table>



<!--ende oben-->


<!--  inhalt-->

<table align="center"  width="100%"     border="0" cellpadding="0" cellspacing="0"  >

<tr>



<td valign="top"  id="inhalt">
Dein Footer

Code: Alles auswählen

</td>

</tr>
</table>


<!-- ende inhalt-->

<!-- fuss-->

<table width="100%"     border="0" cellpadding="0" cellspacing="0" >
<tr>
<td  id="fuss1"  ><table align="center"  id="menu1"  border="0" cellpadding="0" cellspacing="0"   >
<tr>
<td >
<a href="index.html"  >Home</a></td>
<td>|</td>
<td ><a href="index.html"  >Kontakt</a></td>
<td>|</td>
<td ><a href="index.html" >Impressum</a></td>
</tr>
</table>
<!-- ende menü  unten -->
</td>
</tr>
<tr>
<td  id="fuss2"  >Mike Muster GmbH & Co. KG&nbsp;&nbsp;<span style="color:#5F5F5F">&#149;</span>&nbsp;&nbsp;Spezialstrasse 55&nbsp;&nbsp;<span style="color:#5f5f5f">&#149;</span>&nbsp;&nbsp;55234 Sampletown <br>
</td>
</tr>
</table>



<!-- schatten um die seite mitte und unten -->
 <td valign="top" id="s6" ><img src="http://file1.npage.de/000702/36/bilder/s6.jpg" width="50" height="50" border="0" alt=""></td>
</tr>
<tr>
 <td id="s7" ><img src="http://file1.npage.de/000702/36/bilder/s7.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s8" ><img src="http://file1.npage.de/000702/36/bilder/s8.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s9" ><img src="http://file1.npage.de/000702/36/bilder/s9.jpg" width="50" height="50" border="0" alt=""></td>
</tr>
</table>
<!--ende schatten um die seite mitte und unten -->

</td>


</tr>
</table>
Hier die original index

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<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,homepage 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>
<!-- Der nachfolgende einzeilige Copyright-Vermerk (c) ist nicht zu löschen.-->

<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
<!--Ein Entfernen dieses Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->


<!-- Der nachfolgende Hinweis-Vermerk darf gelöscht werden-->

<!-- Hinweis:
Das Anbieten dieser Vorlage auf einer Webseite, CD, DVD oder anderen Bild/Tonträgern ist untersagt.
Nutzen dürfen Sie diese Vorlage aber auf einer Webseite wie folgt:
Die Vorlage kann privat (kostenlos) und kommerziell/gewerblich (gegen Bezahlung) für Sie selbst oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->



<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="ie_format.css" />
<![endif]-->

</head>
<body     >


<table  align="center" id="breite" cellspacing="0" cellpadding="0" border="0"  >
<tr>



<td align="center" width="100%"   >



<!--schatten um die seite oben -->
<table width="100%" align="center"      border="0" cellpadding="0" cellspacing="0">
<tr>
 <td valign="top" id="s1" ><img src="images/s1.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s2"><img src="images/s2.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s3" ><img src="images/s3.jpg" width="50" height="50" border="0" alt=""></td>
</tr>
<tr>
 <td valign="top" id="s4" ><img src="images/s4.jpg" width="50" height="50" border="0" alt=""></td>
 <td class="haupt"   width="100%">
<!--ende schatten um die seite oben -->


<!--kopf-->
<table   width="100%"     border="0" cellpadding="0" cellspacing="0"  >
<tr>
<td    id="top1"    >
<div id="all">




<div class="menu" >
<!-- unteres Menu -->
<ul>
<li><a class="hide" href="#">Gruppe1</a>
<!--[if lte IE 6]>
<a href="#">Gruppe1
<table><tr><td>
<![endif]-->
<ul>
<li><a href="index.html">Seite 11</a></li>
<li><a href="index.html">Seite 12</a></li>
<li><a href="index.html">Seite 13</a></li>
<li><a href="index.html">Seite 14</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#">Gruppe2</a>
<!--[if lte IE 6]>
<a href="#">Gruppe2
<table><tr><td>
<![endif]-->
<ul>
<li><a href="index.html">Seite 21</a></li>
<li><a href="index.html">Seite 22</a></li>
<li><a href="index.html">Seite 23</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#">Gruppe3</a>
<!--[if lte IE 6]>
<a href="#">Gruppe3
<table><tr><td>
<![endif]-->
<ul>
<li><a href="index.html">Seite 31</a></li>
<li><a href="index.html">Seite 32</a></li>
<li><a href="index.html">Seite 33</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#">Gruppe4</a>
<!--[if lte IE 6]>
<a href="#">Gruppe4
<table><tr><td>
<![endif]-->
<ul>
<li><a href="index.html">Seite 41</a></li>
<li><a href="index.html">Seite 42</a></li>
<li><a href="index.html">Seite 43</a></li>
<li><a href="index.html">Seite 44</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>

</ul>
<!-- ende unteres Menu-->
</div>


</div>
</td>
</tr>
<tr>
<td      id="top2" >
&nbsp;

</td>
</tr>






<tr>
<td    id="top3"    >&nbsp;<span id="name"> Name der Homepage</span></td>
</tr>
</table>



<!--ende oben-->


<!--  inhalt-->

<table align="center"  width="100%"     border="0" cellpadding="0" cellspacing="0"  >

<tr>



<td valign="top"  id="inhalt">

Hier ist der Bereich der durch den npage Editor eigefügt wird.

</td>

</tr>
</table>


<!-- ende inhalt-->

<!-- fuss-->

<table width="100%"     border="0" cellpadding="0" cellspacing="0" >
<tr>
<td  id="fuss1"  ><table align="center"  id="menu1"  border="0" cellpadding="0" cellspacing="0"   >
<tr>
<td >
<a href="index.html"  >Home</a></td>
<td>|</td>
<td ><a href="index.html"  >Kontakt</a></td>
<td>|</td>
<td ><a href="index.html" >Impressum</a></td>
</tr>
</table>
<!-- ende menü  unten -->
</td>
</tr>
<tr>
<td  id="fuss2"  >Mike Muster GmbH & Co. KG&nbsp;&nbsp;<span style="color:#5F5F5F">&#149;</span>&nbsp;&nbsp;Spezialstrasse 55&nbsp;&nbsp;<span style="color:#5f5f5f">&#149;</span>&nbsp;&nbsp;55234 Sampletown <br>
</td>
</tr>
</table>



<!-- schatten um die seite mitte und unten -->
 <td valign="top" id="s6" ><img src="images/s6.jpg" width="50" height="50" border="0" alt=""></td>
</tr>
<tr>
 <td id="s7" ><img src="images/s7.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s8" ><img src="images/s8.jpg" width="50" height="50" border="0" alt=""></td>
 <td id="s9" ><img src="images/s9.jpg" width="50" height="50" border="0" alt=""></td>
</tr>
</table>
<!--ende schatten um die seite mitte und unten -->

</td>


</tr>
</table>

Re: 2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 19:37
von Patrick
AHHHHHH WIE GEIL!!!!! VIELEN DANK!
irgendwie beneide ich euch. Ich würde es OHNE hilfe nicht hinbekommen :-(.

Möchte das jetzt aber diesmal nicht einfach so im sande verlaufen lassenwie
letztes mal.

Welche datei muss denn zerteilt werden für den Header und footer? Ist dass
die index datei? Welche datei ist es denn z.B. wenn ich eine internetseite ge-
öffnet habe und mir den quelltext ansehe? Ist dass ebenfalls die index datei?


Noch ein anliegen zu meinem design.

Den Namen der Homepage "ARTGERECHT" würde ich gerne in der Mitte haben.
nun dachte ich, dass es zwischen <center> ARTGERECHT </center>. Warum
geht das nicht?

So wie das "Logo" will ich in der Grße gerne ändern. Aktuell ist es 800 x 552 Px
groß. Will aber ein eigenes logo mit der größe 800 x 350 Px einfügen.

Aber wo muss ich dass machen?

format.css
ie_format.css
menue.css
im Header
oder im footer?

Es gibt so viele Möglichkeiten :-/

Re: 2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 19:51
von goefi-chiangmai
Patrick hat geschrieben: VIELEN DANK!
Bitte schön
Patrick hat geschrieben:Welche datei muss denn zerteilt werden für den Header und footer? Ist dass
die index datei? Welche datei ist es denn z.B. wenn ich eine internetseite ge-
öffnet habe und mir den quelltext ansehe? Ist dass ebenfalls die index datei?
Ja es ist die Index, diese rufst Du Dir auf und musst schauen wo der Anfang des Inhaltes ist. Dort wird er geteilt für den Header und am ende des Inhalts logischer weise für den Footer
Patrick hat geschrieben:Den Namen der Homepage "ARTGERECHT" würde ich gerne in der Mitte haben.
nun dachte ich, dass es zwischen <center> ARTGERECHT </center>. Warum
geht das nicht?
Das muss ich mir erstmal anschauen , kann ich so nicht sagen.
Patrick hat geschrieben:So wie das "Logo" will ich in der Grße gerne ändern. Aktuell ist es 800 x 552 Px
groß. Will aber ein eigenes logo mit der größe 800 x 350 Px einfügen.
Das machst du in der format.css
Hier:
#top2 {background-image:url(http://file1.npage.de/000702/36/bilder/logooben.jpg);
background-repeat:no-repeat;
height:390px;
background-color:#fff;
background-position:50% 100%;
border:solid 1px #CFCFCF;

Re: 2. Hilfeschrei

Verfasst: Mo 13. Sep 2010, 20:50
von Patrick
goefi-chiangmai hat geschrieben: Das machst du in der format.css
Hier:
#top2 {background-image:url(http://file1.npage.de/000702/36/bilder/logooben.jpg);
background-repeat:no-repeat;
height:390px;
background-color:#fff;
background-position:50% 100%;
border:solid 1px #CFCFCF;
warum geht das nicht?

hab die 390 Px mal in 250 Px geändert. Aber es tut sich nichts.
Woran kann das liegen?