Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Grafik verlinken
#1
Hallo,

Ist es möglich, dass ich mehrere Links auf einer Grafik hinzufüge?

Was ich damit meine :
http://scenecom.eu/board/
Im rechten Teil vom Header sind Icons (Teamspeak, Facebook...)
Die sind aber alle in der Hintergrundgrafik des Headers.
Siehe : http://scenecom.eu/board/images/darkfusi..._right.png

Ich möchte es so haben, dass ich auf die entsprechenden Links komme, wenn ich auf eines der Icons klicke.

Möglich oder nicht?

Danke im Vorraus.

Mfg
-furiify
Zitieren
#2
Wenn der Headerbanner und die Icons ein Bild sind, ist es nicht möglich. Du müsstest mit HTML die einzelnen Icons auf die richtige Stelle platzieren.
Zitieren
#3
Habe leider keine guten HTML Kenntnisse.
Wäre jemand bereit, mir dabei zu helfen?
Kontakt :
Steam : flipstar
ICQ : 280276660
Zitieren
#4
(19.02.2012, 15:03)Falkenauge Mihawk schrieb: Wenn der Headerbanner und die Icons ein Bild sind, ist es nicht möglich.

Mit Hilfe von Image-Maps schon:
z.B. http://de.selfhtml.org/html/grafiken/ver...sitive.htm
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren
#5
(19.02.2012, 15:54)Jockl schrieb:
(19.02.2012, 15:03)Falkenauge Mihawk schrieb: Wenn der Headerbanner und die Icons ein Bild sind, ist es nicht möglich.

Mit Hilfe von Image-Maps schon:
z.B. http://de.selfhtml.org/html/grafiken/ver...sitive.htm

Wäre jemand so nett und würde mir denn dabei helfen?
Ich wüsste nicht, wo und wie ich das machen sollte.
Möchte mir nur ungern mein Forum zerschießen :s
Kontakt :
Steam : flipstar
ICQ : 280276660
Zitieren
#6
Aaaaalso.
Zuerst solltest du die Grafiken, welche vor den Links erscheinen als einzelne Bilder haben.
Dann gehst du wie folgt vor.

Seitenkopf Templates -> header:

Suche nach <div class="menu">....</div> und füge darunter folgendes ein:
Code:
<div class="menu2">
<ul>
<li><img src="[PFAD ZUM TEAMSPEAK-BILD]" alt="Teamspeak" />&nbsp;<a href="[TEAMSPEAK-LINK]">Teamspeak</a></li>
<li><img src="[PFAD ZUM STEAM-BILD]" alt="Steam" />&nbsp;<a href="[STEAM-LINK]">Steam</a></li>
<li><img src="[PFAD ZUM FACEBOOK-BILD]" alt="Facebook" />&nbsp;<a href="[FACEBOOK-LINK]">Facebook</a></li>
<li><img src="[PFAD ZUM TWITTER-BILD]" alt="Twitter" />&nbsp;<a href="[TWITTER-LINK]">Twitter</a></li>
</ul>
</div>

global.css
Hier musst du etwas experimentieren. Aber keine Bange, du machst nichts kaputt.

Code:
.menu2 {
position: relative;
margin-top: ?px;
margin-right: ?px;
text.-align: right;
}
.menu2 ul, .menu2 li {
list-style: none;
margin: 0;
padding: 0;
}
.menu2 li {
float: right;
margin-right: 5px;
}
.menu2 img {
vertical-align: bottom;
}
Helfe wie auch dir geholfen wird.
Zitieren
#7
Danke. Bin nun soweit, dass die Grafik mit entsprechendem Link im Header zu sehen ist, nur kriege ich das Positionieren noch nicht ganz hin. :s

E: Soviel zu "Aber keine Bange, du machst nichts kaputt."
Alles im *piep* Sad
Kontakt :
Steam : flipstar
ICQ : 280276660
Zitieren
#8
Du sollst ja auch nichts bestehendes löschen, sondern nur mit dem hinzugefühten CSS-Code rumprobieren. Dort wo ich die "?" eingefügt habe.
Wenn's nicht klappt, einfach wieder entfernen.
Helfe wie auch dir geholfen wird.
Zitieren
#9
Falls du ein freies Theme verwendest, schick mir mal den Downloadlink.
Helfe wie auch dir geholfen wird.
Zitieren
#10
https://www.mybb.de/erweiterungen/16x/th...rk-fusion/
Gelöscht hab ich nichts. Ich wusste nicht, wo ich das rein tun soll, was du mir geschickt hast. Habs dann einfach mal in .header getan und die "?" durch Zahlenwerte ersetzt. Da das nicht geklappt hat, hab ich die wieder gelöscht und seitdem ist es putt. :/
Kontakt :
Steam : flipstar
ICQ : 280276660
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Theme im footer verlinken lenox 0 960 29.05.2018, 15:21
Letzter Beitrag: lenox
  Chat verlinken thomas01 30 7.412 31.12.2013, 16:57
Letzter Beitrag: Licht
  Hintergrundbild verlinken SecurityDog 12 3.754 28.04.2012, 15:04
Letzter Beitrag: SecurityDog