[CSS] Przeniesienie boxu "Zalogowany jako/Nie jesteś zalogowany"

Dares · 2013-01-05 17:01:06

Witam. Ostatnimi czasy pracowałem nad pewnym skryptem i gdzieś znalazłem, że jest także prośba o coś takiego, więc postanowiłem umieścić go. Mam nadzieję, że komuś się przyda.

#brdwelcome.inbox ul.conl  {position: absolute; top: Xpx; left: Ypx !important; background: url(link_do_tła); height: Wpx; width: Spx;}

Gdzie:
X - pozycja boxu liczona od góry
Y - pozycja boxu liczona od lewej, oczywiście można zmienić "left" "na "right" i będzie liczone od prawej
W - wysokość boxu
S - szerokość boxu

Całość należy wkleić do Modyfikacji CSS.

Efekt znajduje się tutaj: LINK

xortdan · 2013-01-05 17:09:08

Przyda mi się ten skrypt.

ukaszf9 · 2013-01-05 17:38:13

Trzeba tylko zauważyć, że w zależności od rozdzielczości ten box będzie w zupełnie innym miejscu.

Rudik · 2013-01-05 17:49:07

Tak jak mówi ukaszf9, jeśli chce się, aby ten box był ustawiony np. w rogu boxu zawierającego całą stronę - czyli box z tym ciemnozielonym tłem w tym stylu, na którym pokazany jest efekt - to nie można użyć tego w taki sposób.
Wszystko natomiast jest OK, jeśli chcemy ustawić ten box w odniesieniu do okna przeglądarki, np. chcemy, aby był on w lewym górnym rogu w odl. 10px od okna, wystarczy podać wartość left: 10px; top: 10px; .

Da się umieścić ten box w odniesieniu do dowolnego jego rodzica (tutaj trochę terminologii CSS, wszystko pięknie opisane tutaj), ale trzeba mu nadać dowolne pozycjonowanie za wyjątkiem statycznego, czyli zrobić z niego blok obejmujący.
Dla tego skryptu byłoby to takie coś:

.pun {
position: relative; /* może być również absolute lub fixed */ }
#brdwelcome.inbox ul.conl  {position: absolute; top: Xpx; left: Ypx !important; background: url(link_do_tła); height: Wpx; width: Spx;}

Dares · 2013-01-05 19:39:14

Dopiero teraz zauważyłem, że jeszcze mam "trochę" do nauki z CSS, ale lepiej późno niż wcale. Dzięki Rudik i Ukasz za rady. Cieszy mnie, że komuś się to przydało xortdan.

Daroi · 2013-01-05 22:14:51

Ja to zrobiłem w zupełnie inny, ale trudniejszy sposób. ^^ Zrobiłem po prostu box, nadając mu położenie i używając do wszystkiego kody z noofa [dblpt]P (kod na wiadomość dla zalogowanych i niezalogowanych - wystarczyło trochę edytować; kod na alternatywę dla [you] w HTML).

Petuss · 2013-01-07 15:55:48

Fajne [dblpt]) Przyda się

Oficjalne forum pomocy serwisu PUN.pl

#1 2013-01-05 17:01:06

[CSS] Przeniesienie boxu "Zalogowany jako/Nie jesteś zalogowany"

#2 2013-01-05 17:09:08

Odp: [CSS] Przeniesienie boxu "Zalogowany jako/Nie jesteś zalogowany"

#3 2013-01-05 17:38:13

Odp: [CSS] Przeniesienie boxu "Zalogowany jako/Nie jesteś zalogowany"

#4 2013-01-05 17:49:07

Odp: [CSS] Przeniesienie boxu "Zalogowany jako/Nie jesteś zalogowany"

#5 2013-01-05 19:39:14

Odp: [CSS] Przeniesienie boxu "Zalogowany jako/Nie jesteś zalogowany"

#6 2013-01-05 22:14:51

Odp: [CSS] Przeniesienie boxu "Zalogowany jako/Nie jesteś zalogowany"

#7 2013-01-07 15:55:48

Odp: [CSS] Przeniesienie boxu "Zalogowany jako/Nie jesteś zalogowany"

Stopka