Auf Thema antworten 2026

Beitrag

<blockquote data-quote="sokie" data-source="post: 1441461" data-attributes="member: 178443">AW: On Mouse Over Effekt per GrafikaustauschJa das geht auch mit css.eigentlich ganz einfach,allerdings klingt es zunächst vielleicht kompliziert.ein Beispielkönnte etwa so aussehen:[html]&lt;ul id=&quot;iconliste&quot;&gt;&nbsp; &lt;li class=&quot;beispiel1&quot;&gt;&lt;a href=&quot;meinveispiel.htm&quot;&gt;&lt;span&gt;beispiel&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;[/html]das css könnte etwa so aussehen:[code]*{ margin:0;&nbsp; &nbsp; padding:0;}#iconliste a{&nbsp; display: block;&nbsp; height: 30px;&nbsp; width: 30px;}#iconliste .beispiel1 a{&nbsp; background: transparent url(icon1_klein.png) center center no-repeat;}#iconliste .beispiel1 a:hover{&nbsp; background: transparent url(icon1_30px.png) center center no-repeat;}#iconliste a span{&nbsp; display: none;}[/code]für dasBeispiel habe ich angenommen,dass das icon gross 30x30px hat, und das kleien entsprechend kleiner.für weitere links müsste man eben weitere klassen einführen.(wobei &quot;beispiel1&quot; natürlich kein guter klassenName wäre<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":-)" title="Smile&nbsp; &nbsp; :-)" loading="lazy" data-shortname=":-)" />)</blockquote>

[QUOTE="sokie, post: 1441461, member: 178443"] [b]AW: On Mouse Over Effekt per Grafikaustausch[/b] Ja das geht auch mit css. eigentlich ganz einfach,allerdings klingt es zunächst vielleicht kompliziert. ein Beispielkönnte etwa so aussehen: [html] <ul id="iconliste"> <li class="beispiel1"><a href="meinveispiel.htm">beispiel</a></li> </ul> [/html]das css könnte etwa so aussehen: [code] *{ margin:0; padding:0; } #iconliste a{ display: block; height: 30px; width: 30px; } #iconliste .beispiel1 a{ background: transparent url(icon1_klein.png) center center no-repeat; } #iconliste .beispiel1 a:hover{ background: transparent url(icon1_30px.png) center center no-repeat; } #iconliste a span{ display: none; } [/code]für dasBeispiel habe ich angenommen,dass das icon gross 30x30px hat, und das kleien entsprechend kleiner. für weitere links müsste man eben weitere klassen einführen.(wobei "beispiel1" natürlich kein guter klassenName wäre:-)) [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?