Anzeige

text auf rollover Button

text auf rollover Button | PSD-Tutorials.de

Erstellt von nidkid, 04.10.2008.

  1. nidkid

    nidkid Noch nicht viel geschrieben

    Dabei seit:
    04.10.2006
    Beiträge:
    39
    text auf rollover Button
    Hallo leute, ich sitze hier seid ner ewigkeit daran auf nem rollover button einen text zu schreiben. hier könnt ihr euch mal einen kleinen einblick gewährleisten

    Lineage 2 Fusion - News

    der code sieht wie folgt aus
    Code (Text):
    1.  
    2.                     <td><img src="Bilder/index_07.png" width="16" height="21" /></td>
    3.                     <td><a href="as" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Button','','templates/l2fusion/Bilder/index_ro_08.png',1)"><img src="Bilder/index_08.png" name="Button" width="181" height="21" border="0" id="Button" /></a></td>
    4.                     <td><img src="Bilder/index_09.png" width="19" height="21" /></td>
    5.  
    ich würde es gerne per html/js machen da ich mich mit css nicht so gut auskenne. gibt es eine möglichkeit auf diese bilder einen text zu schreiben? ich möchte nicht in psd jeden button mit text einzelnd erstellen.
    mfg david
     
    #1      
  2. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    text auf rollover Button
    AW: text auf rollover Button

    beider Art Buttons hast du keine andere chance einen Text anzubringen, als ihn mit deiner Grafiksoftware darauf anzubringen,und für jeden Button die over und normal Zustände zu speichern. Das liegt daran, dass in dem a-tag ein image-tag liegt.

    besser wäre es, diese img durch Text zu ersetzen, und die normal- und hover-Zustände tatsächlich per Hintergrundbild und css zu machen.

    das kann nicht das Argument für hrml/js sein, denn damit kennst Du dich nicht besser aus, sonst gäbe es diese Fragestellung nicht. (ausserdem sind Bezeichner wie MM_swapImgRestore() nicht nur ungünstig, sondern zeigen, dass sie aus einer Macromedia bzw Adobe Anwendung stammen).

    Mouseover-Buttons und -Effekte mit CSS
     
    #2      
  3. VirusX

    VirusX Aktives Mitglied

    Dabei seit:
    23.08.2008
    Beiträge:
    418
    Geschlecht:
    männlich
    Software:
    Gimp, Blender, Inkscape
    text auf rollover Button
    #3      
  4. nidkid

    nidkid Noch nicht viel geschrieben

    Dabei seit:
    04.10.2006
    Beiträge:
    39
    text auf rollover Button
    AW: text auf rollover Button

    mhh könntet ihr mir denn ein beispiel für eine alternative zeigen?
     
    #4      
  5. serverhombre

    serverhombre Guest

    text auf rollover Button
    AW: text auf rollover Button

    hab mal schnell ein kleines Beispiel anhand deines Layouts erstellt:
    hier gehts zum Beispiel

    css:
    Code (Text):
    1. body{
    2. background:#000;
    3. margin:0;
    4. padding:0;
    5. font-size:100.01%;
    6.  
    7. }
    8.  
    9. #bg {
    10. background: url(bg.png) no-repeat;
    11. padding:60px 0;
    12. }
    13.  
    14. #navigation {
    15. font-size:0.9em;
    16. margin:0;
    17. padding:0.5em;
    18. list-style-type:none;
    19. background: url(navigation.png) repeat-y;
    20. }
    21.  
    22. #navigation li a {
    23. background: url(navi-bg.png) no-repeat;
    24. padding:0.2em;
    25. margin:0 9px;
    26. display:block;
    27. width:181px;
    28. height:21px;
    29. text-decoration:none;
    30. text-align:center;
    31. color:#ccc;
    32. }
    33.  
    34. #navigation li a:hover {
    35. background: url(navi-bg_hover.png) no-repeat;
    36. color:#fff;
    37. }
    (x)html:
    HTML:
    1. <div id="bg">
    2. <ul id="navigation">
    3. <li><a href="#">Link1</a></li>
    4. <li><a href="#">Link2</a></li>
    5. <li><a href="#">Link3</a></li>
    6. <li><a href="#">Link4</a></li>
    7. <li><a href="#">Link5</a></li>
    8. </ul>
    9. <img src="unten.png" width="216" height="45" alt="Rahmengrafik der Navigationsleiste"  />
    10. </div>
     
    #5      
  6. toto78

    toto78 Noch nicht viel geschrieben

    Dabei seit:
    03.06.2007
    Beiträge:
    8
    Geschlecht:
    männlich
    Ort:
    Berlin
    text auf rollover Button
    AW: text auf rollover Button

    Danke nach so was habe ich schon lange gesucht wie das geht
     
    #6      
x
×
×
teststefan