Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Link im oberen Menu
#1
Hallo,

also ich hab oben vor dem Portal einen Link eingefügt. (Radio-Chat)

Dank dieser Anleitung ging des auch problemlos..
Code:
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>

jetzt hab ich diesen drinnen...
Code:
<li> <a href=" https://server2.webkicks.de/radiochatxxx/">Radio-Chat</a></li>
Der Link funktioniert auch problemlos..

Was aber nicht so gut ist, beim Standard-Theme ist vor dem Text eine Lupe..
Beim BootBB-Theme ist nichts...

Was ich möchte ist, das entweder bei keinem ein Bild vor dem Link-Text ist,
oder bei beiden das gleiche Bild..(ein Microphone)

das ganze geht wohl über die global.css,
aber das ist wiederrum für mich das berühmte Buch mit den 7 Siegeln Smile
~ Nobodi is Berfegd ~

Lg PaleMoon
Zitieren
#2
In unserer Doku ist das Vorgehen samt Beispiel beschrieben: https://www.mybb.de/doku/haeufig-gestell...ergaenzen/
[Bild: banner.png]

Bitte die Foren-Regeln beachten und im Profil die verwendete MyBB-Version angeben.
Zitieren
#3
..und wenn ich das verstehn würde hätt ich mir den Beitrag sparen können..
~ Nobodi is Berfegd ~

Lg PaleMoon
Zitieren
#4
um es dann auch im BootBB entsprechend zu generieren, schaust du dir das header-Template dieses Styles an und dann die global.css vom BootBB

learning by doing, vielleicht knackst du das erste der sieben Siegel

(19.05.2024, 09:35)PaleMoon schrieb: ..und wenn ich das verstehn würde hätt ich mir den Beitrag sparen können..
wo bleibst du denn hängen?


mal ein Beispiel
dein Code:
Code:
<li> <a href=" https://server2.webkicks.de/radiochatxxx/">Radio-Chat</a></li>

um eine Grafik davor zu setzen, musst du natürlich erstmal eine Grafik haben, findest du im Netz
ich nenne sie, der Einfachheit halber mal radio.jpg

nun änderst du den Code wie folgt:
Code:
<li> <a href=" https://server2.webkicks.de/radiochatxxx/" class="radiochat">Radio-Chat</a></li>

nun müssen wir in der globel.css diese class "radiochat" noch definieren; dazu fügst du das folgende in der global.css hinzu, am besten in dem Bereich wo auch die Linkgrafiken für die top_links wie help etc. definiert sind. Dazu die global.css in der fortgeschrittenen Methode bearbeiten

Code:
#logo ul.top_links a.radiochat {
    background: url(images/radio.jpg) center left no-repeat;
}
das setzt voraus, dass die Grafik im Verzeichnis /images liegt; du kannst es natürlich auch woanders ablegen, dann musst du den Pfad entsprechend anpassen

und schon ist das fertig, kein Hexenwerk
Kein Support per PN, Mail, Telefon, Hausbesuch, Discord, Telegram, WhatsApp und anderen nutzlosen Tools
Zitieren
#5
@bv64

Vielen Dank für deine Ausführungen...

Des bringt nun ein wenig Licht in meinen dunklen Kopf...

Also ganz untätig war ich nicht, habs (fast) gelöst...

Ich denk, ich habs bissl russisch gemacht..deine Methode is wohl die richtige und elegantere...

Also, das hab ich im Header stehn..
Code:
<li><a href="https://server2.webkicks.de/radiochatxxx/"><img src="images/micro2.png">Radio-Chat</a></li>   

Das funktioniert im BootBB-Theme einwandfrei..

Beim Standard-Theme hab ich mit der selben Zeile 3 Bilder (Micro, Lupe, Personen).

Werd deine Methode mal local testen...
~ Nobodi is Berfegd ~

Lg PaleMoon
Zitieren
#6
kann man natürlich auch so machen, viele Wege führen nach Rom

man lernt nur, wenn man etwas probiert, also weiter machen Wink
Ich bin in all dem auch Autodidakt, angefangen in den 80ern mit AmigaBasic Big Grin
Kein Support per PN, Mail, Telefon, Hausbesuch, Discord, Telegram, WhatsApp und anderen nutzlosen Tools
Zitieren
#7
(19.05.2024, 12:44)bv64 schrieb: Ich bin in all dem auch Autodidakt, angefangen in den 80ern mit AmigaBasic Big Grin

Ich wollt ende der 80er meine Schallplatten in Listenforum mit einer Schreibmaschine bringen,
die hielt aber nicht lange...
Dann tötete ich die elektr. Schreibmaschine meiner Schwägerin mit dem Listenschreiben.

In einem Katalog las ich etwas von einem Comodore 128D der speichert alles auf Disketten..

Nach ein paar Jahren, las ich von einem PC der kann auf Festplatten speichern..
Also hab ich den 286SX gekauft...da ganze Set mit Drucker etc. hat 5000DM umgerechnet damals gekostet..
Man gönnt sich ja sonst nix.. Big Grin 

Dann PC geholt, zusammen gebaut...und wieder zumn Händler gefahren, weil Maus ging nicht..
Die Verkäuferin fragte mich dann, ob ich den Maustreiber installiert hätte..

Maustreiber ???? Was das nun wieder für Zeugs, das hab ich ja noch nie gehört.. Rolleyes

Dann 5x den PC formatiert, weil ich den Befehl, Delete nicht kannte..
Wer liest schon ein MS-DOS Handbuch Big Grin 

Im Grunde bin ich aber froh, diese Zeit mitgemacht zu haben, wenn Leute heute manchmal aufgeschmissen sind,
wenn die Maus nicht funktioniert Wink 

Ich wär auch froh gewesen, wenn ich einen Nachbarn oder Bekannten gehabt hätte, der wenigstens,
ein bischen Erfahrung gehabt hätte..
So blieb mir nur die Try & Error Methode...

Ahja, habs auch mit deiner Methode hinbekommen Smile 
(Wieder ein Weg mehr nach Rom)

Edit:
Bei BootBB kommt kein Bild nur der Link, is aber identer Code wie beim Standard-Template..
Da funktioniert es..
Und ja, das Bild is im Ordner images..
~ Nobodi is Berfegd ~

Lg PaleMoon
Zitieren
#8
ja, wir sind die Computer-Nerds der ersten Stunde Big Grin Die Kiddies heute wissen doch nicht mal mehr, was ein Floppy-Disk ist Big Grin Oder eine Datasette. Meine erste Computerausstattung mit Amiga 1000 + Monitor + Drucker liegt auch so im Level von deinen 5000

prima, dass es geklappt hat, mit BootBB schau ich mir mal später in meinem Testboard an

gerade mal geschaut, gestaunt, wie schnell man vergisst: BootBB nutzt Font-Awesome, da kannst du die Grafik dann auch drüber definieren, passt dann immerhin zum Style
Schau dir das header-Template mal an

so sieht so ein Top-Link da aus
Code:
<li id="nav-member"><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-users"></i> {$lang->toplinks_memberlist}</a></li>
das hier, ist die Grafik, bzw. das Icon
Code:
<i class="fa fa-users">
das fa-users ersetzt du dann, z.B. durch
fa-wechat
fa-microphone
und schaust, welches dir besser gefällt
Kein Support per PN, Mail, Telefon, Hausbesuch, Discord, Telegram, WhatsApp und anderen nutzlosen Tools
Zitieren
#9
Danke nu passt es :-)

Kannte das Font-Awesome gar nicht...

Naja, ist man auch älter als eine Kuh, lernt man immer noch dazu Big Grin
~ Nobodi is Berfegd ~

Lg PaleMoon
Zitieren
#10
das Gedächtnis will ständig gefüttert werden, sonst verkümmert es Wink

deshalb ja auch mein Benutzertitel: Ewig Lernender bzw. Eternal Learner
Kein Support per PN, Mail, Telefon, Hausbesuch, Discord, Telegram, WhatsApp und anderen nutzlosen Tools
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Menü unter Willkommen Menü ändern mps 2 1.123 26.09.2022, 11:46
Letzter Beitrag: mps
  Frage zur der FAQ "Wie kann ich einen Link im oberen Menü ergänzen?" Riccardo 10 5.038 24.06.2009, 23:49
Letzter Beitrag: Riccardo
  Links im oberen Menü nach links verschieben und anders Färben! KungFuMarc 1 2.274 05.08.2008, 20:01
Letzter Beitrag: krafdi
  Neue Links im oberen Menü alexking 5 2.502 28.12.2007, 20:23
Letzter Beitrag: alexking
  wie ändere ich die schrift im oberen menü? aman 3 2.066 02.10.2007, 10:35
Letzter Beitrag: Michael