MyBB.de Forum

Normale Version: Grafik verlinken
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2 3
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
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.
Habe leider keine guten HTML Kenntnisse.
Wäre jemand bereit, mir dabei zu helfen?
(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
(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
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;
}
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
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.
Falls du ein freies Theme verwendest, schick mir mal den Downloadlink.
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. :/
Seiten: 1 2 3