Hallo hackepeter13,
das Forum, dessen Link ich gepostet habe, ist nicht meins, ich bin also nicht für den fehlenden Copyrighthinweis verantwortlich. Dass es phpBB 2 ist, sei mir auch bekannt, es diente ja auch nur zur Demonstration, wie ich es gerne hätte.
Miriam: Ich habe deinen Tipp natürlich wahrgenommen, nur wollte ich das ganze noch ein wenig ausbauen, eben so wie in dem Forum. Ich habe mir nun mal den Quelltext des Forums angeguckt und habe daraus folgendes zusammengebastelt:
overall_header.html:
Finde:
Code: Alles auswählen
<body id="phpbb" class="section-{SCRIPT_NAME} {S_content_DIRECTION}">
Danach einfügen:
Code: Alles auswählen
<div class="lste">Hallo Gast!! Bitte <b><a href="http://www.forum.de/ucp.php?mode=login">einloggen</a></b> um alle Funktionen des Forums zu nutzen. Du hast noch keinen Account, dann <b><a href="http://http://www.forum.de/ucp.php?mode=register">registriere</a></b> dich schnell und völlig kostenlos.</div>
common.css:
Hinten anfügen:
Code: Alles auswählen
.lste {
border-left:0px solid #333333;
border-right:0px solid #333333;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
font-family:Verdana,Sans-Sherif;/**/
font-size:11px;/**/
background:#fdf2ab url('http://www.das-tuning-forum.de/alert.png') no-repeat 8px 5px;/**/
position:fixed;
top:0px;
right:0px;
left:0px;
padding-left:28px;
padding-right:8px;
padding-top:5px;
padding-bottom:5px
}
.lste:hover
{
background-color:#FFCC99;/**/
}
Die URL aus
background:#fdf2ab url('http://www.das-tuning-forum.de/alert.png') no-repeat 8px 5px;/**/
, habe ich kurzerhand zu dem Forum verlinkt, später baue ich das einfach noch via
{T_THEME_PATH}/images/
ein.
Nur eine Sache, ist mir noch nicht ganz schlüssig, wobei ich noch Hilfe benötige. Ich habe das ganze leider nur Lokal, so dass man das sich das leider nicht angucken kann.
Auf jeden Fall ist folgendes: Wenn ich im Forum runterscrolle und in dem Forum gerade Text an der Stelle ist, wo der Button steht, dann ist dieser im Hintergrund zu sehen, also liegt eine Überschneidung vor. Dies kommt meiner Meinung nach sicherlich über einen Transparenzeffekt im CSS zu Stande, welcher mir noch nicht bekannt war. Deswegen brauche ich deine Hilfe. Entweder möchte, ich diesen Transparenzeffekt komplett deaktivieren, so dass der Balken in 100%iger Kraft erscheint und der Text dahinter nicht zu sehen ist.
Oder, was ich noch viel besser finden würde, wäre, dass der Balken nicht über der Webseite liegt, sondern ein einzelnes Element der Webseite ist. Das heißt, erst wird er angezeigt und direkt darunter die Webseite, so dass er zum Beispiel auch nicht die wenigen Pixel oben vom Header abschneidet, weil der ja nicht darunter liegt, sondern erst danach beginnt.
Ich hoffe ihr habt, mein kompliziertes Wirrwarr verstanden, ich habe mir Mühe gegeben, es so verständlich wie möglich zu erklären.
Ich hoffe ihr könnt mir helfen.
Gruß
Malte
