+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Grafik verlinken (/thread-24999.html)
Grafik verlinken - furiify - 19.02.2012
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/darkfusion/style/header_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
RE: Grafik verlinken - Falkenauge Mihawk - 19.02.2012
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.
RE: Grafik verlinken - furiify - 19.02.2012
Habe leider keine guten HTML Kenntnisse.
Wäre jemand bereit, mir dabei zu helfen?
RE: Grafik verlinken - Jockl - 19.02.2012
(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/verweis_sensitive.htm
RE: Grafik verlinken - furiify - 19.02.2012
(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/verweis_sensitive.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
RE: Grafik verlinken - Harest - 19.02.2012
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" /> <a href="[TEAMSPEAK-LINK]">Teamspeak</a></li>
<li><img src="[PFAD ZUM STEAM-BILD]" alt="Steam" /> <a href="[STEAM-LINK]">Steam</a></li>
<li><img src="[PFAD ZUM FACEBOOK-BILD]" alt="Facebook" /> <a href="[FACEBOOK-LINK]">Facebook</a></li>
<li><img src="[PFAD ZUM TWITTER-BILD]" alt="Twitter" /> <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;
}RE: Grafik verlinken - furiify - 19.02.2012
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*
RE: Grafik verlinken - Harest - 20.02.2012
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.
RE: Grafik verlinken - Harest - 20.02.2012
Falls du ein freies Theme verwendest, schick mir mal den Downloadlink.
RE: Grafik verlinken - furiify - 20.02.2012
https://www.mybb.de/erweiterungen/16x/themes/dark-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. :/