Hallo,
Unter dem Menüpunkt zum Beispiel, da sind ja so Links sozusagen also News, Forum, Gbook, Mitglieder usw.
Und jetzt wollt ich fragen wie ich hinter die Links eine grafik setzen kann??
mfg Julian
betroffene Homepage: externer Link
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Ilch Clan 1.1 » Allgemein » Link mit grafik hinterlegen
| Geschlossen | ||
-
Mi. 30.05.2007
20:15 Uhr
#1
- Registriert seit
- 30.05.2007
- Beiträge
- 12
- Beitragswertungen
-
Mi. 30.05.2007
21:28 Uhr
#2
- Registriert seit
- 03.11.2006
- Beiträge
- 2.925
- Beitragswertungen
-
Mi. 30.05.2007
21:29 Uhr
#3
- Registriert seit
- 30.05.2007
- Beiträge
- 12
- Beitragswertungen
ja so ungefähr, ich will das nur mit grafiken statt mit CSS, mit grafiken siehts besser aus^^. Haste auch keine ahnung oder???
mfg Julian
Zuletzt modifiziert von julian123 am 30.05.2007 - 21:30:44 -
Mi. 30.05.2007
21:37 Uhr
#4
- Registriert seit
- 03.11.2006
- Beiträge
- 2.925
- Beitragswertungen
des sind grafiken
aber ich erklärs dir... hoffentlich kannste n bisschen css:
du kannst das so machen:ul a:hover { css-kappes halt ;) }
ul musst du ggf. durch li o.ä. ersetzten, jedenfalls das was den link umschließt (link ist übrigens a)
und der code oben heisst ungefähr soviel:
wenn ein link in einer liste ist(ul) und gerade von der maus berührt wird, soll das geschehen:
css-kappes
...beim css-kappes kannste alles eintragen, auch background-image: url(); -
Mi. 30.05.2007
21:46 Uhr
#5
- Registriert seit
- 30.05.2007
- Beiträge
- 12
- Beitragswertungen
aber wenn ich das genau über dem link News zum beispiel haben will wie geht das. Vonn CSS hab ich 0 ahnung^^ geht das auch ohne?? wenn nicht muss ich irgendwie durch
.
-
Mi. 30.05.2007
22:59 Uhr
#6
- Registriert seit
- 25.03.2007
- Beiträge
- 237
- Beitragswertungen
naja wenn das bild schon richtig ist und die tabellen stimmen so das es keine überschneidungen kommt ist das hier das einfachste:
<a href="adressewoeshingeht"><img src="dasbilddasangezeigtwerdensoll"></a>
-
Do. 31.05.2007
12:30 Uhr
#7
- Registriert seit
- 30.05.2007
- Beiträge
- 12
- Beitragswertungen
das prob ist wenn ich die index.htm von dem design öffne steht da nur
{_list_menunr1@
{_list_menunr2@
usw.
wo soll ich da die grafik jetzt einfügen dazwischen???
mfg julian -
Do. 31.05.2007
15:22 Uhr
#8
- Registriert seit
- 21.01.2006
- Beiträge
- 2.659
- Beitragswertungen
Mit Sicherheit stehen da nicht nur die Variablen, sondern noch mehr Code (td's und so weiter...)
da musst du halt den richtigen Abschnitt finden.. poste doch mal deine index.htm
Zitat geschrieben von loW -
Do. 31.05.2007
15:25 Uhr
#9
- Registriert seit
- 30.05.2007
- Beiträge
- 12
- Beitragswertungen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>{TITLE} </title>
<link rel="stylesheet" type="text/css" href="include/designs/design_59-blau/style.css">
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
</head>
<body topmargin="0" leftmargin="0" bgcolor="#433F40"><center>
<br>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="967" id="AutoNumber1">
<tr>
<td>
<img border="0" src="include/designs/design_59-blau/images/farbe/header.jpg" width="967" height="193"></td>
</tr>
<tr>
<td background="include/designs/design_59-blau/images/farbe/bg_main.jpg" align="left" valign="top">
<a href="?news">
<img border="0" src="include/designs/design_59-blau/images/farbe/news.jpg" width="68" height="24"></a><a href="index.php?site=news&action=archive"><img border="0" src="include/designs/design_59-blau/images/farbe/archiv.jpg" width="61" height="24"></a><a href="?teams"><img border="0" src="include/designs/design_59-blau/images/farbe/teams.jpg" width="56" height="24"></a><a href="?wars"><img border="0" src="include/designs/design_59-blau/images/farbe/matches.jpg" width="72" height="24"></a><a href="?awards"><img border="0" src="include/designs/design_59-blau/images/farbe/awards.jpg" width="67" height="24"></a><a href="index.php?site=server"><img border="0" src="include/designs/design_59-blau/images/farbe/server.jpg" width="64" height="24"></a><a href="?history"><img border="0" src="include/designs/design_59-blau/images/farbe/history.jpg" width="68" height="24"></a><a href="index.php?site=sponsors"><img border="0" src="include/designs/design_59-blau/images/farbe/sponsoren.jpg" width="90" height="24"></a><a href="?user"><img border="0" src="include/designs/design_59-blau/images/farbe/user.jpg" width="49" height="24"></a><a href="?downloads"><img border="0" src="include/designs/design_59-blau/images/farbe/downloads.jpg" width="91" height="24"></a><a href="?gallery"><img border="0" src="include/designs/design_59-blau/images/farbe/galerie.jpg" width="66" height="24"></a><a href="?gbook"><img border="0" src="include/designs/design_59-blau/images/farbe/gb.jpg" width="65" height="24"></a><a href="?contact"><img border="0" src="include/designs/design_59-blau/images/farbe/contact.jpg" width="72" height="24"></a><a href="?impressum"><img border="0" src="include/designs/design_59-blau/images/farbe/imprint.jpg" width="78" height="24"></a></td>
</tr>
<tr>
<td background="include/designs/design_59-blau/images/farbe/bg_main.jpg" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="959" id="AutoNumber2">
<tr>
<td width="959" colspan="3" bgcolor="#433F40">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="959" id="AutoNumber3">
<tr>
<td width="231" background="include/designs/design_59-blau/images/farbe/login.jpg" align="right" valign="top">{_boxes_login}</td>
<td width="728">
<!-- Bestandteil der AGB ! veraenderungen o. Aenderungen werden zur Anzeige gebracht ! -->
<!-- Bestandteil der AGB ! veraenderungen o. Aenderungen werden zur Anzeige gebracht ! -->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="199"><!-- Bestandteil der AGB ! veraenderungen o. Aenderungen werden zur Anzeige gebracht ! -->
<img src="include/designs/design_59-blau/images/farbe/cr.png" width="199" height="32" /></a></td>
<td width="561" background="include/designs/design_59-blau/images/farbe/dl_bg.jpg"><b>
<font size="2" face="Arial" color="ffffff">
<!-- Bestandteil der AGB ! veraenderungen o. Aenderungen werden zur Anzeige gebracht ! -->
<!-- Bestandteil der AGB ! veraenderungen o. Aenderungen werden zur Anzeige gebracht ! -->
</font></b>
</td>
<td width="199"> </td>
</tr>
<tr>
<td width="199" align="left" valign="top"> <table border="0" cellpadding="0" cellspacing="1" width="199">
<tr>
<td bgcolor="#5A5859"><? include("poll.php"); ?></td>
</tr>
</table>
<font color="#FFFFFF">{_list_menunr1@ </font>
<table border="0" cellpadding="0" cellspacing="1" width="199">
<tr>
<td background="include/designs/design_59-blau/images/farbe/op.jpg" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber10">
<tr>
<td width="5%">
<img border="0" src="include/designs/design_59-blau/images/farbe/spazer.jpg" width="32" height="20"></td>
<td width="95%"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#5A5859">%2</td>
</tr>
</table>
}
<font color="#FFFFFF"><br>
{_list_menunr2@ </font>
<table border="0" cellpadding="0" cellspacing="1" width="199">
<tr>
<td background="include/designs/design_59-blau/images/farbe/op.jpg" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber10">
<tr>
<td width="5%">
<img border="0" src="include/designs/design_59-blau/images/farbe/spazer.jpg" width="32" height="20"></td>
<td width="95%"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#5A5859">%2</td>
</tr>
</table>
} <br>
</td>
<td width="561" align="middle" valign="top">
<table><tr><td width="555" align="left">
<b>»</b>{HMENU}<br>{EXPLODE}</td></tr></table>
</td>
<td width="199" align="left" valign="top"><font color="#FFFFFF">{_list_menunr3@ </font>
<table border="0" cellpadding="0" cellspacing="1" width="199">
<tr>
<td background="include/designs/design_59-blau/images/farbe/op.jpg" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber10">
<tr>
<td width="5%">
<img border="0" src="include/designs/design_59-blau/images/farbe/spazer.jpg" width="32" height="20"></td>
<td width="95%"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#5A5859">%2</td>
</tr>
</table>
}
<font color="#FFFFFF"><br>
{_list_menunr4@ </font>
<table border="0" cellpadding="0" cellspacing="1" width="199">
<tr>
<td background="include/designs/design_59-blau/images/farbe/op.jpg" align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber10">
<tr>
<td width="5%">
<img border="0" src="include/designs/design_59-blau/images/farbe/spazer.jpg" width="32" height="20"></td>
<td width="95%"><b><font face="Tahoma" size="2" color="#ffffff">%1</font></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#5A5859">%2</td>
</tr>
</table>
}
<table border="0" cellpadding="0" cellspacing="1" width="199">
<tr>
<td bgcolor="#5A5859"><? include("counter.php"); ?></td>
</tr>
</table></td>
</tr>
<tr>
<td width="199">
<img border="0" src="include/designs/design_59-blau/images/farbe/bottom.jpg" width="199" height="56"></td>
<td width="561"> <font size="1" face="Arial"><font color="#D3D1D2">Unsere Partner:
</font>
<a target="_blank" href="http://www.z-gfx.de" title="Homepage Templates, gfx Community, Homepage Designs">
<font color="#D3D1D2">z-gfx.de</font></a><font color="#D3D1D2"> |
</font>
<a target="_blank" href="http://www.pcmasters.de">
<font color="#D3D1D2">pcmasters.de</font></a><font color="#D3D1D2">
| </font> <a target="_blank" href="http://www.zurro-gaming.de" title="Clandesigns, Webspell Templates, Webspell Designs">
<font color="#D3D1D2">zurro-gaming.de</font></a></font></td>
<td width="199">
<img border="0" src="include/designs/design_59-blau/images/farbe/bottom.jpg" width="199" height="56"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="include/designs/design_59-blau/images/farbe/bg_main.jpg">
<img border="0" src="include/designs/design_59-blau/images/farbe/footer.jpg" width="967" height="55"></td>
</tr>
</table>
</center></body>
</html>
<!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
{_list_vmenubegi@<ul>}
{_list_vmenuende@</ul>}
So hier isse
hoffe sie hilft euch
Zuletzt modifiziert von julian123 am 31.05.2007 - 15:26:26 -
Do. 31.05.2007
15:30 Uhr
#10
- Registriert seit
- 21.01.2006
- Beiträge
- 2.659
- Beitragswertungen
Zitat geschrieben von julian123
hier ist es doch
<a href="?news"> // leitet auf die seite index.php?news
<img border="0" // Entfernt einen hässlichen, blauen Rand beim Bild
src="......" // Das Bild, was angezeigt wird
width="68" // Die Breite
height="24"> // Die Höhe
</a> // Beendet den Link
willst du ein anderes Bild anzeigen lassen, musst du einfach das angegebene Bild ersetzen oder den Pfad zu dem neuen Bild angeben..Zitat geschrieben von loW -
Do. 31.05.2007
21:53 Uhr
#11
- Registriert seit
- 30.05.2007
- Beiträge
- 12
- Beitragswertungen
ja das
<a href="?news">
<img border="0" src="include/designs/design_59-blau/images/farbe/news.jpg" width="68" height="24"></a>
is ja die vertikale navigation, da sind ja schon bilder drinne, ich will die horizontale navigation da wo bis jetzt nur die links sind
Zuletzt modifiziert von julian123 am 01.06.2007 - 13:10:34 -
Sa. 02.06.2007
12:19 Uhr
#12
- Registriert seit
- 30.05.2007
- Beiträge
- 12
- Beitragswertungen
kann mir keiner helfen????
pls helft mir -
Sa. 02.06.2007
13:46 Uhr
#13
- Registriert seit
- 17.01.2007
- Beiträge
- 3.646
- Beitragswertungen
style.css:
.menu { display:block; color: #696969; font-size: 11px; background:url(images/button.jpg); width: 150px; height: 18px; text-indent: 15px; text-decoration: none; font-family: Verdana, sans-serif; line-height: 19px; } .menu:hover { display:block; color: #000000; font-size: 11px; background:url(images/button_hover.jpg); width: 150px; height: 18px; text-indent: 15px; text-decoration: underline; font-family: Verdana, sans-serif; line-height: 19px; font-style:italic; }
index.htm (unter </html>) :
<!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />} {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>} {_list_hmenubegi@<ul>} {_list_hmenuende@</ul>} {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>} {_list_vmenubegi@} {_list_vmenuende@}//-->
Meinst du sowas? -
Sa. 02.06.2007
14:36 Uhr
#14
- Registriert seit
- 30.05.2007
- Beiträge
- 12
- Beitragswertungen
hmm, also habs mal reingemacht, aber funktioniert irgendwie nich kannst du das genauer erklären, kp was ich falsch gemacht hab!
mfg julschen -
Sa. 02.06.2007
16:13 Uhr
#15
- Registriert seit
- 17.01.2007
- Beiträge
- 3.646
- Beitragswertungen
Am Ende der index.htm steht
<!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />}//--> {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>} {_list_hmenubegi@<ul>} {_list_hmenuende@</ul>} {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>} {_list_vmenubegi@<ul>} {_list_vmenuende@</ul>}
Da muss aber das hin:
<!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />} {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>} {_list_hmenubegi@<ul>} {_list_hmenuende@</ul>} {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>} {_list_vmenubegi@} {_list_vmenuende@}//-->
Zuletzt modifiziert von jankrug am 02.06.2007 - 16:16:07 -
Sa. 02.06.2007
17:53 Uhr
#16
- Registriert seit
- 13.01.2007
- Beiträge
- 61
- Beitragswertungen
Genau das selbe will ich auch. Und ich habe exakt das selbe Problem wie julian123. Ich habe bisher soviel herausgefunden:
{_list_hmenubegi@<ul>} {_list_hmenuende@</ul>} {_list_vmenupoint@<a target="%1" class="box" href="%2">%3</a><br><br><ul>|</ul>}</li> {_list_vmenubegi@<ul>} {_list_vmenuende@</ul>}
Die Zeile die mit {_list_vmenupoint beginnt, ist für die Formation der vertikalen Menüs zuständig. Wir wollen aber keinen Hover-Effekt sondern im Menü sollen Hintergrundbilder hiner den Links sein.
So ist es jetzt:
So soll es aussehen:
Zuletzt modifiziert von =SoA=Wolf am 02.06.2007 - 17:54:27----------------------------------------
visit us at externer Link -
Sa. 02.06.2007
17:58 Uhr
#17
- Registriert seit
- 16.06.2006
- Beiträge
- 15.334
- Beitragswertungen
Dann musst du das so machen
mach das style="background-image:url(...=" halt in das a rein.Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite -
Sa. 02.06.2007
18:02 Uhr
#18
- Registriert seit
- 17.01.2007
- Beiträge
- 3.646
- Beitragswertungen
style.css:
a.menu { display:block; color: #696969; font-size: 11px; background:url(HIER STEHT DER LINK ZUM BILD); width: 150px; height: 18px; text-indent: 15px; text-decoration: none; font-family: Verdana, sans-serif; line-height: 19px; }
Bei mir funktionierts. -
Sa. 02.06.2007
18:06 Uhr
#19
- Registriert seit
- 13.01.2007
- Beiträge
- 61
- Beitragswertungen
Das Problem wenn ich das über die Style.css mache ist:
1. Wird das Bild zurechtgeschnitten und total schief, oder halb, oder doppelt
2. Ich habe ebenfalls diesen Hintergrund dann in der LoginBox hinter jedem Punkte zum anklicken. Aber es soll ja nur in der Navigationsleiste sein.
Ist das denn überhaupt möglich? Es soll ja nur im Menü1 sein. Nicht in der LoginBox und nicht in anderen Menüs.----------------------------------------
visit us at externer Link -
Sa. 02.06.2007
18:12 Uhr
#20
- Registriert seit
- 24.08.2004
- Beiträge
- 10.192
- Beitragswertungen
Dann müßt ihr euer Menü fest in die index.htm schreiben, dann könnt ihr das definitiv und auch nur für ein menü.
Aber selbst bei dynamischen Menüs sollte es möglich sein. Dann allerdings für alle MenüpunkteOmnia bona erunt
-
Sa. 02.06.2007
18:15 Uhr
#21
- Registriert seit
- 13.01.2007
- Beiträge
- 61
- Beitragswertungen
Ok, das hilft schonmal sehr gut weiter. Danke für die schnellen Antworten.----------------------------------------
visit us at externer Link -
Sa. 02.06.2007
18:19 Uhr
#22
- Registriert seit
- 17.01.2007
- Beiträge
- 3.646
- Beitragswertungen
Zitat geschrieben von =SoA=Wolf
width und height musst du natürlich auch noch an dein Bild anpassen. -
So. 03.06.2007
22:39 Uhr
#23
- Registriert seit
- 30.05.2007
- Beiträge
- 12
- Beitragswertungen
hmm.... jankrug habs in die style.css reingeschrieben is aber nichts passiert......
was jetzt? -
Ich habe das Problem, dass er zwar alles ändert (Text und Farbe),
aber er zeigt mir die Hintergrundgrafiken nicht an!?
Bevor einer Fragt: ja ich habe die Pfade zu den Bildern geprüft. -
Do. 13.12.2007
07:20 Uhr
#25
- Registriert seit
- 17.01.2007
- Beiträge
- 3.646
- Beitragswertungen
Poste mal den Link zu deiner Seite. -
Zitat geschrieben von jankrug
So hab das mit den Grafiken hinbekommen, man sollte wissen das man nicht den kompletten Pfad zu den Bildern angeben darf.
Nun möchte ich aber wissen warum er mir die Grafiken erst ab den Wörtern macht und wie bekomme ich dann noch die punkte davor weg??
Betreffende Seite: [url]www.epm-clan-berlin.de[/url]
Zuletzt modifiziert von Gio am 13.12.2007 - 11:28:59 -
Do. 13.12.2007
14:50 Uhr
#27
- Registriert seit
- 17.01.2007
- Beiträge
- 3.646
- Beitragswertungen
style.css:
a.menu { display:block; color: #696969; font-size: 11px; background:url(HIER STEHT DER LINK ZUM BILD); width: 150px; height: 18px; text-indent: 15px; text-decoration: none; font-family: Verdana, sans-serif; line-height: 19px; }
Ende index.htm:
<!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />} {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>} {_list_hmenubegi@<ul>} {_list_hmenuende@</ul>} {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>} {_list_vmenubegi@} {_list_vmenuende@}//--> -
danke schön hat geklappt:D
passt zwar nicht hier rein, aber kannst du mir ein tipp geben wie ich es hinbekomme, dass ich die Seite unten verbinden kann. Also so das die beiden unteren boxen an der gleichen stelle enden?
Zuletzt modifiziert von Gio am 13.12.2007 - 23:15:17 -
Fr. 14.12.2007
07:25 Uhr
#29
- Registriert seit
- 17.01.2007
- Beiträge
- 3.646
- Beitragswertungen
Versuch mal bei beiden <td>'s, in denen %2 steht die Höhe auf 100% zu setzen. -
funzt leider nicht:(
| Geschlossen | ||
 |
Zurück zu Allgemein | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten