Switch to full style
Hier gibt es allerlei Snippets zu finden
Antwort erstellen

Countdown Dashboard für Board3 Portal

Di 18. Mär 2014, 20:18

Als erstes gehen wir ins ACP/Mods/Portal/Portal Module und fügen in der mittleren Spalte ein neues
Modul "Eigener Block" hinzu.

Dort folgendes eintragen:
Code:
<br />
<!--
 Countdown dashboard start -->
        <div id="countdown_dashboard">
            <div class="dash weeks_dash">
                <span class="dash_title">Wochen</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>

            <div class="dash days_dash">
                <span class="dash_title">Tage</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>

            <div class="dash hours_dash">
                <span class="dash_title">Stunden</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>

            <div class="dash minutes_dash">
                <span class="dash_title">Minuten</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>

            <div class="dash seconds_dash">
                <span class="dash_title">Sekunden</span>
                <div class="digit">0</div>
                <div class="digit">0</div>
            </div>

        </div>
        <!-- Countdown dashboard end -->
                <br /><br /><br />
        <div class="dev_comment">
            This is a place holder for your comments.
        </div>

        <script type="text/javascript">
            jQuery(document).ready(function() {
                $('#countdown_dashboard').countDown({
                    targetDate: {
                        'day':     01,
                        'month':     10,
                        'year':     2015,
                        'hour':     17,
                        'min':     59,
                        'sec':     03
                    
}
                });

            });
        </script>

Bei "BBCode für den eigenen Block aktivieren" auf NEIN
Speichern!

Öffne: styles/prosilver/template/overall_header.html
Finde Dies kann auch nur ein Teil einer ganzen Zeile sein
Code:
</head>
Davor einfügen In einer neuen leeren Zeile davor einfügen
Code:
<script type="text/javascript" src="{ROOT_PATH}jquery/jquery.lwtCountdown-1.0.js"></script>


Öffne: styles/prosilver/theme/stylesheet.css
Am Ende der Datei einfügen
Code:
@import url("countdown.css"); 


Datei entpacken und die Daten in die entsprechenden Verzeichnisse kopieren.
countdown_dashboard.zip
(15.14 KiB) 78-mal heruntergeladen

In ACP/Styles noch die Templates und Themes für prosilver aktualisieren, fertig.

Demoimage:
Bildname: countdown_dashboard.jpg

DemoUrl: Demoseite
Antwort erstellen