Ok ich lade mir schnell den Teamviewer und und schick dir alles. Danke schonmal
Slideshow ( ERLEDIGT )
-
-
PN ist raus
-
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
Code- 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
CodeBei 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 -
Hi, was würdest du ändern?
LG
-
Meinst jetzt Deine Menü-Geschichten, die wir rein gefummelt haben?
Hast Du super hinbekommen. War sicher ein wenig Spielerei.
-
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.
-
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 fertig
Ich 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!!!
-
Wie bekomme ich denn im Menü den Unterstrich weg und die Schriftfarbe in Schwarz oder Grau?
-
Ist ganz einfach mit CSS zu machen also man nehme die Klasse und den nachfolgenden Tag (Nachfahrenselektor)
CSSIch hab das jetzt mal ein wenig unterschiedlich gemacht dann siehst du auch was was macht.
-
Vielen Dank
-
Bei mir sieht die CSS aber so aus
CSS- .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
-
beides geändert, bleibt aber gleich
Code- .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; color: black;}
- .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; text-decoration: none;}
-
du sollst ja auch die styles hinzufügen... also einfach in dein html Objekt mit rein machen im css Bereich
-
jupp hab ich jetzt