Seite 1 von 2

Navigationsmenü in einer schönen Grafik einbinden! WIE?

Verfasst: 06.09.2003 16:53
von Fuchur
Hallo Ihr Profis!!!


Also wenn Ihr mal auf unser neues Forum www.forum-iq.de.vu schaut, werdet Ihr sehen, dass noch nicht alles so passt, wie es hätte sein können!

Ich rede jetzt speziell von ganz oben die Navigations-Buttons wirken unaufgeräumt und mit dem Logo harmoniert das auch noch nicht so!

Mein Frage an EUCH!: Wie kann ich es anstellen, dass man Buttons in eine Banner-Grafik einbinden kann, wie zum Beispiel hier: http://www.awsw.de/Forum/index.php

Oder habt Ihr vielleicht noch bessere Tipps, die speziell zu unserem Forum passen könnten?

Wenn Ihr wisst (Und Ihr Profis tut das) :-), wie man Button über eine Grafik legt, dann bitte ich auch um einen Beispiel-Code!

Denn Meister sind noch nicht vom Himmel gefallen! ;-)

ICH HOFFE AUCH EUCH, WIE IMMER UND BEDANKE MICH SCHON IM VORRAUS!!! Da bin ich ja mal gespannt!

Re: Navigationsmenü in einer schönen Grafik einbinden! WIE?

Verfasst: 06.09.2003 19:32
von codemonkey
Fuchur hat geschrieben:Wie kann ich es anstellen, dass man Buttons in eine Banner-Grafik einbinden kann, wie zum Beispiel hier: http://www.awsw.de/Forum/index.php
Da sind keine Buttons. Das ist einfach ein Hintergrund einer Zelle auf den dann die Links als Text geschrieben wurden ;)

Verfasst: 06.09.2003 21:09
von Fuchur
Stimmt!

Ich hätte das gerne mit Buttons, wie kann man das bewerkstelligen?



:-)

Verfasst: 06.09.2003 21:10
von codemonkey
Du erstellst eine Zelle, gibst ihr einen passenden Hintergrund und fügst in die Zelle deine Buttons ein.

Verfasst: 06.09.2003 21:34
von Fuchur
Danke Dir,


klingt einleuchtend, kannst Du mir vielleicht bitte bitte einen Beispiel-Code geben?


Das wäre sehr nett und dann gebe ich auch Ruhe! ;-)

Verfasst: 06.09.2003 21:40
von codemonkey

Code: Alles auswählen

<table border="0">
<tr>
<td bgcolor="red">BUTTON - BUTTON</td>
</tr>
</table>
Nun ist die Zeile rot und wenn du jetzt noch gleichfarbige Buttons nimmst, fällt das kaum auf.

Verfasst: 06.09.2003 21:47
von Fuchur
Danke, ich werde es gleich mal ausprobieren!!


:-)

Verfasst: 06.09.2003 21:52
von Fuchur
Ok, da ich so blöd bin oder vielmehr unsicher um nicht zu verhunzen, wäre es sehr nett, wenn ich wüsste, wo ich den Code einfügen soll, bzw. was ich löschen sollte!


<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="left"><a href="{U_INDEX}"><img src="templates/iqSkin/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td></tr>
<tr><td align="right" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
<table cellspacing="0" cellpadding="2" border="0">
<tr>
<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/iqSkin/images/icon_mini_faq.gif" width="77" height="16" border="0" alt="{L_FAQ}" hspace="3" /></a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/iqSkin/images/icon_mini_search.gif" width="77" height="16" border="0" alt="{L_SEARCH}" hspace="3" /></a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/iqSkin/images/icon_mini_members.gif" width="77" height="16" border="0" alt="{L_MEMBERLIST}" hspace="3" /></a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/iqSkin/images/icon_mini_groups.gif" width="120" height="16" border="0" alt="{L_USERGROUPS}" hspace="3" /></a>&nbsp;&nbsp;<a href="{U_STAFF}" class="mainmenu"><img src="templates/iqSkin/images/staff.gif" width="77" height="16" border="0" alt="{L_STAFF}" hspace="3" /></a>&nbsp;

<!-- BEGIN switch_user_logged_out -->
&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/iqSkin/images/icon_mini_register.gif" width="122" height="16" border="0" alt="{L_REGISTER}" hspace="3" /></a></span>&nbsp;
<!-- END switch_user_logged_out -->
</td>
</tr>
<tr>
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/iqSkin/images/icon_mini_profile.gif" width="77" height="16" border="0" alt="{L_PROFILE}" hspace="3" /></a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/iqSkin/images/icon_mini_message.gif" width="30" height="16" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;

<!-- BEGIN switch_user_logged_in -->
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/iqSkin/images/icon_mini_logout.gif" width="77" height="16" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/iqSkin/images/icon_mini_login.gif" width="77" height="16" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>
<!-- END switch_user_logged_in -->
&nbsp;</span></td>
</tr>
</table></td>
</tr>
</table>


ICH WEI? ICH BIN NERVIG, aber wer nicht fragt bleibt dumm! ;-)

Verfasst: 06.09.2003 21:54
von codemonkey
Wer nicht fragt bleibt dumm, stimmt. Aber "Learning by Doing".
Ich weiß ja selber nicht, was du genau haben willst. Leg eine Kopie von deinem Template an, schau dir den Header Code von AWSWs Forum an und dann fang an zu basteln.

Verfasst: 06.09.2003 22:28
von Fuchur
Ich komme zu keinem richtigen Ergebnis!

Mein Ziel ist es, daß die Navi-Buttons erstmal zu Testzwecken in einer blauen Zelle unter dem Banner sind!

:-(

Aber ich kriege es nicht hin!

Ich brauche nur Ansatzhilfe, den Rest pack ich dann schon irgendwie!


BITTE!!!!