ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » TabMenu im Content

Geschlossen
  1. Sa. 22.03.2014 00:25 Uhr #1
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    Hallo,

    damit sich ein bestimmter content Bereich nicht in die länge zieht suche ich eine Möglichkeit wo ich einen Bereich wie diesen gestalten kann:

    sc-weitmar45.de/rund-um-45/sponsoren.html

    Ich möchte aber keinen Slider sondern einen Tabbereich.

    Diese HP ist mit Joomla erstellt und das ist ein neu installiertes Modul.

    Kann man sowas auch in Ilch umsetzen?



    Grüße


    verwendete ilch Version: 1.1 P
    0 Mitglieder finden den Beitrag gut.
  2. Sa. 22.03.2014 00:37 Uhr #2
    User Pic
    corian Entwickler
    Registriert seit
    16.06.2011
    Beiträge
    1.096
    Beitragswertungen
    122 Beitragspunkte
    Hey, ja klar ist sowas möglich.

    Siehe auch hier jqueryui.com/tabs/
    0 Mitglieder finden den Beitrag gut.
  3. Sa. 22.03.2014 00:43 Uhr #3
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von corian
    Hey, ja klar ist sowas möglich.

    Siehe auch hier jqueryui.com/tabs/


    Das hatte ich auch eben gefunden doch da steht niergendwo auf der Seite wie man das einbinden muss. Für Laien etwas "unfreundlich".

    Also ich hatte mir das Theme redmond runtergeladen mit dem Tabmenu.
    0 Mitglieder finden den Beitrag gut.
  4. Sa. 22.03.2014 00:46 Uhr #4
    User Pic
    corian Entwickler
    Registriert seit
    16.06.2011
    Beiträge
    1.096
    Beitragswertungen
    122 Beitragspunkte
    Doch, du kannst dir sogar den source Code ansehen und mehr benötigst du nicht.
    0 Mitglieder finden den Beitrag gut.
  5. Sa. 22.03.2014 00:49 Uhr #5
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von corian
    Doch, du kannst dir sogar den source Code ansehen und mehr benötigst du nicht.


    Bin ich blöd oder brauche ich den Theme Download da garnicht? Sorry aber was das angeht habe ich noch keine Ahnung.
    0 Mitglieder finden den Beitrag gut.
  6. Sa. 22.03.2014 00:56 Uhr #6
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von CaptainJack
    ZitatZitat geschrieben von corian
    Doch, du kannst dir sogar den source Code ansehen und mehr benötigst du nicht.


    Bin ich blöd oder brauche ich den Theme Download da garnicht? Sorry aber was das angeht habe ich noch keine Ahnung.


    Sorry habe mich falsch ausgedrückt. Also so konnte ich es installieren. Dennoch brauche ich den Theme Roller um mir das Menu anzupassen. Oder nicht?

    Meine nur weil die Ecken ja abgerundet sind und das Menu selber grau ist und nicht zum Design passt.
    0 Mitglieder finden den Beitrag gut.
  7. Sa. 22.03.2014 01:02 Uhr #7
    User Pic
    corian Entwickler
    Registriert seit
    16.06.2011
    Beiträge
    1.096
    Beitragswertungen
    122 Beitragspunkte
    Du kannst auch die css importieren. Oder du legst die styles selber fest. lächeln 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    0 Mitglieder finden den Beitrag gut.
  8. Sa. 22.03.2014 01:50 Uhr #8
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    Klappt irgendwie nicht.

    Ich habe mir das Blitzer Theme runtergeladen, entpacktt und ins Hauptverzeichnis geladen.

    Zum testen habe ich den folgenden Code mal in die News gepackt: 

    http://whv-kicker.de/index.php?news


    Ich habe mir das Blitzer Theme ausgesucht und nur den Borderradius auf 0 px geestellt.

    Aber Blitzer lässt sich nicht einbinden.

    Der Pfad zur css Datei ist wie folgt: 

    whv-kicker.de/jquery-ui-1.10.4.custom/css/blitzer/jquery-ui-1.10.4.custom.css



    Ersetze ich aber deinen css Datei: 

    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">



    mit dieser: 
    whv-kicker.de/jquery-ui-1.10.4.custom/css/blitzer/jquery-ui-1.10.4.custom.css



    Verändert es nicht das Aussehen der Tabs.

    Ich denke mal das ich da irgendwo einen Denkfehler habe.

    Vielleicht kannst du mir dabei helfern Corian.
    0 Mitglieder finden den Beitrag gut.
  9. Sa. 22.03.2014 01:59 Uhr #9
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Sollte aber so sein, keine Ahnung wie du den Link angegeben hast, man sollte es natürlich ohne Adresse machen, wenn nicht nötig. Also 

    <link rel="stylesheet" href="jquery-ui-1.10.4.custom/css/blitzer/jquery-ui-1.10.4.custom.css">


    aber mit sollte auch funktionieren 

    <link rel="stylesheet" href="http://whv-kicker.de/jquery-ui-1.10.4.custom/css/blitzer/jquery-ui-1.10.4.custom.css">


    oder 

    <link rel="stylesheet" href="//whv-kicker.de/jquery-ui-1.10.4.custom/css/blitzer/jquery-ui-1.10.4.custom.css">
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  10. Sa. 22.03.2014 02:08 Uhr #10
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    Mairu jetzt klappt es. Wieso auch immer :-)

    Das einzige was sich aber net ändert ist der Cornerradius den ich von 6px auf 0px geändert habe.
    0 Mitglieder finden den Beitrag gut.
  11. Sa. 22.03.2014 22:42 Uhr #11
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    Leider werden mir egal was ich machen die Ecken nicht abgeändert obwohl ich die auf 0px gesetzt habe.

    Gibt es evtl. noch eine andere Möglichkeit sowas in einem Content als Tabmenu zu erstellen? Weil ich plane etwas ähnliches mit Sponsoring und da sind Tabs in meinen Augen am besten geeignet für wegen der Übersicht.
    0 Mitglieder finden den Beitrag gut.
  12. Sa. 22.03.2014 22:50 Uhr #12
    User Pic
    corian Entwickler
    Registriert seit
    16.06.2011
    Beiträge
    1.096
    Beitragswertungen
    122 Beitragspunkte
    Du musst in der css z.b. border-radius: 5px !important; angeben, dann sollte er es mit !important überschreiben.

    MFG corian
    0 Mitglieder finden den Beitrag gut.
  13. Sa. 22.03.2014 22:53 Uhr #13
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Also im ThemeRoller werden sie ja auch nicht mehr dargestellt, wenn man es auf 0px stellt, ich wüsste also nicht, warum es nicht gehen sollte.

    Bist du dir sicher, dass du es richtig runtergeladen und dann ggf. auch den Browsercache geleert hast (Seite mit Strg + F5 aktualisieren), so dass die neue css Datei auch geladen wurde?
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  14. So. 23.03.2014 20:37 Uhr #14
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    Mir ist eben aufgefallen das wenn ich die jquery aus dem Themeroller hochlade und die Tabs "installiere" funktioniert der Newsslider oben nicht mehr.

    Daher habe ich die Tabs erst einmal wieder rausgenommen.

    Vielleicht kann mir jemand sagen woran das liegt und evtl. eine Alternative nennen.
    0 Mitglieder finden den Beitrag gut.
  15. So. 23.03.2014 22:17 Uhr #15
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ich weiß ja nicht, was du alles eingebunden hast, aber ich nehme an, dass du jQuery selbst ein 2. mal eingebunden hast, du musst aber nur noch jQueryUI einbinden, um die Tabs zu verwenden.

    Ein zweites Einbinden von jQuery überschreibt die erste Instanz und die damit verbundenen "Einstellungen", wie bei dir wohl der Newsslider.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  16. So. 23.03.2014 22:55 Uhr #16
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von Mairu
    Ich weiß ja nicht, was du alles eingebunden hast, aber ich nehme an, dass du jQuery selbst ein 2. mal eingebunden hast, du musst aber nur noch jQueryUI einbinden, um die Tabs zu verwenden.

    Ein zweites Einbinden von jQuery überschreibt die erste Instanz und die damit verbundenen "Einstellungen", wie bei dir wohl der Newsslider.


    Hier mal wwas was jquery betrifft: 

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="include/includes/js/jquery.nivo.slider.pack.js"></script>
	<!-- Add mousewheel plugin (this is optional) -->
	<script type="text/javascript" src="../lib/jquery.mousewheel-3.0.6.pack.js"></script>

	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="include/designs/u-17/lightbox/source/jquery.fancybox.js?v=2.1.5"></script>
	<link rel="stylesheet" type="text/css" href="include/designs/u-17/lightbox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

	<!-- Add Button helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="include/designs/u-17/lightbox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
	<script type="text/javascript" src="../source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

	<!-- Add Thumbnail helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="include/designs/u-17/lightbox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
	<script type="text/javascript" src="../source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

	<!-- Add Media helper (this is optional) -->
	<script type="text/javascript" src="include/designs/u-17/lightbox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<link rel="stylesheet" type="text/css" href="include/includes/css/nivo-slider.css" media="screen" />
<script type="text/javascript">



    Vielleicht habe ich ein falsches denken aber darf ich jquery nur einmal eingebunden haben? Weil ich habe ja z.B. auch jquery.fancybox-media.js eingebunden.
    0 Mitglieder finden den Beitrag gut.
  17. So. 23.03.2014 23:00 Uhr #17
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Das ist nur ein Plugin, nicht jQuery selbst.

    jquery.min.js steht für jQuery selbst.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  18. Do. 27.03.2014 20:26 Uhr #18
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von Mairu
    Das ist nur ein Plugin, nicht jQuery selbst.

    jquery.min.js steht für jQuery selbst.


    Ich habe es mal mit allen jquery Dateien aus dem Weplay Modul und Nivoslider probiert aber ohne Erfolg. Die Tabs funktionieren nicht. Integriere ich nun aber die Jquery Dateien vom Themeroller funktioniert der Newsslider oben nicht.

    Gibt es da evtl. eine andere Möglichkeit die Tabs im Content einzufügen?


    Grüße
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten