[GastForen Archiv Adobe GoLive Navigations-Schaltfläachen beschriften

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

Navigations-Schaltfläachen beschriften

AstorPiazzolla
Beiträge gesamt: 4

9. Nov 2004, 12:42
Beitrag # 1 von 5
Bewertung:
(749 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Leute,

ich habe mir zu Übezwecken ein paar kostenlose Website Vorlagen aus den Netz geladen beiden denen aber die Navigations_Schaltflächen (Button)nicht beschriftet sind. Gibt es eine Möglichkeit diese in Golive zu beschriften oder muß ich das mit Photshop o.ä. machen?

Vielen Dank
Astor
X

Navigations-Schaltfläachen beschriften

Kusi
Beiträge gesamt: 1398

9. Nov 2004, 12:47
Beitrag # 2 von 5
Beitrag ID: #122628
Bewertung:
(749 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo
Wenn die Buttons Bilder sind, also Gif oder Jpg, dann musst du das in Photoshop oder so machen. Golive kennt keine Funktion zum Bilder bearbeiten.


Gruss
Kusi

http://www.k-k.ch
Grafik, Layout, Webdesign


als Antwort auf: [#122623]

Navigations-Schaltfläachen beschriften

r a c
Beiträge gesamt: 955

9. Nov 2004, 12:53
Beitrag # 3 von 5
Beitrag ID: #122631
Bewertung:
(749 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

Ja es gibt eine Möglichkeit, sogar eine sehr gute:
Du baust die Navigation als Text-Link auf (z.B. in einer Liste) und definierst das Bild für Buttons als Hintergrund zu diesen Links.
Vielleicht sogar zwei verschiedene: einen normal und einen für :hover.

Das ist besser als die Beschriftung im Bild (Photoshop-Lösung), weil:
1. die Seite schneller läd, da nur zwei Bilder
2. der Text in der Navigation auch von Google ausgewertet wird
3. auch Blinde mit einem Text-Link was anfangen können (Braille oder Sprachausgabe)

Grüsse r a c


als Antwort auf: [#122623]
(Dieser Beitrag wurde von r a c am 9. Nov 2004, 13:03 geändert)

Navigations-Schaltfläachen beschriften

AstorPiazzolla
Beiträge gesamt: 4

9. Nov 2004, 17:24
Beitrag # 4 von 5
Beitrag ID: #122766
Bewertung:
(749 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo R A C,

deine Idee, die Buttons als Hintergrund zu benutzen klingt sehr gut, aber wie?

Kennst Du eine Möglichkeit unterschiedl. Textlinks auf einer Seite auch unterschiedl. zu färben und evtl mit hover zuversehr. Ich bin Umsteiger von Fusion auf GL und das ist ganz schön anstrengend.

Gruß Astor


als Antwort auf: [#122623]

Navigations-Schaltfläachen beschriften

r a c
Beiträge gesamt: 955

9. Nov 2004, 18:07
Beitrag # 5 von 5
Beitrag ID: #122780
Bewertung:
(749 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Beispiel:
------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>Beispiel</title>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<style type="text/css" media="screen"><!--
#menu { position: absolute; top: 100px; left: 50px; width: 100px }
#main { position: absolute; top: 100px; left: 200px; width: 500px }
a { color: blue; text-decoration: none }
a:hover { color: white; background-color: blue }
#menu ul, #menu li { list-style-type: none; margin: 0px; padding: 0px }
#menu a:link { background-image: url(grafik/button.gif) }
#menu a:hover { color: green; background-image: url(grafik/button2.gif) }
--></style>
</head>

<body>
<div id="menu">
<ul>
<li><a href="eins.html">Eins</a>
<li><a href="zwei.html">Zwei</a>
<li><a href="drei.html">Drei</a>
<li><a href="vier.html">Vier</a>
</ul>
</div>
<div id="main">
Lorem ipsum dolor sit amet, <a href="irgendwo.html">consectetuer</a> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum <a href="beispiel.html">dolore</a> eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<br>
<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</div>
</body>

</html>
---------------------------------------

Dieses Beispiel kann nur eine Anregung sein. Das CSS muss noch ausgebaut werden, dann alle allgemeine Styles in ein externes CSS und so weiter. Das kommt dann aber alles auf den konkreten Fall an.

Grüsse r a c


als Antwort auf: [#122623]
(Dieser Beitrag wurde von r a c am 9. Nov 2004, 18:12 geändert)
X