[moneymaker]

Hey,

schaut mal auf der Seite

http://www.atlanticrecords.com/

oben ist die Navigationsleiste mit Flash hergestellt. Da ich aber auf Flash verzichte, möchte ich sowas ähnliches mit DIV erzielen. Jedoch haperts da ein wenig, da ich mich schon eine weile nicht mehr mit Webdesigning beschäftigt habe.

Diesen sanften Übergang von Weiß zu einer beliebigen Farbe möchte ich gerne herstellen.

Hoffe auf Hilfe oder Links. Danke

Dieser Beitrag wurde von Tomek.Live bearbeitet: 30. April 2009 - 10:35

[Witi]

Übergänge kann man in reinem HTML+CSS nicht machen. Da musst du schon mit JS ran. Viele JS-Frameworks bringen so ein Feature aber schon mit. Bei Mootools findest du eine schöne Demo dazu: http://demos.mootools.net/Mouseenter

[moneymaker]

Ich möchte aber nur den Text mit solchen Effekten ausstaten.

[sibbl]

mit jQuery und dem Color-Plugin ist auch viel machbar!

Hier ein Beispiel zum "faden" der Farbe bei mouseover: http://davidwalsh.na...y-dwfadinglinks

Dieser Beitrag wurde von sibbl bearbeitet: 30. April 2009 - 12:20

[Witi]

Kannst du auch machen. Ob du jetzt die Hintergrundfarbe eines Containers oder Farbe einer Schrift änderst spielt keine Rolle. Der Ansatz bleibt der selbe.

[moneymaker]

Super. Der Ansatz von sibble ist perfekt.

@ Witi

Ja stimmt. Sag ja, mein Wissen hat nachgelassen.

[moneymaker]

Irgendwie funktioniert alles nicht.

<link href="css/style.css" media="all" rel="stylesheet" type="text/css" />
<link href="css/slimbox2.css" media="screen" rel="stylesheet" type="text/css" />
<script src="js/slimbox2.js" type="text/javascript"></script>
<script src="js/fade.js" type="text/javascript"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.dwFadingLinks.js" type="text/javascript"></script>
<script src="js/jquery.effects.core.js" type="text/javascript"></script>
<script src="js/stepcarousel.js" type="text/javascript"></script>
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/menu.js" type="text/javascript"></script>
<script src="js/slide.js" type="text/javascript"></script>
<script type="text/javascript">
		$(document).ready(function() {
			$('.fade').dwFadingLinks({
				color: '#008000',
				duration: 700
			});
		 });
	</script>
<script type="text/javascript">
 function AnnulFejl()
 { return true; }
 window.onerror=AnnulFejl;
</script>

<a class="fade" href="java script:stepcarousel.stepTo('mygallery', 1)">
			<strong>Home</strong></a>

Keine Farbänderung.

Internet-Seite:
http://www.corona-record.com

Dieser Beitrag wurde von Tomek.Live bearbeitet: 30. April 2009 - 14:04