Auf Thema antworten 2026

Beitrag

<blockquote data-quote="pappalapp" data-source="post: 1196460" data-attributes="member: 349249">AW: MySpace Header Hover Effekt ?!20.10.2009:Also, ich hab jetzt eine andere Variante für den header gewählt.[html]&lt;style&gt;body table { margin-top: 730px; }body td table, body div table { margin-top: 0;} .header {position: absolute; width: 800px; height: 873px; margin-left: -400px; left: 50%; top: 0px;}div.navigation a:hover{&nbsp; &nbsp; border-top: none;&nbsp; &nbsp; opacity: 0.0;&nbsp; &nbsp; filter: alpha(opacity=0);width: 0px; height: 0px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; z-index:2;}.navigation {position: absolute; top: 862px; left: 50%; height: 32px; width: 800px; overflow: visible; background-color: none; margin-left: -400px; text-align: center; z-index:2;}&nbsp; &lt;/style&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;header&quot;&gt;&lt;table id=&quot;Head&quot; width=&quot;800&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader01.jpg&quot; width=&quot;800&quot; height=&quot;174&quot; /&gt;&lt;/td&gt;&nbsp; &nbsp; &lt;/tr&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader02.jpg&quot; width=&quot;800&quot; /&gt;&lt;/td&gt;&nbsp; &nbsp; &lt;/tr&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader03.jpg&quot; /&gt;&lt;/td&gt;&nbsp; &nbsp; &lt;/tr&gt;&lt;/table&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;navigation&quot;&gt;&lt;table id=&quot;navigation&quot; width=&quot;800&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader04.jpg&quot; width=&quot;292&quot; height=&quot;32&quot; alt=&quot;&quot; /&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader05.jpg&quot; width=&quot;141&quot; height=&quot;32&quot; alt=&quot;&quot; /&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader06.jpg&quot; width=&quot;120&quot; height=&quot;32&quot; alt=&quot;&quot; /&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader07.jpg&quot; width=&quot;116&quot; height=&quot;32&quot; alt=&quot;&quot; /&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader08.jpg&quot; width=&quot;131&quot; height=&quot;32&quot; alt=&quot;&quot; /&gt;&lt;/td&gt;&nbsp; &nbsp; &lt;/tr&gt;&lt;/table&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;[/html]hab aus einem DIV -&gt; 2 gemacht ^^Im &quot;Navigations-Div&quot; sin die Buttons die ich Hovern bzw. Rollovern will.Meine Frage: könnte mir mal jemand in meinen Code editieren, so das 1 Button den Rollovereffekt hat?Ich google den ganzen Tag und nichts will so wirklich funktionieren. An einem Beispiel könnt ichs sicher besser begreifen.Hier mal die die Hover-Image URL= für den 1. Button (Add To Friends, bzw: )Hier das Hoverimage: ich wär unendlich dankbar!achja: das ganze ist eine Non-Profit sache, ich mach das nur um die Band meine Kumpels zuunterstützen und selber ein bissl mein Gehirn weiter &quot;auszubauen&quot; <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" /> ^^grüße</blockquote>

[QUOTE="pappalapp, post: 1196460, member: 349249"] [b]AW: MySpace Header Hover Effekt ?![/b] 20.10.2009: Also, ich hab jetzt eine andere Variante für den header gewählt. [html]<style> body table { margin-top: 730px; } body td table, body div table { margin-top: 0;} .header {position: absolute; width: 800px; height: 873px; margin-left: -400px; left: 50%; top: 0px;} div.navigation a:hover{ border-top: none; opacity: 0.0; filter: alpha(opacity=0); width: 0px; height: 0px; z-index:2; } .navigation {position: absolute; top: 862px; left: 50%; height: 32px; width: 800px; overflow: visible; background-color: none; margin-left: -400px; text-align: center; z-index:2;} </style> <div class="header"> <table id="Head" width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader01.jpg" width="800" height="174" /></td> </tr> <tr> <td> <img src="http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader02.jpg" width="800" /></td> </tr> <tr> <td> <img src="http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader03.jpg" /></td> </tr> </table> </div> <div class="navigation"> <table id="navigation" width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader04.jpg" width="292" height="32" alt="" /></td> <td> <img src="http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader05.jpg" width="141" height="32" alt="" /></td> <td> <img src="http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader06.jpg" width="120" height="32" alt="" /></td> <td> <img src="http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader07.jpg" width="116" height="32" alt="" /></td> <td> <img src="http://i709.photobucket.com/albums/ww100/SailThisShipAlone/PICLay/PICHeader08.jpg" width="131" height="32" alt="" /></td> </tr> </table> </div>[/html]hab aus einem DIV -> 2 gemacht ^^ Im "Navigations-Div" sin die Buttons die ich Hovern bzw. Rollovern will. Meine Frage: könnte mir mal jemand in meinen Code editieren, so das 1 Button den Rollovereffekt hat? Ich google den ganzen Tag und nichts will so wirklich funktionieren. An einem Beispiel könnt ichs sicher besser begreifen. Hier mal die die Hover-Image URL= für den 1. Button (Add To Friends, bzw: ) Hier das Hoverimage: ich wär unendlich dankbar! achja: das ganze ist eine Non-Profit sache, ich mach das nur um die Band meine Kumpels zuunterstützen und selber ein bissl mein Gehirn weiter "auszubauen" :) ^^ grüße [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?