Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pasek przypominający o logowaniu
Forum PHP.pl > Forum > PHP
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
Cytat(matisxd123 @ 1.03.2011, 21:07:41 ) *
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ć smile.gif
modern-web
Na początku pliku CSS dodaj taki kod:

  1. * { margin : 0px auto; }


Pozdro!
matisxd123
Cytat(modern-web @ 1.03.2011, 21:23:13 ) *
Na początku pliku CSS dodaj taki kod:

  1. * { margin : 0px auto; }


Pozdro!


Albo coś źle robię albo nie działa.
kokers
Cytat
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 **********) ?

  1. <div id="info">
  2. <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>
  3. </div></div>
  4.  
  5.  
  6. **********
  7.  
  8. #okno {
  9. overflow-x: hidden;
  10. width: 100%;
  11. z-index: 1000;
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.