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
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
Zitieren
#2
Siehe: http://de.selfhtml.org/css/eigenschaften...m#position
[Bild: banner.png]

Bitte die Foren-Regeln beachten und im Profil die verwendete MyBB-Version angeben.
Zitieren
#3
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 {
    
positionfixed;
    
bottom0px;
    
left0px;
    
z-index7132;
    
width100%;
    
height32px;
    
backgroundtransparent url(http://static4.gigagfx.de/2008/grafik/notification/kachel.png) repeat-x;
    
color#fff;
    
text-aligncenter;
    
padding18px 0 2px 0;
    
font-size14px;
    
font-familyArialHelveticaVerdanasans-serif;
}

html #notificationbar {
    
positionabsolute;
}

#notificationloading {
    
vertical-alignmiddle;
}

.
notificationmessage,
.
notificationmessage a {
    
color#00a513;
    
text-decorationnone;
}

.
ntf_arrow {
    
vertical-alignmiddle;
    
margin-bottom2px;
}

.
okbtn {
    
cursorpointer;
    
vertical-alignbottom;
}



</
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 Textvisitwww.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
Zitieren
#4
Templates-> Seitenfuß->Footer

Das funktioniert bei mir nicht! Ist das noch aktuell?
Zitieren
#5
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)
Zitieren
#6
(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.

Big Grin

Welches Script muss ich posten? Ich hab einfach das von rotstift kopiert und dann eingefügt.
Zitieren
#7
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]
Zitieren
#8
Weiß jemand wie ich diese Leiste nach oben bekomme? Also anstatt unten oben?
Zitieren
#9
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!
Zitieren
#10
funktioniert nicht
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Spacer Rotstift 0 1.548 24.03.2009, 17:25
Letzter Beitrag: Rotstift