WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 26.02.2017 18:05:03

jonny
Member

Header, Background & Footer slider/wechselnd

Hallo Leute,

Ich habe eigentlich keine grosse Frage die sich anhand meines Titels selbst stellt.
.
Vielleicht war ich zu ungenau mit recherche, aber was ich such ist für meinen Header sowie footer, einen Bildwechsler.

Mein Kunde hat diverse Header, Backgrounds, sowie dazu passende footer Bilder, welche ich nun hätte einbauen wollen, das die nach gewisser zeit wechseln.

Wie baue ich das am ansprechendsten im  Header, Background und im Footer ein?

LG

Last edited by jonny (26.02.2017 18:06:47)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#2 26.02.2017 19:03:49

grindbatzn
Guest

Re: Header, Background & Footer slider/wechselnd

Diese Frage ist tatsächlich etwas verblüffend ;-)

Du willst, dass die dauernd wechseln?
Oder mehr oder weniger zufällig bei einer aufgerufenen Seite?

#3 26.02.2017 21:15:23

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Nun gut beide Varianten könnten interessant sein, primär war die idee aber softes wechseln wenn man sich auf der Seite Befindet oder ist dies eher nicht ansprechend?

LG


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#4 26.02.2017 21:37:29

grindmobil
Guest

Re: Header, Background & Footer slider/wechselnd

Du meinst sowas?
http://wbce.at/tpls/unterseiten/itemz-p … hmalboerom

http://wbce.at/tpls/template-coraets.html

Oder ein ganz normalen Slider im Header?

Last edited by grindmobil (26.02.2017 21:39:40)

#5 26.02.2017 22:51:35

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Ich finde den 2. hintergrund ruhiger und wirkt dadurch nicht so irritierend finde ich..

Die Header, Hintergrund und footer-Bilder sind aufeinenander abgestimmt sollten alles im gleichen moment wechseln.

Ist nur ein kleienr einschub der mir noch in den sinn kam..

Wie kann ich das denn realisieren?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#6 26.02.2017 23:12:29

grindmobil
Guest

Re: Header, Background & Footer slider/wechselnd

Grundsätzlich hast du in diesem itemz-preset alles als Muster drin was du brauchst.
Einfach ist die Sache nicht - von erfolgreich will ich gar nicht reden.
Ich denke, da wirst du dich übernehmen.

#7 26.02.2017 23:15:07

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Hmm schade, was wäre denn eine andere variante?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#8 27.02.2017 07:06:52

florian
Administrator

Re: Header, Background & Footer slider/wechselnd

Wenn es jetzt so realisiert ist, warum lässt sich das dann nicht übernehmen? Hast Du mal einen Link?
Es ist möglicherweie schwierig, das in bestehende, komplexe Templates reinzufädeln, an sich solte sowas aber durchaus realisiebar sein, z.B. mit dem jQuery-Plugin Backstretch oder Unslider.

Wobei ich gleich dazu sage, dass wir Dich gerne unterstützen und Dir bei konkreten Problemen helfen, die Community hier aber nicht die komplette Arbeit, die Du dann Deinem Kunden in Rechnung stellst, für Dich machen wird.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#9 27.02.2017 09:24:30

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Momentan war es eben noch nicht realisiert, er hat manuell von Zeit zu zeit mal die Hintergründe gewechselt..

Die seite welche er neu hat ist unter mikados-diddi.ch, Redesignt wird wymann-storentechnik.ch

Er wollte ein anderes von Chios designs, da er aber teils grosse Untermenüs hat fiel ich wieder auf mein altbewärtes sobresot


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#10 27.02.2017 09:54:47

florian
Administrator

Re: Header, Background & Footer slider/wechselnd


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#11 27.02.2017 10:40:49

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Wow gefällt mir gut smile

Könnte man bei mir eigentlich in Kombi mit dem Hintergrund auch so einbauen?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#12 27.02.2017 11:49:33

florian
Administrator

Re: Header, Background & Footer slider/wechselnd

ja, müsste gehen.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#13 27.02.2017 14:06:27

jonny
Member

Re: Header, Background & Footer slider/wechselnd

florian wrote:

Wobei ich gleich dazu sage, dass wir Dich gerne unterstützen und Dir bei konkreten Problemen helfen, die Community hier aber nicht die komplette Arbeit, die Du dann Deinem Kunden in Rechnung stellst, für Dich machen wird.

Verstehe ich vollkommen sonst wär es ja nicht fair gegenüber allen..

Kannst du mir trotzdem etwas hilfe geben, wie ich es am besten einbauen sollte oder eher nicht? Dann könnte ich mal damit anfangen und bei schwierigkeiten euch fragen smile


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#14 27.02.2017 17:56:17

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Habs eingebaut und läuft wenn ich jedes Bild einzeln eingeben würde:
Hat weiter oben leider nicht funktioniert, erst nach der Tobmenubar seltsamerweise..

		</div><!--end topmenubar-->
		<script src="<?php echo TEMPLATE_DIR; ?>/jscss/jquery.js"></script>
    <script src="<?php echo TEMPLATE_DIR; ?>/jscss/jquery.backstretch.js"></script>
	<script>
        $.backstretch([
          "<?php echo TEMPLATE_DIR; ?>/images/images_slider/",
"hier war jeder enzeilne Bildlink vorher,"
        ], {
            fade: 750,
            duration: 4000
        });
    </script>

Kann ich das auch defninieren das er meinen extra dafür angelegten Ordner aufnimmt, anstatt das ich von jedem Bild den Link eingeben muss?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#15 27.02.2017 18:05:38

florian
Administrator

Re: Header, Background & Footer slider/wechselnd

Das automatische Bilderziehen müsste in PHP programmiert werden. Ansonsten anbei Sobresot mit Katzenbildwechsel. im Header und Footer.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#16 27.02.2017 18:09:05

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Danke dir, sorry in demfall für die PN smile

Kann ich das mit dem Hintergrund jetzt noch anfügen in dein Sobresot mit Büsis (Schweizerdeutsch=Katze) tongue


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#17 27.02.2017 18:11:54

florian
Administrator

Re: Header, Background & Footer slider/wechselnd

Ich verstehe nicht, was Du meinst


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#18 27.02.2017 18:15:18

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Wenn ich den Backstretch Hintergrund nun auch noch möchte das alle 3 gleichzeitlich wechseln, kann ich dies zusätzlich nun noch ergänzen oder blick ich nicht durch, was du gemacht hast?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#19 27.02.2017 18:27:45

florian
Administrator

Re: Header, Background & Footer slider/wechselnd

Ich habe in der index.php
a) oben die Zeile

<img class="headerpic" src="<?php echo TEMPLATE_DIR; ?>/images/headspacer.gif" alt="" />

gelöscht

b) im <head> den Aufruf

<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/jscss/jquery.backstretch.min.js"></script>

ergänzt

c) am Ende nach der bereits vorhandenen Menüinitialisierung innerhalb von <script>...</script> ergänzt

/* NACHTRAG: Das ist das wechselnde Hintergrundbild für die ganze Seite: */
$.backstretch([
          "<?php echo TEMPLATE_DIR; ?>/images/cat-72568_640.jpg",
          "<?php echo TEMPLATE_DIR; ?>/images/cat-188088_640.jpg",
          "<?php echo TEMPLATE_DIR; ?>/images/cat-205757_640.jpg"
        ], {
            fade: 750,
            duration: 4000
        });
	
/*Bildwechsel im Seitenkopf */
	 $(".header").backstretch([
          "<?php echo TEMPLATE_DIR; ?>/images/h1.jpg",
          "<?php echo TEMPLATE_DIR; ?>/images/h2.jpg",
          "<?php echo TEMPLATE_DIR; ?>/images/h3.jpg"
        ], {
            fade: 750,
            duration: 4000
        });

/* Bildwechsel im Footer */		
		 $(".footer").backstretch([
          "<?php echo TEMPLATE_DIR; ?>/images/f1.jpg",
          "<?php echo TEMPLATE_DIR; ?>/images/f2.jpg",
          "<?php echo TEMPLATE_DIR; ?>/images/f3.jpg"
        ], {
            fade: 750,
            duration: 4000
        });

Wobei das mMn zu viel des guten ist, wenn sich im Header, Footer und im Hintergrund dauernd das Bild ändert.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#20 27.02.2017 18:30:36

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Ich probiers mal aus und schau mir das ergebnis mal an, ich nehme an du hast das nun bei deiner Seite so gemacht oder? smile


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#21 27.02.2017 18:34:18

florian
Administrator

Re: Header, Background & Footer slider/wechselnd

exakt


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#22 03.03.2017 15:16:22

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Ich habe nun das Deflagga als Template, welches den Slider eingebaut hat.

Zuoberst die Headerbilder "rausschiebe-effekt" gegen rechts, wenn ich nun den Aufbau Footer, Header & Background wie beim Sobresot haben möchte, was muss ich anpassen?

Ausserdem möchte ich die 4 Blöcke mit den persönlichen Bildern und Menü Links anpassen, ohne das der Header davon betroffen ist, ähnlich wie bei wbce.at wie wäre dies möglich?


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#23 03.03.2017 17:06:54

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Nur als anmerkung: War gewünscht das ich bspw Produkte mit einem storenbild dann service mit einem passenden Bild und noch 2 andere Bilder dort einfüge beim Start, deshalb die frage ob man es indiv. Anpassen kann smile

Beim Hintergrund, footer, Header soll es dazu führen das es etwas bewegung reinbringt und das Design unterstützt.

Last edited by jonny (03.03.2017 17:08:01)


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

#24 03.03.2017 19:26:07

florian
Administrator

Re: Header, Background & Footer slider/wechselnd

Jonny, stell Dir vor, Du kaufst ein Auto, sagen wir einen Renault Twingo. Du kannst da zwar die Farbe aussuchen und auswählen, ob das Ding ein Schiebedach haben soll oder eine Klimaanlage. Aber Du kannst da nicht die Motorhabe und die Kofferraumklappe von einem VW Polo dranmontieren (lassen), bloß weil Dir von den Teilen die Form besser gefällt.
Genauso verhält es sich mit den Templates. Das sind verdammt komplexe Teile Code, die sich nicht nach dem Baukastenprinzip miteinander kombinieren lassen.
Bedenke auch: Chio hat sich schon was bei seinen Templates gedacht, weshalb Dinge so und nicht anders sind.

Entweder Du bietest Deinen Kunden die Templates, so wie sie sind an, und sagst, das geht damit und das geht nicht.
Oft hilft es auch, mal zu schauen, was so bereits für Fragen zum jeweiligen Template hier oder in anderen Foren gestellt und beantwortet wurden. angel
Oder Du programmierst from the scratch was Eigenes, in das Du dann Slider und Teaser und Flutsch und Blink ganz nach Bedarf implementieren kannst.
D.h.: Mach einen Entwurf der Seite als Mockup in Photoshop, GIMP oder sowas, und stimm das mit dem Kunden ab.
Kläre im Vorfeld, welche Effekte gewünscht sind.
Fang mit dem HTML/CSS-Grundgerüst an, erstmal nur mit statischen Platzhalterinhalten ohne PHP oder sonstwas.
Wenn's so weit gut aussieht, bau - wieder mit statischen Inhalten - die JavaScript/JQuery-Geschichten ein.
Teste mit verschiedenen Browsern. 
Lass Dir auch das vom Kunden abnehmen.
Wenn alles funktioniert, mach ein WBCE-Template daraus - wie das geht, ist in der Hilfe recht anschaulich beschrieben.
Installiere es auf einer Testwebsite und mach das Feintuning.
Installiere die erforderlichen Module und passe deren frontend.css-Dateien entsprechend an.
Wenn dabei Probleme auftreten, stelle konkrete Fragen, poste Code, der nicht funktioniert, und es wird Dir wahrscheinlich jemand helfen.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

Liked by:

annalena3030

#25 03.03.2017 19:36:41

jonny
Member

Re: Header, Background & Footer slider/wechselnd

Nun gut das kann ich verstehen, kein problem  wink

Ich dachte wegen den 4 Blocks halt, da es im wbce.at geht, wäre dies machbar auf die eine oder andere Art.

Aber du hast schon recht mit deiner aussage und ich verstehe das acuh sehr gut  smile

Macht nix wenn es halt nicht geht oder zu aufwendig ist muss ich mit dem Kudnen eine andere lösung finden.

big_smile


Wer noch etwas Dummheit will soll sich hinten anstellen..

Offline

Board footer

up