[GastForen Archiv Adobe GoLive Rollover bei Text

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Rollover bei Text

blarch
Beiträge gesamt: 49

6. Jun 2005, 21:24
Beitrag # 1 von 13
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Zusammen.

Ich bin gerade dabei ein bisschen mit GoLife herumzuexperimentieren. Ich habe auch es auch schon mit CSS hinbekommen, dass der Text immer gleich dargestellt wird.

Nun möchte ich ihn aber beim Mauseintritt verändern, z.B. dass die Schrift Rot wird und dann wenn man daraufclickt z.B. fett und weiss, so dass man immer sieht wo man ist und was man macht. Das müsste doch auch mit CSS gehen oder?

Weiter habe ich eine Frage ob man eine bestimmte Schriftart so in die Seite einbetten kann, dass sie auch dann bei einem Besucher angezeigt wird wenn dieser sie nicht auf seinem Computer installiert hat.

Gruss
Wolfgang
X

Rollover bei Text

SabineP
Beiträge gesamt: 7586

6. Jun 2005, 21:46
Beitrag # 2 von 13
Beitrag ID: #170210
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Wolfgang,

Falls Du die Farben von Textlinks meinst, dann kannst Du diese Farben mit CSS verändern:
http://www.w3.org/...namic-pseudo-classes

Schriftarten, die nicht installiert sind, werden im Browser nicht dargestellt.

Gruß Sabine

PS. Noch zwei Links dazu von Dirks Seite:

http://www.totd.de/gl5/totd024.html
http://gltipps.de/pages/tipps/tipp16.html


als Antwort auf: [#170201]
(Dieser Beitrag wurde von SabineP am 6. Jun 2005, 21:49 geändert)

Rollover bei Text

blarch
Beiträge gesamt: 49

7. Jun 2005, 08:10
Beitrag # 3 von 13
Beitrag ID: #170260
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Guten Morgen Sabine.

Vielen Dank für Deine Antwort und die Links.

Viele Grüsse
Wolfgang


als Antwort auf: [#170201]

Rollover bei Text

blarch
Beiträge gesamt: 49

8. Jun 2005, 08:02
Beitrag # 4 von 13
Beitrag ID: #170607
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
...so das mit dem Rollover hat eigentlich soweit hingehauen. Nun habe ich vor dem Text ein kleines Quadrat stehen, welches ich beim daraufklicken des Textes dann ausgefüllt haben möchte um dann quasi die Menüführung optisch zu zeigen. Kann ich das auch via CSS bewerkstelligen?

Gruss
Wolfgang


als Antwort auf: [#170201]

Rollover bei Text

blarch
Beiträge gesamt: 49

12. Jun 2005, 13:00
Beitrag # 5 von 13
Beitrag ID: #171559
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
so, jetzt habe ich aber noch ein anderes Problem. Das mit dem Rollover beim Text funktioniert hervorragend. Jetzt möchte ich aber noch ein Untermenü mit einer kleineren Schriftart einfügen? Wie bewerkstellige ich das, damit Untermenü nicht gleich aussieht wie das Hauptmenue.

Gruss
Wolfgang


als Antwort auf: [#170201]

Rollover bei Text

SabineP
Beiträge gesamt: 7586

12. Jun 2005, 13:08
Beitrag # 6 von 13
Beitrag ID: #171560
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Wolfgang,

für ein Menü, das weitere Untermenüs ein- und ausblendet benötigst Du Javascript.
Hier gibt es solche Menüs in großer Auswahl:
http://hotscripts.com/...ion/Menus/index.html

Gruß Sabine


als Antwort auf: [#170201]

Rollover bei Text

Dirk Levy
  
Beiträge gesamt: 9464

12. Jun 2005, 13:13
Beitrag # 7 von 13
Beitrag ID: #171563
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Oder Du nimmst die MenuMachine dafür....
http://www.menumachine.com/

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
Adobe GoLive CS Buch
http://www.galileodesign.de/685?GPP=levy


als Antwort auf: [#170201]

Rollover bei Text

blarch
Beiträge gesamt: 49

12. Jun 2005, 15:49
Beitrag # 8 von 13
Beitrag ID: #171581
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
eigentlich möchte ich kein menü ein und ausblenden. im prinzip habe ich es mir so vorgestellt:

Ich habe ein Hauptmenü mit 10pt Schrift die beim Rollover die Farbe wechselt. Zusätzlich steht unter diesem Menü ein Untermenü mit 8pt Schrift welches dann auch die Farbe bei Rollover wechseln soll.

Gruss
Wolfgang


als Antwort auf: [#170201]

Rollover bei Text

Dirk Levy
  
Beiträge gesamt: 9464

12. Jun 2005, 15:55
Beitrag # 9 von 13
Beitrag ID: #171583
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Da brauchst Du dann unterschiedliche
Fromatierungen für die a-Klassen, z.B.:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...ransitional.dtd">

<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Untitled Page</title>
<style type="text/css" media="screen"><![CDATA[a:link { color: #00b; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a:visited {
color: #00b;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
text-decoration: none }
a:hover { color: #e68f40; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a:active { color: #e68f40; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a.topnav:link { color: white; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; padding-left: 8px }
a.topnav:visited { color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a.topnav:hover { color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; background-color: #e68f40 }
a.topnav:active { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; background-color: #ffffff }
a.small:link { color: white; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; padding-left: 8px }
a.small:visited { color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a.small:hover { color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; background-color: #e68f40 }
a.small:active { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; background-color: #ffffff }]]></style>
</head>

<body bgcolor="#767d85">
<p><a class="topnav" href="#">Das ist ein Link</a></p>
<p><a href="#">Das ist noch ein Link</a></p>
<p><a class="small" href="#">Und das ist wieder ein Link</a></p>
</body>

</html>

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
Adobe GoLive CS Buch
http://www.galileodesign.de/685?GPP=levy


als Antwort auf: [#170201]

Rollover bei Text

blarch
Beiträge gesamt: 49

12. Jun 2005, 16:38
Beitrag # 10 von 13
Beitrag ID: #171588
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
kann ich das auch in golive im css-editor machen? und wenn ja wie geh das?

Gruss
Wolfgang


als Antwort auf: [#170201]

Rollover bei Text

Dirk Levy
  
Beiträge gesamt: 9464

12. Jun 2005, 17:21
Beitrag # 11 von 13
Beitrag ID: #171595
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Kopier Dir doch einfach den Bereich:

a:link { color: #00b; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a:visited {
color: #00b;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
text-decoration: none }
a:hover { color: #e68f40; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a:active { color: #e68f40; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a.topnav:link { color: white; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; padding-left: 8px }
a.topnav:visited { color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a.topnav:hover { color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; background-color: #e68f40 }
a.topnav:active { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; background-color: #ffffff }
a.small:link { color: white; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; padding-left: 8px }
a.small:visited { color: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none }
a.small:hover { color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; background-color: #e68f40 }
a.small:active { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-decoration: none; background-color: #ffffff

hier raus, wechsel im CSS-Editor in die Quellcode-Ansicht
und kopiere das dort rein, dann kannst Du Dir schön
ansehen wie es geht und Deine eigenen Formate bilden...

Gruß
Dirk
Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
Adobe GoLive CS Buch
http://www.galileodesign.de/685?GPP=levy


als Antwort auf: [#170201]

Rollover bei Text

blarch
Beiträge gesamt: 49

12. Jun 2005, 17:40
Beitrag # 12 von 13
Beitrag ID: #171597
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ja funktioniert perfekt. Aber wie weise ich es nun den unterschiedlichen Links zu? Geht das auch in GoLife oder nur in html?
Sorry für die doofen Fragen ...

Gruss
Wolfgang


als Antwort auf: [#170201]

Rollover bei Text

Dirk Levy
  
Beiträge gesamt: 9464

12. Jun 2005, 17:44
Beitrag # 13 von 13
Beitrag ID: #171599
Bewertung:
(3008 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Über den CSS-Inspektor...

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
Adobe GoLive CS Buch
http://www.galileodesign.de/685?GPP=levy


als Antwort auf: [#170201]
X