Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.02.2016 um 16:34 (UTC)    
Titel: Design Professional: Slider/Header auf jeder Seite
Antworten mit Zitat
Hallo Zusammen,
würde gerne wissen mit welchem Code der Slider/Header, im Design Professional, auf jeder Seite angezeigt werden kann??

Besser wäre es anstelle des Sliders einen Header (nicht Animiert) und auf jeder Seite einen neuen Header zu platzieren.


PS: Einen Großen Dank an http://6p-test.de.tl/

Gruß
↑
Beitrag15.02.2016 um 11:26 (UTC)    
Titel:
Antworten mit Zitat
Hallo,

Die Slideshow sitzt im <div class="banner"> <div class="slideshow"> </div> </div>
Mit folgendem CSS-Code können wir das Slideshow- Div unsichtbar machen :

Zitat:
div.slideshow {display:none;}


Es bleibt das "leere" <div class="banner"> </div>, dies können wir für den Header verwenden.
Dem DIV geben wir eine Feste Höhe (z.B. 300px) und ein Hintergrundbild (Headerbild). Eine feste Breite hat es nicht. Es passt
sich den Bildschirmauflösungen an.

Zitat:

div.banner {
height: 300px;
background: url(GRAFIKADRESSE.jpg) no-repeat center center fixed;
background-size: cover;

Hier fügst Du Deine Bildadresse vom Header ein. Headerbild mindestens in Breite 1600 Pixel erstellen.
Er wird sich (durch das background-size: cover; ) allen Auflösungen ebenfalls anpassen.

Diese beiden CSS-Codes in das Feld "Eigener <head> - Inhalt" einfügen,
natürlich style-tags nicht vergessen, also zwischen <style type="text/css"><-- und --> </style> platzieren.



Auf jeder Seite eine andere Headergrafik ?
Auch kein Problem. Füge folgenden CSS Code immer im Seiteninhalt ein,
jede erstellte Seite bekommt dann eine andere Grafikadresse im Code.
Zitat:


<style type="text/css">
<!--
div.banner {background: url(Grafikadresse.jpg) !important;}
-->
</style>


Ich hoffe das half dir weiter.

Gruß Wolle


Zuletzt bearbeitet von clean-test am 15.02.2016, 15:07, insgesamt einmal bearbeitet
↑
Beitrag15.02.2016 um 18:53 (UTC)    
Titel:
Antworten mit Zitat
Hallo Wolle,
vielen Dank für die schnelle und hilfreiche Antwort....werde erst am Wochenende die Schritte durchgehen können :/

Gruß
↑
Beitrag16.02.2016 um 18:01 (UTC)    
Titel:
Antworten mit Zitat
Hallo Wolle,
ich habe den Code ausprobiert aber es funktioniert nicht Question

Zitat:
div.slideshow {display:none;}

mit diesem Code konnte ich die Slideshow nicht unsichtbar machen sondern mit diesem

[class="slideshow"]{display:none;}

und auf jeder Seite der Homepage einen anderen Header zu platzieren hat ebenfalls nicht funktioniert.

Was ebenfalls wichtig ist, die einzelnen div.class die Textfeldbreite etc....Tutorials dazu habe ich leider nicht im Forum gefunden Sad

Gruß


Zuletzt bearbeitet von testinternet am 17.02.2016, 10:42, insgesamt 2-mal bearbeitet
↑
Beitrag17.02.2016 um 14:22 (UTC)    
Titel:
Antworten mit Zitat
ich musste mir das Design "Professional" erstmal näher ansehen Very Happy
Also tatsächlich, diese genannten DIV's existieren im Quellcode nur auf der Startseite.
Allen anderen erstellten Seiten haben die nicht.

Eine Übersicht (mit Klassennamen ect) zum Design existiert noch nicht im Forum.
Zum Wochenende werde ich das nachholen. Ich werde dann auch eine Lösung zu
Deinen Fragen anbieten.

Gruß Wolle
↑
Beitrag17.02.2016 um 18:58 (UTC)    
Titel:
Antworten mit Zitat
oki keine Eile Very Happy
Vieleicht ist noch wichtig herauszufinden ob man das Carousell anders Coden kann (Zeit beim Wechseln der Bilder, Animation, weitere Bilder einfügen etc.)......

Gruß und Danke schon mal für dein Mühe.
↑
Beitrag18.03.2016 um 21:13 (UTC)    
Titel:
Antworten mit Zitat
Hallo zusammen
Gibt es schon ein Tutorial für das Design "Professionall"??

Gruß
↑
Beitrag12.05.2016 um 13:12 (UTC)    
Titel:
Antworten mit Zitat
Hallo Freunde,
das ist zwar etwas her jedoch würde ich gerne wissen ob es schon ein Tutorial etc. gibt

Gruß
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.