Ok ich lade mir schnell den Teamviewer und und schick dir alles. Danke schonmal
Slideshow ( ERLEDIGT )
-
Das kann auch weg
das ist nur die minimierte Version von jquery die bei X5 von haus aus dabei ist.
und das auch wieder wie beim anderen
und mit dem sollte man sich auch befassen
Alles anzeigenCode- animation: "fade", //String: Select your animation type, "fade" or "slide"
- slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"
- slideshow: true, //Boolean: Animate slider automatically
- slideshowSpeed: 7000, //Integer: Set the speed of the slideshow cycling, in milliseconds
- animationDuration: 600, //Integer: Set the speed of animations, in milliseconds
- directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
- controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
- keyboardNav: true, //Boolean: Allow slider navigating via keyboard left/right keys
- mousewheel: false, //Boolean: Allow slider navigating via mousewheel
- prevText: "Previous", //String: Set the text for the "previous" directionNav item
- nextText: "Next", //String: Set the text for the "next" directionNav item
- pausePlay: false, //Boolean: Create pause/play dynamic element
- pauseText: 'Pause', //String: Set the text for the "pause" pausePlay item
- playText: 'Play', //String: Set the text for the "play" pausePlay item
- randomize: false, //Boolean: Randomize slide order
- slideToStart: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide)
- animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
- pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
- pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
- controlsContainer: "", //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is not found, the default action will be taken.
- manualControls: "", //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
- start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide
- before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation
- after: function(){}, //Callback: function(slider) - Fires after each slider animation completes
- end: function(){} //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
das sieht sonst sehr öde aus.
Das wird dann so verwendet
Alles anzeigenCodeBei den Umlaut beim nextText muss man gucken ich glaub das musste als Entity geschrieben werden - kann mich aber irren.
-
Zitat von "zwoemti"
das sieht sonst sehr öde aus.Abgesehen von den meta's....
Das andere soll so aussehen, haben sogar noch extra die CSS abgespeckt... gesamte Border-Geschichte entfernt und die Nav-Buttons so weit wie möglich nach außen positioniert.Ist so gewünscht.
-
jedem das sein - ich find es sieht blöd aus....
aber jquery ist noch doppelt drin
-
Moin,
ist ja auch noch nicht fertig -
Meinst jetzt Deine Menü-Geschichten, die wir rein gefummelt haben?
Hast Du super hinbekommen. War sicher ein wenig Spielerei.
-
Ist wirklich Geschmackssache.
Ich denke mit dem Border vorher sah es nicht so schön aus, fand das auch störend/nicht so passend.
Aber es muss Dir gefallen und 80% der Nutzer... gibt immer andere Meinungen.Und nach unserem Gespräch, scheint das ja bombig einzuschlagen... weiterhin viel Glück.
-
Zitat von "eXtrem"
Nee meinte den Slider.Nee hat sofort von anfang an alles gepasst. Müsste nicht an der höhe oder so verstellen. Gefällt mir auch sehr gut.
Ja die Menüs in den Bildern sehen gut aus. Nur die Links passen nicht
- ich weiß ist noch nicht fertigIch hatte gestern nicht gesehen das sie durchläuft - sie hat gestern gestanden - aber heute beim betrachten war sie auch auf slide gestellt
-
Ein Wort: TOP!!!
-
Ist ganz einfach mit CSS zu machen also man nehme die Klasse und den nachfolgenden Tag (Nachfahrenselektor)
Alles anzeigenCSSIch hab das jetzt mal ein wenig unterschiedlich gemacht dann siehst du auch was was macht.
-
Bei mir sieht die CSS aber so aus
Alles anzeigenCSS- .cat_title { width: 210px; font-size: 16px; font-weight: bold; color: #2a2a2a; margin-bottom: 10px; }
- .cat_img { float: left; width: 75px; text-align: center; vertical-align: central middle; line-height: 100%; padding-top: 10px; }
- .cat_sub { float: right; width: 135px; }
- .cat_sub_item { border-bottom: 1px #eee solid; }
- .cat_sub_item:hover { background: #eee; }
- .cat_item { width: 695px; margin-bottom: 20px; padding-top: 25px; pading-bottom: 25px; }
- .cat_item_title { height: 30px; width: 202px; background: url('../images/spacer_black.png'); color: #fff; font-size: 14px; text-align: right; line-height: 30px; text-transform: uppercase; padding-right: 20px; }
- .cat_item_menu { width: 250px; padding-top: 15px; padding-bottom: 15px; margin-right: -1px; }
- .cat_item_link { width: 200px; height: 25px; line-height: 25px; background: url('../images/spacer.png'); padding: 2px; margin-top: 2px; padding-right: 20px; text-align: right; }
- .cat_item_link:hover { background: #fff; cursor: pointer; }
-
.cat_item_menu { width: 250px; padding-top: 15px; padding-bottom: 15px; margin-right: -1px; color: black;}
.cat_item_link:hover { background: #fff; cursor: pointer; text-decoration: none; }... wenn ichs richtig gesehen habe
-
du sollst ja auch die styles hinzufügen... also einfach in dein html Objekt mit rein machen im css Bereich