+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Spacer (/thread-12266.html)
Spacer - Rotstift - 01.02.2009
Hallo,
Als ich ebend ein wenig am surfen war, habe ich in einem Forum ein cooles Gadget gefunden. und zwar wird am unteren Bildschrimrand ein Transperenter Balken eingeblendet, der beim Scrollen auch immer mitfährt. Sowas währe für mein Forum sehr geil anzusehen. Hier mal das Forum:
http://forum.giga.de/showthread.php?t=1176879
(Siehe unteren Bildschirmrand)
Ich habe schon versucht das nachzubauen, habe es aber nicht geschafft.
Edit: Die Userbar heißt: Notificationsbar
RE: Spacer - StefanT - 01.02.2009
Siehe: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
RE: Spacer - Rotstift - 01.02.2009
Hat sich erledigt.
Wer das Script haben will: Einfach in Templates-> Seitenfuß-> den Code einfügen:
PHP-Code:
<!-- Notification Bar -->
<script type="text/javascript">
function getNewNotification() {
/* document.getElementById('notificationloading').style.visibility='visible';
oldNotification = document.getElementById('notificationid').value;
jQuery.get("http://psi.giga.de/bar.php", {old: ""+oldNotification+""}, function(data){
if (data) {
document.getElementById("notificationid").value = data.logid;
if (data.logid==0) {
document.getElementById('notificationloading').style.visibility='hidden';
jQuery('#notificationtext').html(data.meldung);
AusZeit = setTimeout("getNewNotification()",20000);
} else {
jQuery('#notificationtext').html(data.meldung);
document.getElementById('notificationloading').style.visibility='hidden';
if (oldNotification==0) {
/* kein Pulsier-Effekt im Forum, da Prototype mit vBulletin-Javascripts konfliktet und die jQuery-Effekte irgendwie nicht funktionieren... */
}
AusZeit = setTimeout("getNewNotification()",120000);
}
} else {
document.getElementById("notificationid").value=0;
AusZeit = setTimeout("getNewNotification()",60000);
}
}, "jsonp");
*/
}
</script>
<style type="text/css">
#notificationbar {
position: fixed;
bottom: 0px;
left: 0px;
z-index: 7132;
width: 100%;
height: 32px;
background: transparent url(http://static4.gigagfx.de/2008/grafik/notification/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">
<div id="notificationtext"><img id="notificationloading" src="showthread.php-Dateien/spacer.gif" alt="" style="visibility: hidden;" width="21" height="20">Dein Text: visit: www.pivotforum.de</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>
<input id="notificationid" name="notificationid" value="0" type="hidden">
<script type="text/javascript">
AusZeit = setTimeout("getNewNotification()",20000);
</script>
RE: Spacer - Ceikor - 01.02.2009
Templates-> Seitenfuß->Footer
Das funktioniert bei mir nicht! Ist das noch aktuell?
RE: Spacer - wWs - 01.02.2009
Poste mal dein Script das muss Aktuell sein.
siehe:
Heute, 13:48 (Dieser Beitrag wurde zuletzt bearbeitet: Heute 13:49 von Rotstift.)
Man muss nur Lesen und sich zu Helfen wissen.
RE: Spacer - Ceikor - 01.02.2009
(01.02.2009, 23:07)wWs schrieb: Poste mal dein Script das muss Aktuell sein.
siehe:
Heute, 13:48 (Dieser Beitrag wurde zuletzt bearbeitet: Heute 13:49 von Rotstift.)
Man muss nur Lesen und sich zu Helfen wissen.
Welches Script muss ich posten? Ich hab einfach das von rotstift kopiert und dann eingefügt.
RE: Spacer - Rotstift - 02.02.2009
Mhmm...
Ich habe das Script mal ein wenig überarbeitet...
Fügt das Script mal in Templates -> Seitenkopf (!!) -> Header , ein.
Das Script muss in den Header, damit die Seite schneller läd.
Achja. Das Script habe ich jetzt auch angepasst:
Zitat:<!-- 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;
}
<div id="notificationbar">
<div id="notificationtext"><img id="notificationloading" src="http://pivotforum.de/images/spacer.gif" alt="" style="visibility: hidden;" width="21" height="20">*Dein Text*</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">
<! Createt by www.pivotforum.de />
Bitte diese Grafiken speichern und auf euren Webspace hochladen, damit eure Seite schneller läuft und meine nicht soviel Traffic hat:
[Bild: http://pivotforum.de/images/spacer.gif]
[Bild: http://pivotforum.de/images/ie-icon.gif]
[Bild: http://pivotforum.de/images/kachel.png]
RE: Spacer - marius - 07.02.2009
Weiß jemand wie ich diese Leiste nach oben bekomme? Also anstatt unten oben?
RE: Spacer - Rotstift - 15.02.2009
Dann musst du dieses Script einfügen:
Zitat:<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">
<div id="notificationtext"><img id="notificationloading" src="http://pivotforum.de/images/spacer.gif" alt="" style="visibility: hidden;" width="21" height="20">Bitte den Reportbutton benutzen, wenn du einen Verstoß gegen Regeln entdeckst!</a></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>
Und die Grafik "Kachel.png" in einem Grafikprogramm um 180° drehen
Bitte lasst die Credz zu www.pivotforum.de im Script!
RE: Spacer - Andii S. - 19.03.2009
funktioniert nicht