<style>
.news_user {
  text-align: center;
  background-color: #c40000;
  background-image: url('//files.homepagemodules.de/b104774/a_4_b5327b69.jpg');
  background-repeat: repeat;
  background-position: top center;
  color: #fbefb1;
  padding: 10px;
  max-width: 525px;
  width: 85%;
  border-radius: 9px;
  border: 1px solid #1c1818;
  height: auto;
}
.news_user img {
  width:200px;
}
</style>
 
 
<script>
window.addEventListener('load', function ( ) {
//$(function(){
 
Gast_1 = "Gast"   // Nur für Gäste
Info_Gast_1 = "<br><img src='//files.homepagemodules.de/b104774/a_6_b54020fd.png'> <br>hier sind wichtige Infos für Dich!"   // Nachricht - Auch mit HTML
 
Name_1 = "Charlie1965"   // Nickname eintragen
Info_User_1 = "<br><img src='//files.homepagemodules.de/b104774/a_6_b54020fd.png'> <br>das Treffen findet heute um 20:00Uhr statt!"   // Nachricht - Auch mit HTML
 
Name_2 = "Wolfgang"   // Nickname eintragen
Info_User_2 = "<br><img src='//files.homepagemodules.de/b104774/a_6_b54020fd.png'> <br>die Vorbereitungen sind so gut wie fertig!"    // Nachricht - Auch mit HTML
 
Name_3 = "NeuerUser"   // Nickname eintragen
Info_User_3 = "<br><img src='//files.homepagemodules.de/b104774/a_6_b54020fd.png'> <br>bitte stell Dich noch kurz vor!"   // Nachricht - Auch mit HTML
 
//// *** Ende der Eingabe ***////
 
 
var Nickname = "nickname";
var xcookie = document.cookie;
var position = $('.index,.navbar.fixed-top, #obere_leiste, .page table:first, #page-header, #pagewidth .thin #nav_n')
 
if (xcookie.indexOf(Nickname) != -1) {
var anfang_suchen = xcookie.indexOf(Nickname)+ Nickname.length + 1;
var ende_suchen = xcookie.indexOf(";" , anfang_suchen);
var User_Name = xcookie.substring(anfang_suchen, ende_suchen );
User_Name= User_Name.replace(/%25C4/g, "Ä");
User_Name= User_Name.replace(/%25E4/g, "ä");
User_Name= User_Name.replace(/%25DC/g, "Ü");
User_Name= User_Name.replace(/%25FC/g, "ü");
User_Name= User_Name.replace(/%25D6/g, "Ö");
User_Name= User_Name.replace(/%25F6/g, "ö");
User_Name= User_Name.replace(/%25DF/g, "ß");
User_Name= User_Name.replace(/%2B/g, " ");
User_Name= User_Name.replace(/%252C/g, ",");
User_Name= User_Name.replace(/%252B/g, "+");
User_Name= User_Name.replace(/%2523/g, "#");
User_Name= User_Name.replace(/%252A/g, "*");
User_Name= User_Name.replace(/%2526/g, "&");
} else {
var User_Name = "Gast";
position.before('<center><br><div class="news_user"><b>Hallo ' +Gast_1+ ', '+Info_Gast_1+'</b></div><br></center>');
}
 
if (User_Name.toLowerCase() == Name_1.toLowerCase()){ 
position.before('<center><br><div class="news_user"><b>Wie geht es Dir ' +Name_1+ ', '+Info_User_1+'</b></div><br></center>');
}else if (User_Name.toLowerCase() == Name_2.toLowerCase()){ 
position.before('<center><br><div class="news_user"><b>Hast Du heute Zeit ' +Name_2+ ', '+Info_User_2+'</b></div><br></center>');
}else if (User_Name.toLowerCase() == Name_3.toLowerCase()){ 
position.before('<center><br><div class="news_user"><b>Hallo ' +Name_3+ ', '+Info_User_3+'</b></div><br></center>');
}
 
});
</script>