Wer kennt sich mit HTML aus?

matrix · Beitrag von **matrix** » 01.04.2010 19:15:35

Hallo, ich habe mir bei Repage7 eine Homepage gebastelt.
Dazu habe ich der Einfachheit halber, eine vorkonfiguriertes Frameset benutzt.
Es gibt aber die Möglichkeit, die Menülinks mit anderen Buttons auszustatten.

Dazu soll man " %%MENU%% " in die Mastervorlage setzen.

Hat jemand einen Schimmer, an welcher Stelle das gesetzt werden muß

Oder verstehe ich diesen Text falsch?
**Du verwendest eine Mastervorlage (Nicht-Frameset)!
Dein Menü Design änderst Du also normalerweise direkt in Deiner » Mastervorlage.
Wenn Du Dein hier definiertes Menü verwenden möchtest, setze die Variable %%MENU%% in Deiner Mastervorlage! **

Nach dem einbringen dieses Befehls, erscheinen die neuen Buttons auch auf der Page,..... nur nicht wo ich möchte und die alten Buttons sind auch noch da

Die Master:


<html>
<head>
%%META%%
<style type=text/css>
body,.content {font-size:13px;font-family:Tahoma;color:#FFFFFF}
.menue {color:000000;font-size:13px;font-family:Tahoma;text-decoration:none;font-weight:bold}
.menue:hover {color:FFFFFF;font-size:13px;text-decoration:none;font-weight:bold}
a {color:#FDBD80;text-decoration:underline}
a:hover {color:#FDBD80;text-decoration:none}
</style>
</head>

<body text="#000000" bgcolor="#000000" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">

<center><a NAME="top"></a></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr>
<td COLSPAN="4"><img SRC="http://images.repage.de/images/templates/xc/index_1.jpg" BORDER=0 height=53 width=980></td>
</tr>

<tr>
<td><img SRC="http://images.repage.de/images/templates/xc/index_2.gif" BORDER=0 height=50 width=28></td>

<td COLSPAN="2" WIDTH="391" HEIGHT="50" BACKGROUND="http://images.repage.de/images/templates/xc/index_3.jpg">
<font size=5 color=ffffff><center><b>%%TITLE%%</b></center></font>
</td>

<td><img SRC="http://images.repage.de/images/templates/xc/index_4.jpg" BORDER=0 height=50 width=561></td>
</tr>

<tr>
<td COLSPAN="4"><img SRC="http://images.repage.de/images/templates/xc/index_5.jpg" BORDER=0 height=84 width=980></td>
</tr>

<tr>
<td ALIGN=LEFT VALIGN=TOP COLSPAN="2" WIDTH="214" HEIGHT="557" BACKGROUND="http://images.repage.de/images/templates/xc/index_6.jpg">
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="204" HEIGHT="112" >

:MENUSTART:
<tr>
<td HEIGHT="3"></td>
</tr>

<tr>
<td ALIGN=CENTER VALIGN=CENTER HEIGHT="20" BACKGROUND="http://images.repage.de/images/templates/xc/tablo.gif">
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=2 WIDTH="160" >
<tr>
<td WIDTH="30"><img SRC="http://images.repage.de/images/templates/xc/bulett.gif" height=15 width=15></td>

<td WIDTH="130"><a class=menue href="%%LINK_URL%%" target="%%TARGET%%">%%LINK_TEXT%%</a></td>
</tr>
</table></center>
</td>
</tr>

:MENUEND:

</table>

<img SRC="http://images.repage.de/images/templates/xc/leer.gif" height=20 width=20>

<br>
<br> </td>

<td ALIGN=CENTER VALIGN=TOP COLSPAN="2" WIDTH="766" HEIGHT="557" BACKGROUND="http://images.repage.de/images/templates/xc/index_7.jpg">
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="700" >
<tr>
<td>
<font class=content>
%%CONTENT%%
</font>
</td>
</tr>
</table></center>
</td>
</tr>

<tr>
<td COLSPAN="4"><img SRC="http://images.repage.de/images/templates/xc/index_8.jpg" BORDER=0 height=26 width=980></td>
</tr>

<tr>
<td ALIGN=CENTER VALIGN=CENTER COLSPAN="4" WIDTH="980" HEIGHT="30" BACKGROUND="http://images.repage.de/images/template ... "><b><font face="Tahoma"><font size=-2>%%TITLE%%</font></font></b></td>
</tr>

<tr>
<td><img SRC="http://images.repage.de/images/templates/xc/space.gif" BORDER=0 height=1 width=28></td>

<td><img SRC="http://images.repage.de/images/templates/xc/space.gif" BORDER=0 height=1 width=186></td>

<td><img SRC="http://images.repage.de/images/templates/xc/space.gif" BORDER=0 height=1 width=205></td>

<td><img SRC="http://images.repage.de/images/templates/xc/space.gif" BORDER=0 height=1 width=561></td>
</tr>
</table></center>

</body>
</html>

Sorry für den langen Thread

frankyfly · Beitrag von **frankyfly** » 01.04.2010 19:34:49

Für Code jeder art gibt es extra

Code: Alles auswählen

[code]

[/code]
wird doch dann gleich etwas Übersichtlicher weil man direkt sieht, was ist Code, was nicht

Code: Alles auswählen

<!---->
<html>
<head>
%%META%%
<style type=text/css>
body,.content {font-size:13px;font-family:Tahoma;color:#FFFFFF}
.menue {color:000000;font-size:13px;font-family:Tahoma;text-decoration:none;font-weight:bold}
.menue:hover {color:FFFFFF;font-size:13px;text-decoration:none;font-weight:bold}
a {color:#FDBD80;text-decoration:underline}
a:hover {color:#FDBD80;text-decoration:none}
</style>
</head>



<body text="#000000" bgcolor="#000000" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">

<center><a NAME="top"></a></center>

<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr>
<td COLSPAN="4"><img SRC="http://images.repage.de/images/templates/xc/index_1.jpg" BORDER=0 height=53 width=980></td>
</tr>

<tr>
<td><img SRC="http://images.repage.de/images/templates/xc/index_2.gif" BORDER=0 height=50 width=28></td>

<td COLSPAN="2" WIDTH="391" HEIGHT="50" BACKGROUND="http://images.repage.de/images/templates/xc/index_3.jpg">
<font size=5 color=ffffff><center><b>%%TITLE%%</b></center></font>
</td>

<td><img SRC="http://images.repage.de/images/templates/xc/index_4.jpg" BORDER=0 height=50 width=561></td>
</tr>

<tr>
<td COLSPAN="4"><img SRC="http://images.repage.de/images/templates/xc/index_5.jpg" BORDER=0 height=84 width=980></td>
</tr>

<tr>
<td ALIGN=LEFT VALIGN=TOP COLSPAN="2" WIDTH="214" HEIGHT="557" BACKGROUND="http://images.repage.de/images/templates/xc/index_6.jpg">
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="204" HEIGHT="112" >


:MENUSTART:
<tr>
<td HEIGHT="3"></td>
</tr>

<tr>
<td ALIGN=CENTER VALIGN=CENTER HEIGHT="20" BACKGROUND="http://images.repage.de/images/templates/xc/tablo.gif">
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=2 WIDTH="160" >
<tr>
<td WIDTH="30"><img SRC="http://images.repage.de/images/templates/xc/bulett.gif" height=15 width=15></td>

<td WIDTH="130"><a class=menue href="%%LINK_URL%%" target="%%TARGET%%">%%LINK_TEXT%%</a></td>
</tr>
</table></center>
</td>
</tr>

:MENUEND:


</table>


<img SRC="http://images.repage.de/images/templates/xc/leer.gif" height=20 width=20>



<br>
<br> </td>

<td ALIGN=CENTER VALIGN=TOP COLSPAN="2" WIDTH="766" HEIGHT="557" BACKGROUND="http://images.repage.de/images/templates/xc/index_7.jpg">
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="700" >
<tr>
<td>
<font class=content>
%%CONTENT%%
</font>
</td>
</tr>
</table></center>
</td>
</tr>

<tr>
<td COLSPAN="4"><img SRC="http://images.repage.de/images/templates/xc/index_8.jpg" BORDER=0 height=26 width=980></td>
</tr>

<tr>
<td ALIGN=CENTER VALIGN=CENTER COLSPAN="4" WIDTH="980" HEIGHT="30" BACKGROUND="http://images.repage.de/images/templates/xc/index_9.jpg"><b><font face="Tahoma"><font size=-2>%%TITLE%%</font></font></b></td>
</tr>

<tr>
<td><img SRC="http://images.repage.de/images/templates/xc/space.gif" BORDER=0 height=1 width=28></td>

<td><img SRC="http://images.repage.de/images/templates/xc/space.gif" BORDER=0 height=1 width=186></td>

<td><img SRC="http://images.repage.de/images/templates/xc/space.gif" BORDER=0 height=1 width=205></td>

<td><img SRC="http://images.repage.de/images/templates/xc/space.gif" BORDER=0 height=1 width=561></td>
</tr>
</table></center>

</body>
</html>

Wirklich auskennen nicht, deswegen habe ich mich auch für ein CMS entschieden, da muss ich mich darum nicht unbedingt kümmern

matrix · Beitrag von **matrix** » 01.04.2010 19:42:53

Stehe jetzt irgendwie auf dem Schlauch

ChristianFrankreich · Beitrag von **ChristianFrankreich** » 01.04.2010 19:57:42

Hallo,

in diesem Abschnitt legst Du die Navigation fest. Es ist als Tabelle definiert.

Code: Alles auswählen

:MENUSTART:
<tr>
<td HEIGHT="3"></td>
</tr>

<tr>
<td ALIGN=CENTER VALIGN=CENTER HEIGHT="20" BACKGROUND="http://images.repage.de/images/templates/xc/tablo.gif">
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=2 WIDTH="160" >
<tr>
<td WIDTH="30"><img SRC="http://images.repage.de/images/templates/xc/bulett.gif" height=15 width=15></td>

[size=150][color=#800080]<td WIDTH="130"><a class=menue href="%%LINK_URL%%" target="%%TARGET%%">%%LINK_TEXT%%</a></td>[/color][/size]
</tr>
</table></center>
</td>
</tr>

:MENUEND:


</table>

td steht für table data, also den Inhalt einer Zeile.
class=menue definiert Einstellungen der Ansicht, also Schrift etc. Die Klasse heißt "menue".
href gibt an, was aufgerufen werden soll, also z.B. ../deine Seite/impressum.html
target definiert, wo es dargestellt werden soll, also in einem Fenster, einem Frame oder einer neues Seite (hier also ein Frame "Content")
Link_text ist der Text, der angezeigt werden soll, in mmeinem Bsp. "Impressum".

Du musst also so viele "td"s machen wie Du Navigationsbuttons möchtest.

Ausgerichtet werden die Nav-Buttons in dem Rahmen:

Code: Alles auswählen

<td ALIGN=CENTER VALIGN=CENTER HEIGHT="20" BACKGROUND="http://images.repage.de/images/templates/xc/tablo.gif">
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=2 WIDTH="160" >

Darin wird alles horizontal und vertikal zentriert und hat eine Länge von 160 px.

Code: Alles auswählen

<td WIDTH="30"><img SRC="http://images.repage.de/images/templates/xc/bulett.gif" height=15 width=15></td>

Die Tabelle besteht aus zwei Spalten, in der ersten ist der Pfeil als Bild enthalten.

Yaku79 · Beitrag von **Yaku79** » 01.04.2010 19:58:37

Setzte es doch mal unter
%%META%%
und darunter
%%MENU%%

dann sollte es funktionieren

matrix · Beitrag von **matrix** » 01.04.2010 20:11:42

@ Christian
Da muss ich mich erst mal durch lesen, ich möchte ja nicht komplett selber bauen, sondern nur den vorgegebenen Buttons ein neues Design verpassen.
Danke für diese ausführliche Antwort. Versuche es gerade zu raffen

@ Basti
Wenn ich %%MENU%% unter %%META%% setze, erscheinen zwar wieder die neuen Buttons, aber leider außerhalb der Page und die originalen sind auch noch immer an ihrem Platz.

Yaku79 · Beitrag von **Yaku79** » 01.04.2010 20:23:58

Hast du nen html Editor zu Hause? Wenn nicht Lade dir die Trial vom dreamwaver runter.
Pack den ganzen Code da rein und schau dann mal an welcher Stelle der codesxhnipsel für die alten Buttons ist.
Dann sucht den Code für die neuen Button und plazierst in da. So wird ich es jetzt auf die schnelle machen.

matrix · Beitrag von **matrix** » 01.04.2010 22:15:03

Habe jetzt %%MENU%% vor :MENUESTART: gesetzt und die ganzen tds gelöscht,.....jetzt klappt es

Danke Leute, schöne Ostertage

Gruß Robert

Wer kennt sich mit HTML aus?

#1 Wer kennt sich mit HTML aus?

#2 Re: Wer kennt sich mit HTML aus?

#3 Re: Wer kennt sich mit HTML aus?

#4 Re: Wer kennt sich mit HTML aus?

#5 Re: Wer kennt sich mit HTML aus?

#6 Re: Wer kennt sich mit HTML aus?

#7 Re: Wer kennt sich mit HTML aus?

#8 Re: Wer kennt sich mit HTML aus?