Antworten: 9
Seite [1] |
|||||
alexteam Try to beat me Beiträge: 186 |
# Thema - 10.11.2010 um 17:21 Uhr
Hallo Community, Ich habe versucht diese Navigation in ein Design einzubinden. Local auf dem Rechner funktioniert es ohne Probleme aber wenn ich es ins Clansphere (meine Seite) hochlade geht sie nicht mehr. Hier dir Navi http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/ Hier meine Seitehttp://zschau.bplaced.net/ |
||||
Inaktiv |
|
||||
SCHIRI Weltmeister Herkunft: Hamburg Beiträge: 5299 |
# Antwort: 1 - 11.11.2010 um 10:55 Uhr
da sind syntax fehler drin: .animate(m[0] 'top' - m[1] '140px' - ,500,'easeOutBack') im original sieht das so aus: .animate({'top':'140px'},500,'easeOutBack' ) der erste paramter von animate() muss ein hash sein. ------------------ www.laszlokorte.de |
||||
Inaktiv |
|||||
alexteam Thread-Ersteller Try to beat me Beiträge: 186 |
# Antwort: 2 - 11.11.2010 um 19:15 Uhr
In der orginal steht es so drin. Clansphere wandelt es automatisch so um. Was kann ich tun? $(function() {
/** * for each menu element, on mouseenter, * we enlarge the image, and show both sdt_active span and * sdt_wrap span. If the element has a sub menu (sdt_box), * then we slide it - if the element is the last one in the menu * we slide it to the left, otherwise to the right */ $('#sdt_menu > li').bind('mouseenter',function(){ var $elem = $(this); $elem.find('img') .stop(true) .animate({ 'width':'170px', 'height':'170px', 'left':'0px' },400,'easeOutBack') .andSelf() .find('.sdt_wrap') .stop(true) .animate({'top':'140px'},500,'easeOutBack' ) .andSelf() .find('.sdt_active') .stop(true) .animate({'height':'170px'},300,function(){ var $sub_menu = $elem.find('.sdt_box'); if($sub_menu.length){ var left = '170px'; if($elem.parent().children().length == $elem.index()+1) left = '-170px'; $sub_menu.show().animate({'left':left},200); } } }.bind('mouseleave',function(){ var $elem = $(this); var $sub_menu = $elem.find('.sdt_box'); if($sub_menu.length) $sub_menu.hide().css('left','0px'); $elem.find('.sdt_active') .stop(true) .animate({'height':'0px'},300) .andSelf().find('img') .stop(true) .animate({ 'width':'0px', 'height':'0px', 'left':'85px'},400) .andSelf() .find('.sdt_wrap') .stop(true) .animate({'top':'25px'},500); } } |
||||
Inaktiv |
|||||
SlayR Geekboy Herkunft: Calbe (Saale) Beiträge: 1133 |
# Antwort: 3 - 11.11.2010 um 20:34 Uhr
Benutze den 13. Button von links (hab extra gezählt) im Editor hier, der da heist: php-Quelltext. Damit wird der Code nicht grundsätzlich geändert sondern noch schön eingefärbt. Funktioniert auch für html und javascript! ------------------ --- CLANSPHERE ---
Professional clan care starts here |
||||
Inaktiv |
|||||
alexteam Thread-Ersteller Try to beat me Beiträge: 186 |
# Antwort: 4 - 11.11.2010 um 21:09 Uhr
Ich meine das Clansphere es in der index.htm umwandelt. Also in der Templates Datei nicht hier im Forum. In der Index.htm steht es so drin wie Schiri es geschrieben habe, und sobal ich das auf den Server auf meine Seite lade steht es eben falsch da. Also Local
und auf der Seite dann so.
Was kann ich tun? |
||||
Inaktiv |
|||||
SCHIRI Weltmeister Herkunft: Hamburg Beiträge: 5299 |
# Antwort: 5 - 12.11.2010 um 11:40 Uhr
achso, du solltest dne ganzen js-code natürlich in eine externe .js datei auslagern und dann nur per <script src="PFAD/ZUR/DATEI.js"></script> einbinden ------------------ www.laszlokorte.de |
||||
Inaktiv |
|||||
alexteam Thread-Ersteller Try to beat me Beiträge: 186 |
# Antwort: 6 - 12.11.2010 um 13:03 Uhr
Ok habe ich auch gemacht und es gibt keine Veränderungen. Die Navigation geht nicht. Habe es mit <script type="text/javascript" src="script.js"></script> im head eingebunden. So sieht meine script.js
Hier die index.htm
Zuletzt editiert von alexteam am 12.11.2010 um 13:04 Uhr (2x Editiert) |
||||
Inaktiv |
|||||
Tress13 Highlander Herkunft: Lüdenscheid Beiträge: 3048 |
# Antwort: 7 - 12.11.2010 um 15:30 Uhr
js wird doch nun unten eingebunden, oder nicht ? ------------------ www.iv-gaming.de | www.iv-artwork.de |
||||
Inaktiv |
|||||
Ramires Supporter Herkunft: Waldeck Beiträge: 1900 |
# Antwort: 8 - 12.11.2010 um 15:33 Uhr
oder in der neuen version mit {func:javascript} vor oder hinter den eigenen skripten im head,... ------------------ Verschwende keine Energie an Dinge die Du nicht ändern kannst... |
||||
Inaktiv |
|||||
alexteam Thread-Ersteller Try to beat me Beiträge: 186 |
# Antwort: 9 - 12.11.2010 um 19:30 Uhr
Ok das mit {func:javascript} wußte ich nicht und es hat geklappt. Danke euch! Kann geschlossen werden. |
||||
Inaktiv |
|||||
Dieses Thema wurde von Ramires geschlossen. |
|||||
Antworten: 9
Seite [1] |
Latest 5 CodePaste
Demo
Probiere ClanSphere aus und teste daran herum. Demo
Spenden
ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns.
Spenden