Anzeige

Enter Button mit ''Scroll over Effect'' mit GIMP

Enter Button mit ''Scroll over Effect'' mit GIMP | PSD-Tutorials.de

Erstellt von AASF, 03.01.2007.

  1. AASF

    AASF Guest

    Enter Button mit ''Scroll over Effect'' mit GIMP
    hallo zusammen, ich möchte für die Homepage meines Clans (http://short-death-clan.de) einen ''Enter Button'' machen, so wie z.B hier:

    http://web23.h2964.serverkompetenz.net/

    Es gibt sehr viele ''Free Enter Button'' zum Downloaden, aber, ich möchte selber einen machen!!

    Jetzt meine frage, aso, wenn ich jetzt ein Bild gemacht habe, wie mache ich das jetzt, dass wenn ich mit der maus drüber fahre, dass dann der Button sich verändert...

    Also z.B die Frabe anders wird oder Das ''Enter'' plötzlich grösser wird oder was auch immer....

    Und wenn ich dann den Button habe und auch mit dem ''Scroll over Effect'' was für eine '' index.html oder index.htm'' muss ich dann schreiben??



    Kann mir die Frage einer beantworten, ich wäre sehr dankbar???

    Danke vielmals!!


    Lg. von Mir aus der Schweiz ^^
     
    #1      
  2. Maykiz

    Maykiz Pixelheld

    Dabei seit:
    19.11.2005
    Beiträge:
    374
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Photoshop CS2 (Student), GIMP, Inkscape
    Enter Button mit ''Scroll over Effect'' mit GIMP
    Du erstellst zwei Versionen. Einmal die normale und einmal die Mouseover. (GIMP/PS/...)

    Dann setzt du das ganze mit HTML/CSS um und fertig. :)
     
    #2      
  3. AASF

    AASF Guest

    Enter Button mit ''Scroll over Effect'' mit GIMP
    oha, und das mitm css oder html, wie ,muss dann das ausehen?


    Code (Text):
    1. <html>
    2. <head>
    3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    4. <meta name="description" content="webCODiNG & webDESiGN">
    5. <meta name="author" content="webspell.org">
    6. <meta name="keywords" content="webSPELL, webSPELL4, webSPELL4.01.04de, Clan, CMS, webSPELL.de.tt, webCODiNG-DESiGN.de, webcoding, webdesign, webhosting, webtech, webtechnik, webtechnic, web, lösungen, solutions, network, pc, computer, internet, website, cms, content, management, system, it, www, wbb, woltlab, burning board, community, board,free, cms, clan, 4free, 4all, 4u, for you, 4 you,kostenlos, gratis, templates, homepage, seite, site, photoshop, dreamweaver, adobe, flash, macromedia, apple, microsoft, webspell, grafik, logo, header, banner, animation, wallpaper, button, intro, enter, code, design, firma, professionell, cool, seriös, schlicht, edel, elegant, modern, classic, counter, strike, wow, cod, games, shooter, teamspeak, server, battlefield, bf, esl, hosting, housing, visiten, karte">
    7. <meta name="copyright" content="Copyright © 2005-2006 by webspell.org" />
    8. <meta name="generator" content="webSPELL" />
    9. <meta name="robots" content="index,follow">
    10. <meta name="revisit-after" content="1 days">
    11. <title>webCODiNG & webDESiGN | Enter</title>
    12. <link href="de/_stylesheet.css" rel="stylesheet" type="text/css">
    13. <script src="de/js/bbcode.js" language="jscript" type="text/javascript"></script>
    14. <script type="text/JavaScript">
    15. <!--
    16. function MM_swapImgRestore() { //v3.0
    17.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    18. }
    19.  
    20. function MM_preloadImages() { //v3.0
    21.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    22.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    23.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    24. }
    25.  
    26. function MM_findObj(n, d) { //v4.01
    27.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    28.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    29.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    30.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    31.   if(!x && d.getElementById) x=d.getElementById(n); return x;
    32. }
    33.  
    34. function MM_swapImage() { //v3.0
    35.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    36.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    37. }
    38. //-->
    39. </script>
    40.  
    41. </head>
    42.  
    43.  
    44.  
    45. <body bgcolor="#424242" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('enter_on.gif')">
    46. <table height="100%" width="100%" valign="middle" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#424242">
    47.  <tr>
    48.   <td align="center">
    49.    <table height="772" width="882" border="0" cellpadding="0" cellspacing="0" background="enter.jpg">
    50.     <tr>
    51.      <td><map name="enterMap"><area shape="poly" coords="416,398,463,398,471,407,461,476,450,484,440,488,429,485,421,476,410,408" href="de" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('enter','','enter_on.gif',1)">[img]enter_off.gif[/img]</map></td>
    52.       </tr>
    53.  
    54.    </table>
    55.   </td>
    56.  </tr>
    57. </table>
    58. </body>
    59.  
    60. </html>
    61.  
    also, dass hab ich jetzt von der website oben kopiert!!

    wie geht dan dass??
     
    #3      
  4. PitBull0993

    PitBull0993 Noch nicht viel geschrieben

    Dabei seit:
    01.05.2006
    Beiträge:
    46
    Geschlecht:
    männlich
    Software:
    Photoshop CS2, Notepad++
    Enter Button mit ''Scroll over Effect'' mit GIMP
    Warum suchst du nicht mal mit Google nach mouseover?

    Schau mal hier, da findest du Abhilfe.
     
    #4      
  5. AASF

    AASF Guest

    Enter Button mit ''Scroll over Effect'' mit GIMP
    Danke Pitbull

    Danke Pitbull, genua das habe ich gesucht!!


    Und ohm... kotzerharz, oder wie du hiesst, was willst du??

    Gehts irgendwie auch deutsch oder einfach so, dass es aussagt, was du eigentlich sagen willst!!?? :oops: :?
     
    #5      
x
×
×