button/ hyperlink
Künstler, Designer
AW: button/ hyperlink
die menü leisten von apple
ich will den den button wo man sich befindet dunkler machen
damit man sieht wo man sich befindet
wie hier
Ich versteh nicht von welchen Button du sprichst?
Und wie meinst du das mit dem Ipod?
Ich meine der ist schon ziemlich dunkel... :S
Vielleicht könntest du das ganze bitte etwas genauer Erläutern...
die menü leisten von apple
ich will den den button wo man sich befindet dunkler machen
damit man sieht wo man sich befindet
wie hier
AW: button/ hyperlink
Du hast zwei Möglichkeiten:
1. Wenn es sich um normale Flächen handelt - bei hover (CSS) die Farben entsprechend ändern
2. Wenn es sich um Grafiken handelt (jpg, gif, usw.) brauchst du zwei veschiedene Grafiken.
einmal normal, einmal dunkler. Die Grafiken werden entsprechend der hover-Eigenschaft ersetzt.
(Button wird beim Mausdrüberfahren durch den dunkleren Button ersetzt,
ist die Maus wieder weg, wird automatisch der Standardbutton wieder gesetzt)
Das ist der normale Weg.
Du kannst auch die Grafiken mit Javascript ersetzen. Hat der Anwender kein Javascript aktiviert,
geht es nicht. Mit CSS schon.
Du hast zwei Möglichkeiten:
1. Wenn es sich um normale Flächen handelt - bei hover (CSS) die Farben entsprechend ändern
2. Wenn es sich um Grafiken handelt (jpg, gif, usw.) brauchst du zwei veschiedene Grafiken.
einmal normal, einmal dunkler. Die Grafiken werden entsprechend der hover-Eigenschaft ersetzt.
(Button wird beim Mausdrüberfahren durch den dunkleren Button ersetzt,
ist die Maus wieder weg, wird automatisch der Standardbutton wieder gesetzt)
Das ist der normale Weg.
Du kannst auch die Grafiken mit Javascript ersetzen. Hat der Anwender kein Javascript aktiviert,
geht es nicht. Mit CSS schon.
Noch nicht viel geschrieben
AW: button/ hyperlink
bei grafik
_____________
Eine Beispiel.
ins .css
_____________
a.mainlevel:link, a.mainlevel:visited, a.mainlevel:active {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
display:block;
width:180px;
height:18px;
font-family:Wide Latin;
font-size: 16px;
display:block;
text-indent:21px;
line-height:18px;
background-image:url('http://deine.seite/bild_on.png');
margin-left:0px;
}
a.mainlevel:hover {
color:#00CCFF;
text-decoration:none;
font-weight:bold;
display:block;
width:180px;
height:18px;
font-family:Wide Latin;
font-size: 16px;
border:0px none;
display:block;
background-image:url('http://deine.seite/bild_off.png');
text-indent:21px;
line-height:18px;
margin-left:0px;
}
a.sublevel:link, a.sublevel:visited, a.sublevel:active {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
display:block;
width:180px;
font-size: 16px;
height:18px;
font-family:Wide Latin;
display:block;
text-indent:21px;
line-height:18px;
background-image:url('http://deine.seite/bild_on.png');
margin-left:0px;
font-size:11px;
}
_____________
Ins html/php
class="mainlevel"
z.b
<td><a href="http://deine.seite/index.php" class="mainlevel">Startseite</a></td>
__________
ich hoffe das hilft dir weiter wenn du das meinst.
Grüße Schure
bei grafik
_____________
Eine Beispiel.
ins .css
_____________
a.mainlevel:link, a.mainlevel:visited, a.mainlevel:active {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
display:block;
width:180px;
height:18px;
font-family:Wide Latin;
font-size: 16px;
display:block;
text-indent:21px;
line-height:18px;
background-image:url('http://deine.seite/bild_on.png');
margin-left:0px;
}
a.mainlevel:hover {
color:#00CCFF;
text-decoration:none;
font-weight:bold;
display:block;
width:180px;
height:18px;
font-family:Wide Latin;
font-size: 16px;
border:0px none;
display:block;
background-image:url('http://deine.seite/bild_off.png');
text-indent:21px;
line-height:18px;
margin-left:0px;
}
a.sublevel:link, a.sublevel:visited, a.sublevel:active {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
display:block;
width:180px;
font-size: 16px;
height:18px;
font-family:Wide Latin;
display:block;
text-indent:21px;
line-height:18px;
background-image:url('http://deine.seite/bild_on.png');
margin-left:0px;
font-size:11px;
}
_____________
Ins html/php
class="mainlevel"
z.b
<td><a href="http://deine.seite/index.php" class="mainlevel">Startseite</a></td>
__________
ich hoffe das hilft dir weiter wenn du das meinst.
Grüße Schure
Zuletzt bearbeitet:
F
fantaflascher
Guest
AW: button/ hyperlink
Ok gib den Buotton einen Hovereffekt mit dunkleren Farben und schon hast du das Problem gelöst.
Ok gib den Buotton einen Hovereffekt mit dunkleren Farben und schon hast du das Problem gelöst.
Künstler, Designer
Aktives Mitglied
Aktives Mitglied
AW: button/ hyperlink
Hi,
hier mal ein paar nützliche Links:
Generell würde ich empfehlen einfach mal eine einfache Seite zu starten. Bitte nicht erwarten, dass das der Hammer wird. Wenn es mit wenig Schnörkel einwandfrei aussieht und auch einen reinen HTML-code hat, dann weiter an schwierigeres wagen.
Ich habe viel aus Tutorials gelernt. Auch habe ich Videos dazu gekauft und nachgebaut. Und immer wieder neue websites basteln. Bei jedem mal kommen neue Erkenntnisse hinzu und es macht Spaß zu sehen, wie man weiter kommt. Aber ich würde icht empfehlen, sich gleich ans schwierigste zu wagen und dann keinen Spaß zu haben, weil es nicht klappt und man einfach noch nicht weit genug dafür ist.
Viel Spaß und glaub mir, in wenigen Tagen, Wochen kannst Du dieses hover in der Navi selbst machen und nach Monaten dann auch ausgefeiltere Navis.
Gruß,
agielen
Hi,
hier mal ein paar nützliche Links:
Bitte kostenlos registrieren, damit du die Links siehst.
Bitte kostenlos registrieren, damit du die Links siehst.
Bitte kostenlos registrieren, damit du die Links siehst.
Generell würde ich empfehlen einfach mal eine einfache Seite zu starten. Bitte nicht erwarten, dass das der Hammer wird. Wenn es mit wenig Schnörkel einwandfrei aussieht und auch einen reinen HTML-code hat, dann weiter an schwierigeres wagen.
Ich habe viel aus Tutorials gelernt. Auch habe ich Videos dazu gekauft und nachgebaut. Und immer wieder neue websites basteln. Bei jedem mal kommen neue Erkenntnisse hinzu und es macht Spaß zu sehen, wie man weiter kommt. Aber ich würde icht empfehlen, sich gleich ans schwierigste zu wagen und dann keinen Spaß zu haben, weil es nicht klappt und man einfach noch nicht weit genug dafür ist.
Viel Spaß und glaub mir, in wenigen Tagen, Wochen kannst Du dieses hover in der Navi selbst machen und nach Monaten dann auch ausgefeiltere Navis.
Gruß,
agielen
Noch nicht viel geschrieben
AW: button/ hyperlink
Wo willste dein button denn ändern? auf einer selbst gemachten Seite oder z.b joomla, usw.. wall es gibt da so viele Module - Plugins - Komponenten gibt das mach überhaupt keine css oder html/php kenntnisse braucht.
Grüße Schure
Wo willste dein button denn ändern? auf einer selbst gemachten Seite oder z.b joomla, usw.. wall es gibt da so viele Module - Plugins - Komponenten gibt das mach überhaupt keine css oder html/php kenntnisse braucht.
Grüße Schure
Zuletzt bearbeitet:
Aktives Mitglied
AW: button/ hyperlink
wenn du photoshop und dreamweaver hast dann is das eigentlich kein problem
du erstellst 2 grafike eine dunkel die andere heller und fügst einen mousover effekt mit dreamweaver ein.
so wird der helle button durch den dunkelen ersetzt
wenn du jetzt noch willst das der button der gerade aktiven seite noch dunkler ist musst du eben in jeder seite dann bei der entsprechenden seite einfach per img befehl das ganz dunkele bild einbinden eigentlich wenig mühe
wenn du photoshop und dreamweaver hast dann is das eigentlich kein problem
du erstellst 2 grafike eine dunkel die andere heller und fügst einen mousover effekt mit dreamweaver ein.
so wird der helle button durch den dunkelen ersetzt
wenn du jetzt noch willst das der button der gerade aktiven seite noch dunkler ist musst du eben in jeder seite dann bei der entsprechenden seite einfach per img befehl das ganz dunkele bild einbinden eigentlich wenig mühe
Künstler, Designer
Künstler, Designer
AW: button/ hyperlink
die leiste habe ich ja
brauch nur so einen effekt wo der button dunkler wird beim drüber fahren mit der maus
wenn du die Menüleiste von Apple nachmachen willst, dann gibt es hier im Forum ein tolles Tuturial dazu. Schau´s dir dochmal an
mit freundlichen Grüßen,
JoRoe
die leiste habe ich ja
brauch nur so einen effekt wo der button dunkler wird beim drüber fahren mit der maus
Willkommen auf PSD-Tutorials.de
In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.
Nächster neuer Gratisinhalt
03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Flatrate für Tutorials, Assets, Vorlagen
Statistik des Forums