Beiträge: 268
Themen: 86
Registriert seit: 28.07.2007
01.02.2009, 13:07
(Dieser Beitrag wurde zuletzt bearbeitet: 01.02.2009, 13:12 von Rotstift.)
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
Beiträge: 25.762
Themen: 269
Registriert seit: 20.09.2005
Bitte die Foren-Regeln beachten und im Profil die verwendete MyBB-Version angeben.
Beiträge: 268
Themen: 86
Registriert seit: 28.07.2007
01.02.2009, 13:48
(Dieser Beitrag wurde zuletzt bearbeitet: 01.02.2009, 13:49 von Rotstift.)
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>
Beiträge: 16
Themen: 6
Registriert seit: 15.01.2009
Templates-> Seitenfuß->Footer
Das funktioniert bei mir nicht! Ist das noch aktuell?
Beiträge: 967
Themen: 122
Registriert seit: 22.03.2008
MyBB-Version: 1.2.14
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.
Achtung
nehmen Sie diese Beiträge nicht ernst! Das MyBB wissen beruht auf
(letzter Stand: MyBB 1.2.8)
Beiträge: 16
Themen: 6
Registriert seit: 15.01.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.
Beiträge: 268
Themen: 86
Registriert seit: 28.07.2007
02.02.2009, 10:18
(Dieser Beitrag wurde zuletzt bearbeitet: 02.02.2009, 10:26 von Rotstift.)
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]
Beiträge: 62
Themen: 18
Registriert seit: 16.08.2008
Weiß jemand wie ich diese Leiste nach oben bekomme? Also anstatt unten oben?
Beiträge: 268
Themen: 86
Registriert seit: 28.07.2007
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!
Beiträge: 353
Themen: 4
Registriert seit: 09.09.2007
MyBB-Version: 1.6.5
Spacer
![[Bild: banner.png]](https://www.mybb.de/files/images/banner.png)
