mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 16.04.2024 08:01 Benutzername: Passwort: Auto-Login

Thema: Hilfe zur Navigationsleiste vom 15.09.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Hilfe zur Navigationsleiste
Autor Nachricht
wasserraub
Threadersteller

Dabei seit: 25.06.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 15.09.2010 13:51
Titel

Hilfe zur Navigationsleiste

 Antworten mit Zitat Zum Seitenanfang
hallo ihr lieben =)

undzwar folgendes wir müssen für die schule eine homepage bauen.
Wir haben auch schon angefangen und haben eine wundertolle navigationsleiste gefunden die wir gerne so ähnlich
übernehmen würden - weil sie super zu unserer Seite passt.

Nur wir finden die Programmierung dazu nicht in dem Quelltext.

Wäre super wenn jemand so eine ähnliche oder diese Naviagtion zur verfügung stellen würde.

Hier der Link zu der Seite =)
http://www.makebetterwebsites.com/

die navigation die sich rechts oben befindet.

Vielen dank schonmal im vorraus =)
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mi 15.09.2010 14:00
Titel

Antworten mit Zitat Zum Seitenanfang
Das ist JQuery.
Fuchtel einfach mal mit ein paar englischen Begriffen bei Google herum, dann findest du das schon.

Viel Spaß *Thumbs up!*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
wasserraub
Threadersteller

Dabei seit: 25.06.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 15.09.2010 14:37
Titel

Antworten mit Zitat Zum Seitenanfang
aba ganz schön kompliziert gibts da nicht irgendwo nen einfachen quelltext zu ? =D
  View user's profile Private Nachricht senden
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Mi 15.09.2010 14:50
Titel

Antworten mit Zitat Zum Seitenanfang
Hier haste Futter.. Der Rest ist Hirnschmalz ...

Code:


jQuery("a.gallery:not(.gallery-aktiv)").css( {backgroundPosition: "0 0"} ).hover(function() {
      jQuery(this).stop().animate({backgroundPosition:"(0 -100px)"}, {duration:400});
   }, function() {
      jQuery(this).stop().animate({backgroundPosition:"(0 0px)"}, {duration:500});
   });
      
   
   jQuery("a.submit:not(.submit-aktiv)").css( {backgroundPosition: "-103px 0"} ).hover(function() {
        jQuery(this).stop().animate({backgroundPosition:"(-103px -100px)"}, {duration:400});
   }, function() {
        jQuery(this).stop().animate({backgroundPosition:"(-103px 0px)"}, {duration:500});
   });
   jQuery("a.about:not(.about-aktiv)").css( {backgroundPosition: "-238px 0"} ).hover(function() {
        jQuery(this).stop().animate({backgroundPosition:"(-238px -100px)"}, {duration:400});
   }, function() {
        jQuery(this).stop().animate({backgroundPosition:"(-238px 0px)"}, {duration:500});
   });

   jQuery("a.rss").css( {backgroundPosition: "-313px 0"} ).hover(function() {
      jQuery(this).stop().animate({backgroundPosition:"(-313px -100px)"}, {duration:400});
   }, function() {
       jQuery(this).stop().animate({backgroundPosition:"(-313px 0px)"}, {duration:500});
   });


  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 15.09.2010 14:52
Titel

Antworten mit Zitat Zum Seitenanfang
wundertolle sachen sind aba gern mal kompliziert...


auszug aus der wundertollen functions.js, die man schon über den quelltext finden kann...:
Code:

jQuery("a.submit:not(.submit-aktiv)").css( {backgroundPosition: "-103px 0"} ).hover(function() {
        jQuery(this).stop().animate({backgroundPosition:"(-103px -100px)"}, {duration:400});
   }, function() {
        jQuery(this).stop().animate({backgroundPosition:"(-103px 0px)"}, {duration:500});
   });



edit: ach, ich bin zu langsam... * grmbl *

Zuletzt bearbeitet von pixelpapst303 am Mi 15.09.2010 14:53, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Navigationsleiste
navigationsleiste php
HTML/CSS Navigationsleiste
[CSS] Navigationsleiste Schwierigkeiten
Navigationsleiste ausblenden
html Navigationsleiste
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB