Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Spacer
#1
Noch einmal die Zusammenfassung für den Spacer.
Der Spacer errichtet bei euch im Forum einen "mitlaufenden" schwarzen Balken, der entweder oben oder unten "installiert" werden kann. Der Spacer ist transparent, sodass einzelne Beiträge etc durchschimmern, was noch einmal einen zusätzlichen Fler in dein Forum bringt.

Bilderdemo:
   

Onlinedemo:
www.pivotforum.de

Grundlegende Information:
Durch den Spacer kann eine Verlangsarmung des Aufbaus eurer Seite auslösung. Ich habe aber die Scripts schon angepasst, sodass das nur minimal sein sollte.

Das Script ganz am Ende des Quelltextes im Seitenkopf -> Header einfügen

Spacer für unten:
Code:
<!-- Notification Bar -->

<style type="text/css">
#notificationbar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 7132;
    width: 100%;
    height: 32px;
    background: transparent url(http://pivotforum.de/images/kachel.png) repeat-x;
    color: #fff;
    text-align: center;
    padding: 18px 0 2px 0;
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

* html #notificationbar {
    position: absolute;
}

#notificationloading {
    vertical-align: middle;
}

.notificationmessage,
.notificationmessage a {
    color: #00a513;
    text-decoration: none;
}

.ntf_arrow {
    vertical-align: middle;
    margin-bottom: 2px;
}

.okbtn {
    cursor: pointer;
    vertical-align: bottom;
}



</style>
<div id="notificationbar">
<script type="text/javascript" src="http://www.sponsorads.de/script.php?s=110497"></script>
<div id="notificationtext"><img id='notificationloading' src='http://pivotforum.de/images/spacer.gif' width='21' height='20' alt='' style='visibility:hidden;' />

Hier kannst du etwas schreiben :)

</div>
<!--[if lte IE 6]>
<a href="http://www.microsoft.com/germany/windows/downloads/ie/getitnow.mspx" target="_blank"><img src="http://static4.gigagfx.de/2008/grafik/notification/ie-icon.gif" width="34" height="34" alt="Im Internet Explorer 6 kann die PSI-Leiste leider nicht optimal dargestellt werden - jetzt Internet Explorer 7 herunterladen!" title="Im Internet Explorer 6 kann die PSI-Leiste leider nicht optimal dargestellt werden - jetzt Internet Explorer 7 herunterladen!" style="position:absolute;bottom:7px;right:5px;border:none;"></a>
<![endif]-->
</div>

Spacer für oben:
Code:
<style type="text/css">
#notificationbar2 {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 7132;
    width: 100%;
    height: 32px;
    background: transparent url(http://pivotforum.de/images/kachel.png) repeat-x;
    color: #fff;
    text-align: center;
    padding: 18px 0 2px 0;
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

* html #notificationbar2 {
    position: absolute;
}

#notificationloading {
    vertical-align: middle;
}

.notificationmessage,
.notificationmessage a {
    color: #00a513;
    text-decoration: none;
}

</style>
<div id="notificationbar2">
<script type="text/javascript" src="http://www.sponsorads.de/script.php?s=110497"></script>
<div id="notificationtext"><img id="notificationloading" src="http://pivotforum.de/images/spacer.gif" alt="" style="visibility: hidden;" width="21" height="20">

Hier kannst du dein Text schreiben :)

</div>

<!--[if lte IE 6]>
<a href="http://www.microsoft.com/germany/windows/downloads/ie/getitnow.mspx" target="_blank"><img src="http://pivotforum.de/images/ie-icon.gif" width="34" height="34" alt="Im Internet Explorer 6 kann die PSI-Leiste leider nicht optimal dargestellt werden - jetzt Internet Explorer 7 herunterladen!" title="Im Internet Explorer 6 kann die PSI-Leiste leider nicht optimal dargestellt werden - jetzt Internet Explorer 7 herunterladen!" style="position:absolute;bottom:7px;right:5px;border:none;"></a>
<![endif]-->
</div>
<input id="notificationid" name="notificationid" value="0" type="hidden">
<!--www.pivotforum.de>

Bitte seit so nett und lasst wenigstens die Credits zum www.pivotforum.de drinn. Ansonsten habt ihr freie Verwendung!
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Spacer Rotstift 22 8.614 19.05.2009, 14:33
Letzter Beitrag: aTCWiki