Suche jemanden der mir kurz beim Coden einer Enterpage Behilflich sein kann

  • Enterpage Design || Schneekugel


    Wie oben schon steht bräuchte ich kurz hilfe von einen erfahrenen Coder der mir zeigen kann wie ich bei meiner Enterpage die Bilder wechseln kann wenn der Button aktiv ist . Ich hab mal dass bild mit Photoshop gesliced und die link funktion gehen , jedoch will ich noch diese Effekte einbauen .Und sie als Index einbauen .



    ps: als kleines Dankeschön bekommt derjenige die PSD geschenkt wenn er will :)


    Kontankt : skype: tailorxmichi



    greez




    3 Mal editiert, zuletzt von PartisaN ()

  • Code
    <div class="bild"></div>
    
    
    // .css
    .bild { background-image : url("..."); width : #px; height : #px; }
    .bild:hover { background-image : url("..."); }


    Fertig :p


    Mein CS:GO Server: 62.75.168.39:27016


    Ich bin so hungrig, dass ich vor lauter Durst nicht weiß, was ich rauchen soll - so müde bin ich!
    Freedom is just another word for 'Nothing left to lose'




  • Also mein code sieht so aus :


    Spoiler anzeigen
    <html>
    <head>
    <title>Inaktiv</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (Inaktiv.jpg) -->
    <table id="Tabelle_01" width="1921" height="1081" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="7">
    <img src="Bilder/Inaktiv_01.jpg" width="1920" height="280" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="280" alt=""></td>
    </tr>
    <tr>
    <td colspan="3">
    <img src="Bilder/Inaktiv_02.jpg" width="686" height="46" alt=""></td>
    <td colspan="3" rowspan="6">
    <img src="Bilder/Inaktiv/Kugel-Inaktiv.jpg" width="630" height="602" alt=""></td>
    <td rowspan="9">
    <img src="Bilder/Inaktiv_04.jpg" width="604" height="800" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="46" alt=""></td>
    </tr>
    <tr>
    <td>
    <a href="mtasa://185.9.106.121" target="mtasa://185.9.106.121">
    <img src="Bilder/Inaktiv/Server-Inaktiv.jpg" width="548" height="168" border="0" alt=""></a></td>
    <td colspan="2" rowspan="2">
    <img src="Bilder/Inaktiv_06.jpg" width="138" height="200" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="168" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="Bilder/Inaktiv_07.jpg" width="548" height="32" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>
    </tr>
    <tr>
    <td colspan="2">
    <a href="http://bluemountainproject.lima-city.de/" target="www.bluemountainproject.lima-city.de">
    <img src="Bilder/Inaktiv/Forum-Inaktiv.jpg" width="552" height="162" border="0" alt=""></a></td>
    <td rowspan="6">
    <img src="Bilder/Inaktiv_09.jpg" width="134" height="554" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="162" alt=""></td>
    </tr>
    <tr>
    <td colspan="2">
    <img src="Bilder/Inaktiv_10.jpg" width="552" height="32" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>
    </tr>
    <tr>
    <td colspan="2" rowspan="2">
    <img src="Bilder/Inaktiv/Ts-Inaktiv.jpg" width="552" height="168" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="162" alt=""></td>
    </tr>
    <tr>
    <td colspan="3" rowspan="2">
    <img src="Bilder/Inaktiv_12.jpg" width="630" height="158" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="6" alt=""></td>
    </tr>
    <tr>
    <td colspan="2" rowspan="2">
    <img src="Bilder/Inaktiv_13.jpg" width="552" height="192" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="152" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="Bilder/Inaktiv_14.jpg" width="168" height="40" alt=""></td>
    <td>
    <a href="https://www.facebook.com/TailorGraphicDesigns" target="www.facebook.com/TailorGraphicDesigns">
    <img src="Bilder/Copyright.gif" width="256" height="40" border="0" alt=""></a></td>
    <td>
    <img src="Bilder/Inaktiv_16.jpg" width="206" height="40" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="1" height="40" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="548" height="1" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="4" height="1" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="134" height="1" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="168" height="1" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="256" height="1" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="206" height="1" alt=""></td>
    <td>
    <img src="Bilder/Abstandhalter.gif" width="604" height="1" alt=""></td>
    <td></td>
    </tr>
    </table>
    <!-- End Save for Web Slices -->
    </body></html>


    Meine Frage ist , wo soll ich den code einfügen , zusätlich in diesen Code oder in einen eigenen Dokument ?
    Ein beispiel : Ich will dass der Button Inaktiv-Forum.jpg wechselt zum Button aktiv-Forum.jpg (ist ein kleiner schatten) + dass sich Kugel-Inaktiv.jpg zu Kugel-Forum.jpg ändert zugleich mit dem Button wenn ich mit der Maus auf den Button fahre.


    Hoffe du verstehst was ich meine :)


    greez

  • Oh weh. Seine Seite baut man aber nicht mit Tabellen auf, die werden nur da benutzt, wo wirklich eine TABELLE gebraucht wird :p
    Naja, dann setzt du meinen div quasi durch die td deiner Tabelle, in der der Button sitzt und weist dieser td die Klasse zu.


    Ein kleines Beispiel für dich zum rumprobieren:



    damit solltest du genug Grundlage zum selbst erarbeiten haben.


    Mein CS:GO Server: 62.75.168.39:27016


    Ich bin so hungrig, dass ich vor lauter Durst nicht weiß, was ich rauchen soll - so müde bin ich!
    Freedom is just another word for 'Nothing left to lose'

  • hmm... naja photoshop hatt mir den code erstellt , ich kenn mich grad echt nicht aus :D bin ein kompletter noob im codingbereich :D


    wie kann ich statt die farben die bilder in den code einbinden? :D