tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
12
ZUGRIFFE
688
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 18.01.02 00:45 #1
    Cyph3r Cyph3r ist offline Mitglied
    Registriert seit
    Jan 2002
    Beiträge
    11
    Also wie kann ein eine schrift zb aus den Menü so machen
    das wenn mann drauf geht sich ändert und welche progi
    is das beste für ****?
     
    Zitieren Zitieren
  2. 18.01.02 02:32 #2
    Avatar von Sovok
    Sovok Sovok ist offline
    Registriert seit
    May 2001
    Ort
    Konstanz
    Beiträge
    542
    meinste das?
    die bilder am besten mit photoshop, zum erstellen des rollovers kannste imageready verwenden (is bei photoshop dabei)
    Geändert von Sovok (18.01.02 um 02:35 Uhr)
     
    Zitieren Zitieren
  3. 18.01.02 06:56 #3
    Christoph Christoph ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Beiträge
    2.928
    kommt natürlich auch darauf welches prog du zur erstellung der hp hast. htm-editoren oder wysiwyg-prog wie z.b. Ultra Dev 4 von Macromedia---da ist dieser mouse-oer effekt schon dabei. unter:

    einfügen===>interaktive bilder===>Roolover Bild

    kannst es aber auch wie sovok sagte: selbst die tags schreiben!


    mit imagereadey hab ichs eigentlich noch ni probiert===>yeah jetzt hab ich wieder was zu tun!!*gg*


    mfg Hochi
     
    Zitieren Zitieren
  4. 18.01.02 06:58 #4
    Christoph Christoph ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Beiträge
    2.928
    tut mir leid wegen der rechtschreibfehler!! ist ja erst 7Uhr!

    roolover*ggggggggg* rollover meinte ich natürlich
     
    Zitieren Zitieren
  5. 18.01.02 07:14 #5
    Avatar von Sovok
    Sovok Sovok ist offline
    Registriert seit
    May 2001
    Ort
    Konstanz
    Beiträge
    542
    wofür ham wir denn edit post
     
    Zitieren Zitieren
  6. 18.01.02 07:48 #6
    Christoph Christoph ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Beiträge
    2.928
    stimmt eigentlich
     
    Zitieren Zitieren
  7. 18.01.02 15:18 #7
    Avatar von cocoon
    cocoon cocoon ist offline Mitglied Brokat
    Registriert seit
    Nov 2001
    Beiträge
    437
    In dem Post, das den Rollover beschreibt, wird ja richtigerweise daraufhingewiesen, dass man nicht zu grosse Bilder nehmen bzw. einen Preloader verwenden sollte. Ich würde generell dazu raten, die Rollover-Bilder zumindest vorzuladen, egal ob man den Vorgang jetzt in irgendeiner Weise visualisiert (mit Preloader meint man ja eigentlich so etwas wie einen Ladebalken o.ä.).
    Das Vorladen der Bilder kann man per JavaScript arrangieren, was ich mal kurz probier zu erläutern (nehmt's mir nicht übel, aber JS hab' ich schon lange nicht mehr gemacht, weshalb das Script u.U. nicht ganz fehlerfrei sein wird ):

    1.) Für jeden Menüpunkt ein Bild als Ausgangsbild und eins als Rolloverbild, also z.B.:

    about_a.jpg
    about_b.jpg
    portf_a.jpg
    portf_b.jpg usw.

    2.) Ein JavaScript läd die Bilder vor, indem ein Image-Objekt zu jedem Bild (Normal und Over) angelegt wird. Ich glaube das Skript ist am besten im head-Teil unterzubringen:

    PHP-Code:
    <head>
    ...

    <    script language="JavaScript">
    <!--
     
          imgAboutOn = new Image();
              // Neues Image-Objekt wird für erstellt
          imgAboutOn.src = "http://www.seite.de/img/about_b.jpg";
              // Dem Image-Objekt wird die URL (src=source) zugewiesen
      
          imgAboutOff = new Image();
          imgAboutOff.src = "http://www.seite.de/img/about_a.jpg";

          imgPortfOn = new Image();
          imgPortfOn.src = "http://www.seite.de/img/portf_b.jpg";
      
          imgAboutOff = new Image();
          imgAboutOff.src = "http://www.seite.de/img/portf_a.jpg";
      
          usw.
     
    --> 
    </script> 

    3.) Der Html-Teil im body:

    PHP-Code:
    <a href="http://www.seite.de/html/about/index.html">
    <    img src="http://www.seite.de/img/about_a.jpg" border="0" name="imgAbout" onMouseOver="javascript:document.imgAbout.src=imgAboutOn.src;" onMouseOut="javascript:document.imgAbout.src=imgAboutOff.src;">
    </    a>
    <    a href="http://www.seite.de/html/portf/index.html">
    <    img src="http://www.seite.de/img/portf_a.jpg" border="0" name="imgPortf" onMouseOver="javascript:document.imgPortf.src=imgPortfOn.src;" onMouseOut="javascript:document.imgPortf.src=imgPortfOff.src;">
    </    a>

    usw. 
    Wie gesagt - keine Ahnung ob's einwandfrei klappt, aber so aus dem Stehgreif heraus fiel mir das so ein.

    Gruss

    Nachtrag:
    zu 2.) Am Ende muss natürlich noch ein /script"-Tag hin, das das Skript im Html-Code ausleitet.
    zu 3.) Bei den onMouseEvents muss "javascript: ..." zusammengeschrieben werden
    (Hab's richtig gepostet, erscheint aber fehlerhaft beim Lesen des Threads)

    Hab's jetzt auch getestet - müsste funktionieren.
    Geändert von cocoon (18.01.02 um 15:29 Uhr)
     
    Nur tote Fische schwimmen mit dem Strom
    Zitieren Zitieren
  8. 18.01.02 15:18 #8
    Cyph3r Cyph3r ist offline Mitglied
    Registriert seit
    Jan 2002
    Beiträge
    11
    Also ich habe imageready, kann mir mal einer ganz einfach erkklären
    wie mann das macht ****?
    Dreamwaver habe ich auch.
    Thx schonmal für antworten
     
    Zitieren Zitieren
  9. 27.02.02 13:03 #9
    dozi Tutorials.de Gastzugang
    moin,

    kann man auch so was machen, das wenn man auf den button klickt, sich wieder die grafik ändert, also:#

    1.Änderung: Wenn man mit der Maus drüberfährt (OnMouseOver)
    2.Änderung: Wenn man auf den Button klickt (****?)
    3.Änderung: Wenn man wieder von der Maus runtergeht (OnMouseOut)

    thx mal jetzt schon
     
    Zitieren Zitieren
  10. 27.02.02 13:33 #10
    2mac 2mac ist offline Mitglied
    Registriert seit
    Dec 2001
    Ort
    aerzen
    Beiträge
    13
    hallo erstmal!
    so wie es aussieht,hat deine frage nix mit photoshop zu tun!wenn ich es recht verstehe,willst du z.B. das sich die farbe von der schrift änderst,wenn du mit der maus drüber gehst,in diesem fall handelt es sich um einen einfachen style sheet,den du einfach in deinen quelltext einfügen musst!

    hier ist er [die farben kannste selber bestimmen] ::>>





    <style type="text/css">

    <!--

    a:active, a:link, a:visited { color: #00000; font-size: 8pt; font-family: Helvetica, Tahoma, Verdana, Arial; text-decoration: none }
    a:bb:hover, a:visited:hover { color: #8B8484; font-size: 8pt; font-family: Helvetica, Tahoma, Verdana, Arial; text-decoration: none }
    div,p,td,th,body { color: silver; font-size: 8pt; font-family: Helvetica, Tahoma, Verdana, Arial; text-decoration: none }

    -->

    </STYLE>
     
    just after having lost everything,we have the freedom to do everything.
    Zitieren Zitieren
  11. 27.02.02 13:36 #11
    2mac 2mac ist offline Mitglied
    Registriert seit
    Dec 2001
    Ort
    aerzen
    Beiträge
    13
    ahh mist,ich finde den edit button net,und ausserdem habe ich einen fehler gemacht,mit dem einfügen,wenn du den style sheet haben willst,und wissen willst wie man ihn einfügt,melde dich bei mir über ICQ : 147230104
     
    just after having lost everything,we have the freedom to do everything.
    Zitieren Zitieren
  12. 27.02.02 13:38 #12
    Avatar von stiffy
    stiffy stiffy ist offline Mitglied Brokat
    Registriert seit
    Jun 2001
    Ort
    Brühl [bw]
    Beiträge
    381
    haja....
    image ready aufmachen -> handbuch zur hand nehmen ( wahlweise tuts auch f1 ) und n bissl blättern.

    für alle die ihr handbuch "verloren" haben (oder vom hund gefressen... lasst euch doch mal was kreatives einfallen, ich hätt ma wieder gern was zum lachen ) :

    also unten links findet ihr die "verhaltens-leiste" (glaub zumindest das die so heisst) da kann man dann verschiedene events hinzufügen. unter anderem eben onrollover onklick onmouseout und was weiss ich was noch alles dann einfach in den ebenen verändern wie ihrs verändert haben wollt (des nenn ich ma ne schwammige erklärung ) und als html speichern. fertig

    btw: vorher slicen in photshop, find ich einfacher als in ir (ka warum)
     
    Zitieren Zitieren
  13. 27.02.02 13:42 #13
    Avatar von stiffy
    stiffy stiffy ist offline Mitglied Brokat
    Registriert seit
    Jun 2001
    Ort
    Brühl [bw]
    Beiträge
    381
    also sorry 4 doppelpost, aber 2mac hat es tatsächlich geschafft in der zeit in der ich 1 thread verfasst hab direkt ma 2 zu schreiben.

    @cyph3r: sag ma klarer was du meinst: menü aus nem bild oder nur aus text (btw ich würd mich nich über ole lustig machen wenn ich kaum besser deutsch könnt als er selber )

    @2mac: unten rechts unter deinem post...

    axo 1 noch, habs schon lang nimmer gesagt: es gibt hier auch ne suchfunktion
     
    Zitieren Zitieren
« Photoshop7 is ja nu raus... | ::: Hilfslinien = > diagonal - möglich oder nicht ? »

Ähnliche Themen

  1. Mouseout after irgend eine Zeit
    Von PaRkY im Forum Java
    Antworten: 1
    Letzter Beitrag: 05.01.05, 15:51
  2. HILFE - Wasn das für ein Script
    Von SirToby im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 02.04.04, 14:08
  3. Full-Join, wasn das?
    Von lambda im Forum Relationale Datenbanksysteme
    Antworten: 4
    Letzter Beitrag: 26.09.03, 15:14
  4. Irgend so ein TIMEOUT
    Von HAL im Forum Relationale Datenbanksysteme
    Antworten: 19
    Letzter Beitrag: 10.05.03, 08:56
  5. wasn das fürn effekt****?
    Von Precog im Forum HTML & XHTML
    Antworten: 4
    Letzter Beitrag: 12.11.02, 18:16