• Forum
• Ilch Clan 1.1
• Design und Templates
• Grafik Buttons für Menüs

ilch Forum » Ilch Clan 1.1 » Design und Templates » Grafik Buttons für Menüs

1. Do. 25.06.2009 23:52 Uhr #1

   

   Depthcore Mitglied

   Registriert seit

   25.06.2009

   Beiträge

   7

   Beitragswertungen

   

   Hallo Community,
   
   habe leider im Forum nichts passendes gefunden und ich selber komme auch nicht mehr weiter
   
   Also ich habe das Starcraft 2 Template, möchte aber unter die Menüpunkte noch Buttons setzen.
   
   Ich habe bereits versucht im style.css die grafik einzufügen. Die wird allerdings nur Hintergrund für die Schrift genommen. Ergebniss ist, dass der button nicht über die Schrift rausragt und das somit total störend ist und man garnicht erkennen kann, dass es ein Button ist.
   
   farm4.static.flickr.com/3656/3660454887_4ef22d9f7e_o.jpg
   [Große Bilder bitte nur als Link posten.]
   
   in einem anderen Thread habe ich gelesen, dass man die Buttons direkt ins index.htm einbinden soll. Nun saß ich 3 stunden dran und habs nicht hinbekommen...
   
   Könnt ihr mir vielleicht einen Tipp geben?
   
   
   Zuletzt modifiziert von jankrug am 26.06.2009 - 12:50:25
   0 Mitglieder finden den Beitrag gut.

   • zitieren
2. Fr. 26.06.2009 07:29 Uhr #2

   

   Jan Hall Of Fame

   Registriert seit

   17.01.2007

   Beiträge

   3.646

   Beitragswertungen

   

   Schau mal, ob dir dieser Link vielleicht weiterhilft:
   externer Link
   0 Mitglieder finden den Beitrag gut.

   • zitieren
3. Fr. 26.06.2009 10:39 Uhr #3

   

   Devil Mitglied

   Registriert seit

   02.02.2006

   Beiträge

   2.094

   Beitragswertungen

   

   Falsch.
   Suche dein Code raus, wo {..list menu [nummer] bis } steht. dort sind die Sachen definiert.
   
   Dort steht dann auch %2 und diese ist mit einer Klasse definiert.
   Die Klasse in der CSS suchen oder erstellen, backgroundimage und WIDTH + HEIGHT angeben.
   
   Fertig.
   
   Oder gibt ma dein Quellcode von der index.htm
   
   
   Zuletzt modifiziert von Devil am 26.06.2009 - 10:40:44

   Wer zuletzt lacht, hat den schlechtesten Ping.
   0 Mitglieder finden den Beitrag gut.

   • zitieren
4. Sa. 27.06.2009 11:27 Uhr #4

   

   Depthcore Mitglied

   Registriert seit

   25.06.2009

   Beiträge

   7

   Beitragswertungen

   

   Hallo,
   
   danke für deine Antwort. Auf das %2 bin ich vorher schon aufmerksam geworden und hab gemerkt dass es mit der Datenbank von ILCH verknüpft ist. Nimmt man das %2 weg sind gleich alle Menüs weg ^^
   
   Aber irgendwie schaffe ich es nicht die richtige Codestelle zu finden und zu bearbeiten
   
   farm3.static.flickr.com/2476/3664195311_749445a670_o.jpg
   [Große Bilder bitte immer noch nur als Link posten.]
   
   Würde %2 in der CSS existieren, wär das ja alles kein Probem:)
   
   den Quelltext findest du unter coreclan.game-host.org/index.txt
   
   Den Hinweis von Jankrug werd ich auch mal versuchen.
   
   Vielen Dank für deine Hilfe
   
   
   Zuletzt modifiziert von jankrug am 27.06.2009 - 21:08:47
   0 Mitglieder finden den Beitrag gut.

   • zitieren
5. Sa. 27.06.2009 12:05 Uhr #5

   

   Devil Mitglied

   Registriert seit

   02.02.2006

   Beiträge

   2.094

   Beitragswertungen

   

   Index.htm:
   
   Ändere:
   

   <td>%2</td>

   
   
   In dieses um:
   

   <td class="com_menu">%2</td>

   
   
   VORSCHAU
   
   Nun sagst du, das %2 soll in der style.css die Klasse "com_menu" aufrufen.
   
   Style.css:
   
   Füge das in deiner Style.css ein:
   

   .com_menu{
   margin-bottom:0px;            
   display:block;
   width:**px;
   height:**px;
   color:#FFFFFF;
   text-indent:**px;
   font-size:11px;
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   line-height:12px;
   background-image:url(***);}                            
                                   
   .com_menu:hover{
   margin-bottom:0px;            
   display:block;
   width:**px;
   height:**px;
   color:#FFFFFF;
   text-indent:**px;
   font-size:11px;
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
   line-height:12px;
   background-image:url(***);}

   
   
   Natürlich musste diese Angaben auch anpassen:
   
   width: Deine Breite deines Hintergrundbildes.
   height: Deine Höhe deines Hintergrundbildes.
   text-indent: Einrückung von links.
   background-image: *** <- Pfad deines Bildes angeben.
   margin-bottom: Abstand-Boden > Steht auf 0 Pixel, d.h. es entsteht kein Abstand zwischen den einzelnen Menüpunkte.
   
   Nun verwendet er aber die Klasse von %2 dauerhaft bei "listmenu1@".
   
   
   Zuletzt modifiziert von Devil am 27.06.2009 - 12:19:22

   Wer zuletzt lacht, hat den schlechtesten Ping.
   0 Mitglieder finden den Beitrag gut.

   • zitieren
6. Sa. 27.06.2009 12:50 Uhr #6

   

   Depthcore Mitglied

   Registriert seit

   25.06.2009

   Beiträge

   7

   Beitragswertungen

   

   Hi Devil,
   
   danke für deine Hilfe, aber deine Lösung führt dazu, wenn ich über einen Link gehe, sich alle links mit "hover" melden und somit alle buttons sich ändern.
   
   Ich habe mir einmal den Link von Jankrug angesehen. Das ist genau das was ich gesucht habe und auch wunderbar funktioniert.
   
   Vielleicht sollte er noch das FAQ mit folgendem erweitern:
   
   background-repeat:no-repeat;
   (sonst gehen die bilder nach rechts weiter
   
   padding-bottom:0.4em;
   (damit bekommen die Bilder einen kleinen Abstand zueinander, kleben nicht zusammen und sind auch nicht mehr abgeschnitten
   
   Auf jeden Fall vielen Dank für deine Hilfe Devil
   Durch deine Hilfe habe ich jetzt ein besseres Verständniss für ILCH
   0 Mitglieder finden den Beitrag gut.

   • zitieren