Seite 1 von 3

button einen link geben

Verfasst: 29.06.2005 16:45
von 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.

Verfasst: 29.06.2005 16:52
von Mario Siebert

Code: Alles auswählen

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

Verfasst: 29.06.2005 19:43
von Shadowproject
und den admincontrolpannellink?
was muss ich da einsetzen?

Verfasst: 29.06.2005 19:47
von punkface
@Shadowproject
Hm... und jetzt deaktivier mal JavaScript in deinem Browser, (aktualisier die Seite,) und klick mal auf einen der Buttons. Toll, wa? ;)

Verfasst: 29.06.2005 19:51
von Shadowproject
-.- na und? muss ja keiner auf meinem forum java deaktivieren. . .
außer du hast natürlich ne bessere idee. . .

Verfasst: 30.06.2005 12:31
von 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 ;)

Verfasst: 30.06.2005 16:18
von 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

Verfasst: 30.06.2005 18:10
von 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?

Verfasst: 30.06.2005 19:31
von 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.. :D):

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 ...

Verfasst: 30.06.2005 20:23
von 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?