Pasek przypominający o logowaniu, help Opcje

[matisxd123]

Witam chciałbym zrobić taki pasek jak tutaj http://www.se24.wxv.pl/index.htm
chodzi mi o: http://img811.imageshack.us/img811/9008/obrazekpw.jpg
lecz nie umiem go odpowiednie z konfigurować.

oto kod:

Kod

begin_logged_out
<div id="okno">
<div id="info">
<a href="profile.php?mode=register"><center>Witaj, nie jestes jeszcze zalogowany. Zaloguj sie by moc w pelni korzystac ze strony. Jezeli nie masz jeszcze konta kliknij tutaj.</center></a>
</div></div>

<style>

#okno {
overflow-x: hidden;
width: 100%;
z-index: 1000;
font-size: 11px;
font-weight: bold;
position: fixed;
cursor: pointer;
}

#info a, #info a:link, #info a:visited, #info a:active {
display: block;
overflow-x: hidden;
width: 100%;
clear: both;
color: #000000;
background: #FFFFFF;
padding: 5px;
text-decoration: none;
position: fixed;
left: 0px;
top: 0px;
}

#info a:hover {
color: #ffffff;
background: #000000;
position: fixed;
left: 0px;
top: 0px;
}

</style>
end_logged_out

[kokers]

czy masz to gdzies online?

[matisxd123]

Nie mam, chodzi mi tylko aby ten kwadracik na środku był tak jak na screenie.

[ylk]

Nie mam, chodzi mi tylko aby ten kwadracik na środku był tak jak na screenie.

CSS position:fixed

Jak go wypozycjonować na środku musisz googlać (IMG:style_emoticons/default/smile.gif)

[modern-web]

Na początku pliku CSS dodaj taki kod:

[HTML] pobierz, plaintext 
* { margin : 0px auto; }
[HTML] pobierz, plaintext 

Pozdro!

[matisxd123]

Na początku pliku CSS dodaj taki kod:

[HTML] pobierz, plaintext 
* { margin : 0px auto; }
[HTML] pobierz, plaintext 

Pozdro!

Albo coś źle robię albo nie działa.

[kokers]

Albo coś źle robię albo nie działa.

coś źle na pewno. może tak napisz co konkretnie nie działa?

[modern-web]

Wklepałeś to w tym miejscu (patrz **********) ?

[HTML] pobierz, plaintext 
<div id="info"> 
<a href="profile.php?mode=register"><center>Witaj, nie jestes jeszcze zalogowany. Zaloguj sie by moc w pelni korzystac ze strony. Jezeli nie masz jeszcze konta kliknij tutaj.</center></a> 
</div></div> 
 
<style> 
 
**********
 
#okno { 
overflow-x: hidden; 
width: 100%; 
z-index: 1000; 
[HTML] pobierz, plaintext