ilch Forum » Allgemein » HTML, PHP, SQL,... » css Menü an ilch anpassen

Geschlossen
  1. Di. 06.03.2007 17:17 Uhr #1
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Hi,
    ich versuche seit ein paar Tagen dieses Menü an ilch anzupassen: 

    <html>
<head>
<style>
A.menulink {
display: block;
width: 120px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
background-image:url(1.jpg);
}

A.menulink:hover {
background-image:url(2.jpg);
}
</style>
</head>
<body>
<table border="0" width="120"><tr>
<td width="100%"><span id="menutitle"><center><b>Navigation<b></center></span></td>
</tr><tr>
<td width="100%"><a href="#" class="menulink">Homepage</a></td>
</tr><tr>
</table>
</body>
</html>


    Leider hat ich bisher keinen Erfolg. :'(

    Ich habe es schon versucht mit:
    • href="%2"
    • <td id="box"></td>
    • <td><a class="menulink">%2</a></td>


    Weiß einer von euch wie das geht?


    Zuletzt modifiziert von jankrug am 06.03.2007 - 17:31:54
    0 Mitglieder finden den Beitrag gut.
  2. Di. 06.03.2007 17:32 Uhr #2
    User Pic
    Stranger Mitglied
    Registriert seit
    24.02.2007
    Beiträge
    31
    Beitragswertungen
    0 Beitragspunkte
    Hi,

    ilch arbeitet mit Platzhaltern ala {TITLE} & Co.

    Schau mal hier, da ist ne Anleitung für das Ilch Design System:

    externer Link

    mfg
    **Stranger**
    0 Mitglieder finden den Beitrag gut.
  3. Di. 06.03.2007 17:41 Uhr #3
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    und die Formatierung der Links wird in der index.htm ganz zum Schluss festgelegt
    Vielleicht solltest du das auch bedenken 
    

         <!--
					{_list_DDDmenupoint@
					  <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
					}
          //-->
          
          <!-- beispiel:
            [null, '%3', '%2', '%1', null|],|,
          -->
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
          
          <!-- vertikaler menupunkt -->
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 07.03.2007 14:59 Uhr #4
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Das mit den Platzhaltern und der Formatierung der Links weiß ich und habe auch alles eingebaut.
    Es funktioniert auch alles, bis auf die Tabelle. grumml

    So soll die Tabelle aufgebaut sein: 
    <p>{_list_menunr1@</p>
<p>%1</p>
<p>
<table width="200" border="0">
<tbody>
<tr>
<td>%2</td>
</tr>


</tbody>
</table>
</p>
<p>}</p>


    Wie schaffe ich es jetzt dass, diese Tabelle mit folgenden css-codes funktioniert? 

    A.menulink {
display: block;
width: 120px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
}

A.menulink:hover {
background-color: #666666;
}


    In meiner html-datei ist die Tabelle so aufgebaut: 
    <td width="100%"><a href="#" class="menulink"> </a></td>


    So habe ich es schon probiert: 
    href="%2" 

<td id="box"></td> 

<td><a class="menulink">%2</a></td>


    Nichts davon funktioniert bei ilch:'(

    EDIT:
    Das habe ich gerade in einem der Designs gefunden: 

    .menu
{
	display:block;
	color: #696969;
	font-size: 11px;
	background:#000000;
	width: 168px;
	height: 19px;
	text-indent: 15px;
	text-decoration: none;
	font-family:  Verdana, sans-serif;
	line-height: 19px;
}

.menu:hover
{
	display:block;
	color: #b44159;
	font-size: 11px;
	background:#FFFFFF
	width: 168px;
	height: 19px;
	text-indent: 15px;
	text-decoration: none;
	font-family:  Verdana, sans-serif;
	line-height: 19px;
}

    Dann habe ich das so in meine Tabelle eingebaut: 

    <td class="menu">%2</td>

    Dort funktioniert das mit dem hover aber leider auch nicht. grumml


    Zuletzt modifiziert von jankrug am 07.03.2007 - 18:56:19
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 07.03.2007 19:06 Uhr #5
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Mir geht es um den hover-effekt in den Menüs.

    Ich möchte das so haben, dass man links über das Adminmenü hinzufügen kann, ohne die html-Datei zu öffnen.

    Da sollen zwei Bilder sein, die ausgetauscht werden, wenn man mit der Maus über den Link geht.

    Vielleicht ist das ja so einfacher für euch traurig
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 07.03.2007 20:01 Uhr #6
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    das is ganz einfach, du hast ja jetzt diesen code für die menüpunkte(in etwa): 
    <a target="%1" href="%2">%3</a>

    jetzt musste das nurnoch nen bisschen umfrisieren, du nimmst anstatt der %3 sowas(ohne mouseover, weißt aber wie du ihn einbrings): 
    <img src="include/designs/name_des_design/buttons/norm/%3.jpg" alt="%3">

    wenn du den mouseover einbringst kannst ja einfach im ordner buttons noch den ordner over/ erstellen, und die verlinkung der mouseovers nimmste dann anstatt norm over
    falls die buttons in *.gif or whatever sind, das anstatt .jpg nehmen
    musst nurnoch den button genauso nennen wie den menüpunkt
    0 Mitglieder finden den Beitrag gut.
  7. Do. 08.03.2007 15:05 Uhr #7
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    So sieht das zurzeit bei mir aus: 
    <html>
    <head>
        <title></title>
        <style type="text/css">
A.menulink {
display: block;
width: 120px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
border: solid 1px #cccccc;
}

#menutitle {
display: block;
width: 120px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
background-color:#eeeeee;
border: solid 1px #888888;
}

A.menulink:hover {
border: solid 1px #336699;
background-color:#f0f9ff;
}</style>
    </head>
    <body>
        <script>
var ns4class='';
</script>{_list_menunr1@
        <table cellspacing="0" cellpadding="1" width="120" border="0">
            <tbody>
                <tr>
                    <td width="100%"><span id="menutitle"><center><strong>%1<strong></strong></strong></center></span></td>
                </tr>
                <tr>
                    <td width="100%"><a target="%1" class="box">%2</td>
                </tr>
            </tbody>
        </table>}
    </body>
</html>
<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->
{_list_hmenupoint@<li><a target="%1" class="menutitle" 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>}

    Das funktioniert aber nicht :'(


    Zuletzt modifiziert von jankrug am 11.03.2007 - 11:34:37
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten