Beiträge von mansieht

    - Programm von http://www.wowslider.com downloden & unter Windows oder Mac starten :thumbup:
    - Dateien einfügen
    - Style des Sliders auswählen
    - wenn fertig auf Publish klicken
    - Empfehle Punkt1 wählen, weil Joomla Modul noch nicht funktioniert
    - Ordner auf PC wählen, wo er es anlegt & dann auf Publish klicken
    - Es öffnet sich in euern Browser eine Vorschau und eine Anleitung wie es weiter geht
    - In den Ordner, die Ordner data1 & engine1, per FTP im Stammordner euern Webspace hochladen
    - Nun noch in der index.php eurer Webseite eintragen, was in der Vorschau des Broeser steht
    - Gif Dateien müsten neu hochgeladen werden, im Ordner "data1/images" & in der index.php, den Dateityp jpg in gif geändert werden.


    Bei mir habe ich, in der index.phpfolgendes eingetragen:


    <!-- Start WOWSlider.com HEAD section -->
    <link rel="stylesheet" type="text/css" href="engine1/style.css" />
    <script type="text/javascript" src="engine1/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->
    <!-- Start WOWSlider.com BODY section -->
    <div id="wowslider-container1">
    <div class="ws_images"><ul>
    <li><img src="data1/images/hintergrundbild_2.gif" alt="Hintergrundbild 2" title="Hintergrundbild 2" id="wows1_0"/></li>
    <li><img src="data1/images/hintergrundbild_3.gif" alt="Hintergrundbild 3" title="Hintergrundbild 3" id="wows1_1"/></li>
    <li><a href="http://wowslider.com"><img src="data1/images/hintergrundbild_4.gif" alt="wowslideshow" title="Hintergrundbild 4" id="wows1_2"/></a></li>
    <li><img src="data1/images/hintergrundbild_5.gif" alt="Hintergrundbild 5" title="Hintergrundbild 5" id="wows1_3"/></li>
    </ul></div>
    <div class="ws_bullets"><div>
    <a href="#" title="Hintergrundbild 2"><span><img src="data1/tooltips/hintergrundbild_2.jpg" alt="Hintergrundbild 2"/>1</span></a>
    <a href="#" title="Hintergrundbild 3"><span><img src="data1/tooltips/hintergrundbild_3.jpg" alt="Hintergrundbild 3"/>2</span></a>
    <a href="#" title="Hintergrundbild 4"><span><img src="data1/tooltips/hintergrundbild_4.jpg" alt="Hintergrundbild 4"/>3</span></a>
    <a href="#" title="Hintergrundbild 5"><span><img src="data1/tooltips/hintergrundbild_5.jpg" alt="Hintergrundbild 5"/>4</span></a>
    </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">bootstrap slider</a> by WOWSlider.com v8.7</div>
    <div class="ws_shadow"></div>
    </div>
    <script type="text/javascript" src="engine1/wowslider.js"></script>
    <script type="text/javascript" src="engine1/script.js"></script>
    <!-- End WOWSlider.com BODY section -->


    Möchte es als Hintergrund-Slider laufen lassen & habe folgendes versucht, Weil ich die Position auf den Hintergrund setzen möchte
    Erweiterung > Module > Neu > Benutzerdefiniertes Modul - Werkzeuge > Quelltext (Code)
    Er zeigt dann nur die Bilder an, aber macht keine Slidshow


    Bitte um Hilfe hmm

    Na endlich :thumbup: nach mehreren Kopfgrübbeln hab igs hinbekommen
    Wie vermutet lag es an den letzen 2 Zeilen
    Hier nochmal die funktionierende index.php


    <?php if( $this->countModules('hintergrund') ) : ?>
    <div class="leftcol">
    <jdoc:include type="modules" name="hintergrund" style="none"/>
    </div>
    <?php endif; ?>

    <div class="hintergrund">
    <jdoc:include type="modules" name="hintergrund" />

    </div>

    Ok muste noch Position in der templateDetails.xml einfügen
    <positions>
    <position>hintergrund</position>
    Jetzt wird mir der Bericht im Hintergrund angezeigt hmm
    Denke ma das ich noch was in der Index.php ändern muss, aber was


    Diese sieht nun so aus
    <?php if( $this->countModules('hintergrund') ) : ?>
    <div class="leftcol">
    <jdoc:include type="modules" name="hintergrund" style="none" />
    </div>
    <?php endif; ?>

    <div class="hintergrund">
    <jdoc:include type="message" />
    <jdoc:include type="component" />


    Wo ist der Fehler? in den letzen 2 Zeilen ?

    Ok, ich habe in der index.php die Zeilen, für die Position kopiert.


    <?php if( $this->countModules('position-7') ) : ?>
    <div class="leftcol">
    <jdoc:include type="modules" name="position-7" style="rounded"/>
    </div>
    <?php endif; ?>
    <div class="cont">
    <jdoc:include type="message" />
    <jdoc:include type="component" />
    </div>


    und den Inhalt " name="position-7" style="rounded"/>
    in " name="Hintergrund" style="none"/> geändert.


    Es wird mir aber keine Position Hintergrund im Modul angezeigt :S

    Hi, Danke für die Hilfe
    ja bin mit Test seite www.mansieht.eu Online dance
    Slider funktioniert nur nicht im Hintergrund.
    Ich muss ja im Modul die Position vergeben und kann die nicht als Hintergrund setzen.
    Habe es auch mit einer andern Template versucht. Das selbe Ergebnis.
    CSS (im Template/CSS) und html Code (im Modul) habe ich übernommen und nur den Pfad für Bilder geändert.

    ebene11.com/slider-als-keyframe-animation-mit-css3.html


    Weiter unten sind die kompletten Dateien

    ebene11.com/slider-als-keyframe-animation-mit-css3.html


    Habe es hinbekommen, aber leider kriege ich es nicht als Hintergrundbild eingestellt.
    Ich nehme an, das ich im Modul, die Position für den Hintergrund nicht wählen kann.


    Den html Code habe ich so eingefügt:


    Erweiterung > Module > Neu > Benutzerdefiniertes Modul
    - Werkzeuge > Quelltext (Code)
    - Kann man Cods z.B html einfügen & wenn dieser Richtig ist, wird er im Editor angezeigt


    Kriege es unter Positionen nicht als als Hintergrundbild eingestellt.
    Kann jemand helfen bitte hmm

    ebene11.com/slider-als-keyframe-animation-mit-css3.html


    Hat das mit dem schon jemand hier getestet?


    Ok, das mit der Neuen CCS Datei hat so funktioniert . Danke Namensbruder beer
    Hier eine kurze Anleitung zum erstellen einer neuen CCS Datei


    1. im Ordner Template/CSS/ , die templates.css einfach kopieren, mit dem Namen z.B background.css
    2. mit dem Editor z.B Notepad++ öffnen & die oberen Zeilen mit * drinne lassen und das drunter entfernen
    3. Nun unter den Zeilen mit * das einfügen was man ändern möchte z.B
    .page_bg{background:url(../images/Hintergrundbild5.gif) repeat-x scroll center top #889699}
    .page_bg{background-size: 100% 100%}
    Diese Zeilen natürlich aus der Datei templates.css entfernen, da sie ja in der neuen CCS Datei übernommen werden.


    4. Jetzt noch in der index.php einbinden
    mit dem Editor z.B Notepad++ öffnen & diese Zeile kopieren, drunter einfügen & den neuen Namen eingeben
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />


    dann sieht es so aus

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/background.css" type="text/css" />


    5. - Testen kann es übern Browser z.B Firerfox (Webseite aufrufen) über Extras > Web-Entwickler (Tasten Strg+Umschalt+c) > Silbearbeitung
    Da sollte dann lings, die neue CSS Datei drinne stehen.
    - Testen kann man es auch, wenn man übern Browser z.B Firerfox die Webseite geöffnet hat und er führt die Regel der neuen CCS Datei aus ;)

    Habe bei der Index.php das gefunden


    <head>
    <jdoc:include type="head" />
    <!-- The following line loads the template CSS file located in the template folder. -->
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />


    Muss ich die Zeilen kopieren und die neue CC Datei einschreiben ?


    <head>
    <jdoc:include type="head" />
    <!-- The following line loads the template CSS file located in the template folder. -->
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/background.css" type="text/css" />

    aber aufpassen, dass bei dem verwendeten Editor nicht html-Code wieder bereinigt wird.


    Dankeschön für die Antworten 8o
    Warum tut er das denn, der Schlingel. Sehe ich das wenn es leer ist?


    Wenn Du weißt, wie man eine zusätzliche CSS-Datei einbindet, ist das ein guter Ansatz,


    Weiss ich noch nicht, aber bald ;) oder kannst du es mir kurz schreiben, bevor ich google frage


    aber evtl. existiert bereits eine Datei namens custom.css, die in der Regel für Anpassungen gedacht ist.


    Im Template Ordner nehme ich an


    Danke im Voraus
    Ich heisse auch Christian :D

    Module > Neu > Benutzerdefiniertes Modul!


    ok :DVielenDank. Ich beisse mich noch durch Jommla durch
    Achso.. und unter Werkzeug Quellcode, ist dann der Inhalt was in der html Datei auf der Seite steht?
    So füge ich also html Cods & andere ein chinese und es ist übersichtlich chinese
    und natürlich der Template zuweisen vain


    Bei der CSS Datei, ist es ratsamm eine neue anzulegen (mit dem Inhalr der CSS Datei) ?


    Und dann sollte es funktionieren, wenn die Quelltexte stimmen ? hmm


    RICHTIG ?

    Hallöchen ;)


    Habe festgestellt das Template erstellen mit
    Programme zu teuer sind und Framework mir zu wenig bietet.
    Habe also angefangen im Backend mit dem Template Editor zu arbeiten (CSS).
    Habe festgestellt das die Template Vorlagen unterschiedlich vom Aufbau der Zeilen sind. auch wo anders sein können.
    Mein Kopf hat geraucht und habe eine Lösung gefunden und möchte es hier Posten. Kann ich evl jemand damit auch helfen ;)


    1. Template auf Standard setzen und Webseite über Firerfox öffnen


    2. Extras > Web-Entwickler > Inspektor (Tasten Strg+Umschalt+c)


    3. Bereich anklicken wo man erfahren möchte wo steht


    4. Nun sieht man ;) rechts welche Datei (mit Zeile) es in eurer Templiste betrift


    5. Zum Testen kann man die Hacken entfernen oder die Werte ändern


    6. Nun ist man Schlauer und kann es z.B. im Backend übern Template Editor ändern & speichern



    Meine Frage


    Möchte noch den Hintergrund automatisch wechseln lassen.
    und automatisch die Grösse anpassen lassen.
    Wie kann ich das einbaun?