mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 11:35 Benutzername: Passwort: Auto-Login

Thema: Typo3 Menu Jquery? vom 24.02.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Typo3 Menu Jquery?
Seite: Zurück  1, 2, 3
Autor Nachricht
ginobranco
Threadersteller

Dabei seit: 08.06.2009
Ort: Hamburg
Alter: 39
Geschlecht: Männlich
Verfasst Mo 27.02.2012 12:10
Titel

Antworten mit Zitat Zum Seitenanfang

sau gute idee das in den footer zu laden ! Grins
geht nämlich! Lächel

nur des menü vom nivoslider zickt jetzt etwas...
aber er slidet durch und mein menü bouncet Lächel schön! danke achim!

Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--
   This website is powered by TYPO3 - inspiring people to share!
   TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
   TYPO3 is copyright 1998-2011 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
   Information and contribution at http://typo3.com/ and http://typo3.org/
-->


<link rel="shortcut icon" href="http://localhost/typo3/" />
<link rel="icon" href="http://localhost/typo3/" />
<title>Home</title>
<meta name="generator" content="TYPO3 4.6 CMS" />

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_3fe12dc28e.css?1329899955" media="all" />
<link rel="stylesheet" type="text/css" href="fileadmin/template/style.css?1330335405" media="screen" />



<script src="fileadmin/template/js/jquery.min.js?1329324330" type="text/javascript"></script>
<script src="typo3temp/javascript_ebd9c81938.js?1329324374" type="text/javascript"></script>



</head>
<body id="page1">

<div id="center">
   <div id="head">
      <div id="logo"><a href="/" title="Startseite"><img src="fileadmin/template/img/logo.png" alt="" /></a></div>

      <div id="headernavi"><div class="menu-header">&bull;&nbsp;<a href="index.php?id=6" title="Referenzen" onfocus="blurLink(this);">Referenzen</a></div></div>
   </div>
   <div id="navigation"><ul class="nav-ebene-eins"><li id="pageUid_41"><a href="index.php?id=1" title="Home">Home</a></li><li id="pageUid_14"><a href="index.php?id=14" title="Über Uns">Über Uns</a><ul class="nav-ebene-zwei"><li id="pageUid_19"><a href="index.php?id=19" title="test2" onfocus="blurLink(this);">test2</a></li><li id="pageUid_17"><a href="index.php?id=17" title="Blindtext Drei" onfocus="blurLink(this);">Blindtext Drei</a></li><li id="pageUid_16"><a href="index.php?id=16" title="Blindtext Vier" onfocus="blurLink(this);">Blindtext Vier</a></li><li id="pageUid_15"><a href="index.php?id=15" title="Blindtext Eins" onfocus="blurLink(this);">Blindtext Eins</a></li></ul></li><li id="pageUid_13"><a href="index.php?id=13" title="Service">Service</a></li><li id="pageUid_12"><a href="index.php?id=12" title="Produkte">Produkte</a></li><li id="pageUid_6"><a href="index.php?id=6" title="Referenzen">Referenzen</a><ul class="nav-ebene-zwei"><li id="pageUid_11"><a href="index.php?id=11" title="Blindtext Eins" onfocus="blurLink(this);">Blindtext Eins</a></li><li id="pageUid_10"><a href="index.php?id=10" title="Blindtext Zwei" onfocus="blurLink(this);">Blindtext Zwei</a></li><li id="pageUid_9"><a href="index.php?id=9" title="Blindtext Drei" onfocus="blurLink(this);">Blindtext Drei</a></li><li id="pageUid_8"><a href="index.php?id=8" title="Blindtext Vier" onfocus="blurLink(this);">Blindtext Vier</a></li><li id="pageUid_7"><a href="index.php?id=7" title="Blindtext Fünf" onfocus="blurLink(this);">Blindtext Fünf</a></li></ul></li><li id="pageUid_2"><a href="index.php?id=2" title="Kontakt">Kontakt</a><ul class="nav-ebene-zwei"><li id="pageUid_5"><a href="index.php?id=5" title="Impressum" onfocus="blurLink(this);">Impressum</a></li><li id="pageUid_4"><a href="index.php?id=4" title="Datenschutz" onfocus="blurLink(this);">Datenschutz</a></li><li id="pageUid_3"><a href="index.php?id=3" title="Sitemap" onfocus="blurLink(this);">Sitemap</a></li></ul></li></ul></div>

   <div id="headerbild"></div>
   <div id="content">
      <div id="con-left-right">
         <div id="con-left"><div id="con-mitte-left"><div id="c21" class="csc-default"><h1>Herzlich Willkommen</h1><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, <a href="http://www.google.de/" title="Öffnet externen Link in neuem Fenster" target="_blank" class="external-link-new-window">vulputate eget, arcu. </a>
</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
</p>
<p>&nbsp;</p>
<p>eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
</p>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. </p></div></div></div>
         <div id="con-right"><div id="con-mitte-right"><div id="c45" class="csc-default">
<div class="news-latest-container">
   <h2>Aktuelles:</h2>
   
           <div class="news-latest-item">

            <span class="news-latest-date"><a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=21&amp;cHash=8fddbeb6a0b56ebbe3dc85bf35011c5f" title="Test 2">23.02.2012 15:07</a></span>
            <h3><a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=21&amp;cHash=8fddbeb6a0b56ebbe3dc85bf35011c5f" title="Test 2">Test 2</a></h3>

            <a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=21&amp;cHash=8fddbeb6a0b56ebbe3dc85bf35011c5f" title="Test 2"></a>
            <p>fggfdgd
fg
df
gdfg</p>
            <div class="news-latest-category"> Kat: Webdesign <img src="uploads/pics/app.jpg" width="59" height="54" border="0" alt="Webdesign" /> </div>
                <div class="news-latest-morelink"><a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=21&amp;cHash=8fddbeb6a0b56ebbe3dc85bf35011c5f" title="Test 2">[mehr]</a></div>
           </div>

      
           <div class="news-latest-item">

            <span class="news-latest-date"><a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=20&amp;cHash=b35bd06ab35c39ea81256c4bf128ad54" title="Test">23.02.2012 09:55</a></span>
            <h3><a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=20&amp;cHash=b35bd06ab35c39ea81256c4bf128ad54" title="Test">Test</a></h3>
            <a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=20&amp;cHash=b35bd06ab35c39ea81256c4bf128ad54" title="Test"></a>
            <p>gfdgfdgfd
gfdgfdgfdgfdg</p>
            <div class="news-latest-category"> Kat: Webdesign <img src="uploads/pics/app.jpg" width="59" height="54" border="0" alt="Webdesign" /> </div>
                <div class="news-latest-morelink"><a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=20&amp;cHash=b35bd06ab35c39ea81256c4bf128ad54" title="Test">[mehr]</a></div>

           </div>

      
           <div class="news-latest-item">

            <span class="news-latest-date"><a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=15&amp;cHash=2097e71be07f883b05f933fb734b3c66" title="Das ist die zweite News">20.02.2012 15:40</a></span>
            <h3><a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=15&amp;cHash=2097e71be07f883b05f933fb734b3c66" title="Das ist die zweite News">Das ist die zweite News</a></h3>
            <a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=15&amp;cHash=2097e71be07f883b05f933fb734b3c66" title="Das ist die zweite News"><img src="" width="" height="" border="0" alt="uujujuju" /></a>
            <p>labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo...</p>

            <div class="news-latest-category"> Kat: Webdesign <img src="uploads/pics/app.jpg" width="59" height="54" border="0" alt="Webdesign" /> </div>
                <div class="news-latest-morelink"><a href="index.php?id=35&amp;tx_ttnews%5Btt_news%5D=15&amp;cHash=2097e71be07f883b05f933fb734b3c66" title="Das ist die zweite News">[mehr]</a></div>
           </div>

      
<div class="news-latest-gotoarchive"><a href="index.php?id=36">zum Archiv -></a></div>
</div>
</div></div></div>
      </div>

      <div id="footer">
         <div class="menu-footer">&bull;&nbsp;<a href="index.php?id=6" title="Referenzen" onfocus="blurLink(this);">Referenzen</a></div><br style="clear:both;" />
      </div>
   </div>
</div>

<script src="fileadmin/template/js/animated-menu.js?1330338547" type="text/javascript"></script>
<script src="fileadmin/template/js/general.js?1330338322" type="text/javascript"></script>
<script src="fileadmin/template/js/jquery.easing.1.3.js?1330067894" type="text/javascript"></script>


</body>
</html>
  View user's profile Private Nachricht senden
Achim M.

Dabei seit: 17.03.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 27.02.2012 12:25
Titel

Antworten mit Zitat Zum Seitenanfang

ginobranco hat geschrieben:
sau gute idee das in den footer zu laden ! Grins
geht nämlich! Lächel

nur des menü vom nivoslider zickt jetzt etwas...
aber er slidet durch und mein menü bouncet Lächel schön! danke achim!

Generell stelle ich fest, dass die ganzen (gut gemeinten) Extensions, die Mootools, jQuery etc. einsetzen, einen sehr schnell in den Wahnsinn treiben können, weil sehr schnell Konflikte enstehen, deren Behebung sehr viel Zeit in Anspruch nimmt.

Wenn man mit TemplaVoila arbeitet, kann es sinnvoll sein, sich einfach eigene Flexible Content Elements (FCE) zu bauen und dann ganz nach eigenen Vorlieben Javascript-Bibliotheken einzusetzen. Für gängige Sachen wie Slider, Accordion, Lightbox etc. ist das wirklich problemlos möglich. Ist zwar für den Anfang vielleicht aufwändiger, erspart einem aber bei TYPO3-Updates oder zusätzlichen Effekten viel Nerven.

Da Du mit TYPO3 4.6 arbeitest, solltest Du Dir dies hier einmal anschauen:
http://www.speedprogs.de/anleitungen/detailansicht/js-und-css-in-typo3-46-zusammenfassen-und-komprimieren.html

Gruß

Achim
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Menu Typo3
JQuery Menu gesucht
Spezielles Drop Down Menu (Jquery oder Css)
[TYPO3] Nummeriertes Menu nur auf 1.Ebene beschränken
TYPO3 - Seiteninhalte und Menu verschachtelt auf einer Seite
jquery - hide content in jquery object
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3
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.