button einen link geben

[Shadowproject]

ich wollt ma wissen was man für nen befehl angeben muss damit n button wenn man draufdrückt wien link funktioniert?
ich möchte nämlich die navigation in der overallheader mit buttons besetzen, wie z.B. bei den bbcodes in der posting.

[Mario Siebert]

Code: Alles auswählen

<input type="button" onClick="javascript:location.href='http://www.deine-url.de/';" value="Irgendwas"> 

Grüße Mario

[Shadowproject]

und den admincontrolpannellink?
was muss ich da einsetzen?

[punkface]

@Shadowproject
Hm... und jetzt deaktivier mal JavaScript in deinem Browser, (aktualisier die Seite,) und klick mal auf einen der Buttons. Toll, wa?

[Shadowproject]

-.- na und? muss ja keiner auf meinem forum java deaktivieren. . .
außer du hast natürlich ne bessere idee. . .

[punkface]

ok sry das ich mich eingemischt habe

außer du hast natürlich ne bessere idee. . .

Erstell einfach ganz normale Links und gestallte die mit CSS so, dass sie wie Buttons aussehen:

In die CSS Datei einfügen

Code: Alles auswählen

a.menubutton, a.menubutton:link, a.menubutton:visited, 
a.menubutton:active, a.menubutton:hover {
  background:#000000 url(images/Walterhintergrund.gif);
  border:1px solid #990000;
  color:#CC0000;
  display:block;
  float:left;
  font:normal 11px Verdana, Arial, Helvetica, sans-serif;
  margin-right:5px;
  padding:2px;
  text-align:center;
  text-decoration:none;
  width:100px;
}

Die Links in der overall_header.tpl dann nach folgendem Schema erstellen:

Code: Alles auswählen

<a class="menubutton" href="{U_XXX}">{L_XXX}</a>

Und nach dem letzten Link dann noch das hier einfügen:

Code: Alles auswählen

<br style="clear:left;" />

Das kann man jetzt natürlich noch mit Hover-Effekt etc. erweitern.

Versuchs wenigstens mal

[Rosenquarz]

@punkface, gibt es auch eine Möglichkeit den Text auf dem Button vertikal zu zentieren? Ich habe den code für mein Forum etwas abgeändert:

Code: Alles auswählen

a.menubutton, a.menubutton:link, a.menubutton:visited,
a.menubutton:active {
  background: url(images/bg_topnav.gif);
  border:1px solid #2B438F;
  border-bottom: 0px;
  border-top: 0px;
  border-left: 0px;
  height: 18px;
  color:#455995;
  display:block;
  float:left;
  font-size: 11px;
  font-weight: bold;
  text-decoration:none;
  width:100px;
  }

Leider wird die Schrift auf dem Button zu weit oben angezeigt, sehen kannst du das hier: *klick*

Beste Grüße Rosenquarz

[Shadowproject]

big thx ^^

wie macht man dann nen abstand zwischen den buttons:

Code: Alles auswählen

                        <tr>
                                <a class="menubutton" href="http://david.tchoulakian.de/forum/chatspot/chatspot.php">Chat</a>
                                <a class="menubutton" href="{U_FAQ}">Hilfe</a>
                                <a class="menubutton" href="{U_SEARCH}">Suchen</a>
                                <a class="menubutton" href="{U_MEMBERLIST}">Mitglieder</a>
                                <a class="menubutton" href="{U_GROUP_CP}">Usergruppen</a>
                                <a class="menubutton" href="{U_PROFILE}">Profil</a>
                                <a class="menubutton" href="{U_PRIVATEMSGS}">Postfach</a>
                                <!-- BEGIN switch_user_logged_in -->
                                <a class="menubutton" href="{U_LOGIN_LOGOUT}">Logout</a>
                                <!-- END switch_user_logged_in -->
                                {ADMIN_LINK}

                                <br style="clear:left;" />
                        </tr>

und was muss ich bei href eingeben damit ich nen link zum adminpannel hab, den nur admins sehen können?

[punkface]

@Shadowproject

Adminlink in der overall_header.tpl
Erstmal aus der page_tail.php den überflüssigen Code entfernen (ist eigentlich nicht nötig, aber naja.. ):

Code: Alles auswählen

,
	'ADMIN_LINK' => $admin_link

und

Code: Alles auswählen

$admin_link = ( $userdata['user_level'] == ADMIN ) ? '<a href="admin/index.' . $phpEx . '?sid=' . $userdata['session_id'] . '">' . $lang['Admin_panel'] . '</a><br /><br />' : '';

page_header.php
suchen

Code: Alles auswählen

//
// Login box?
//

davor (oder danach, ist eigentlich egal) einfügen:

Code: Alles auswählen

if( $userdata['user_level'] == ADMIN )
{
  $template->assign_block_vars('switch_admin', array());
}

suchen

Code: Alles auswählen

	'U_GROUP_CP' => append_sid('groupcp.'.$phpEx),

danach einfügen

Code: Alles auswählen

	'U_ADMIN' => 'admin/index.' . $phpEx . '?sid=' . $userdata['session_id'],

Tata, und schon kannst du in der overall_header.tpl (oder in irgendeiner anderen Template Datei) den Platzhalter {U_ADMIN} als Verweisziel benutzen.

Damit den Link nur Admins sehen, den Link einfach mit

Code: Alles auswählen

<!-- BEGIN switch_admin -->

und

Code: Alles auswählen

<!-- END switch_admin -->

umschließen.
(Diesen switch kannst du jetzt übrigens auch so in jeder Tempalte Datei für den normalen Forenbereich benutzten, um irgendwas nur Admins anzuzeigen.)

Abstand zwischen den Buttons
In der CSS Datei einfach den Wert von

Code: Alles auswählen

margin-right:0px;

anpassen.
Also wenn du es so machst wie ich es gezeigt hab (also anstatt margin-right:0px; eben margin-right:5px; benutzen) ist dann genau 5 Pixel Abstand zwischen den Buttons.




@Rosenquarz

Hallo..

Versuch mal ob's mit vertical-align geht. Wenn nicht, kannst du ja mit Hilfe von padding den Text richtig ausrichten.

Sry, das ich nichts genaueres sagen kann ...

[Shadowproject]

thx ^^
noch eine frage: warum is bei mir alles so verzogen?
alles is 1 oder 2 pixel woanders. . .
wie könnte man das ändern?
die buttons hamm ja die richtige ausrichting. . .
[ externes Bild ]


edit: logout funzt irgendwie nemme. . .was muss ich da fürn href eingeben?
oder liegt des an netscape?