Skocz do zawartości

Jak się nazywa ten hook?


Przejdź do rozwiązania Rozwiązane przez Lothoss,

Rekomendowane odpowiedzi

Opublikowano

Witam.

Chciałbym aby na belce z odnośnikami do ShoutBox'a, użytkowników oraz forum po prawej stronie widniała jakaś "postać" - załóżmy, że będzie to smok.

Mam kod

CSS:

  position: absolute;  right: 10px;  bottom: -19px;

Oraz do globalTemplate: 


Ale nie wiem gdzie je umieścić aby smok był widoczny nad belką albo w ogóle był widoczny.

Opublikowano

Jednak sobie nie poradziłem - smok "chowa" się pod działy.

 

globalTemplate

<img src="http://wiki.nightwood.net/images/7/7b/%C5%9Amier%C4%87_-_Wariant_14_-_Stadium_5.png" style="position: absolute; right: 10px;bottom:-19px;">

Ps. Zaraz wyślę poprawną nazwę tematu.;p

Opublikowano (edytowane)

Dodaj jeszcze

z-index: wartość;

Za wartość możesz sobie wrzucić ok. 300, taka wartość nie powinna kolidować z innymi elementami z z-indexem.

 

Oczywiście wszystko zależy co masz na myśli mówiąc "chowa się pod działy". Najlepiej zrób choćby ss'a, będzie łatwiej zorientować się o co Ci chodzi.

Edytowane przez WoleN
Opublikowano (edytowane)

Widać go przez chwilę - podczas ładowania forum, wiec ciężko będzie mi uchwycić ten moment. :P

Kody dodaje w sekcji primary_nav w styles.css jak i globalTemplate.

Co robię źle?

Edytowane przez Lothoss
Opublikowano

Podaj link do forum, bo przynajmniej mi, ciężko stwierdzić co jest nie tak 'w ciemno'.

Opublikowano

Później podeślę gdy znów to ogarnę - po dzisiejszej próbie ogarnięcia tego zniknęła mi belka z odnośnikami - oczywiście przywróciłem.

 

Może zły kod bądź w złe miejsce go wklejam?

Opublikowano (edytowane)

Dobra, poradziłem sobie - nic trudnego, trochę grzebania w CSS i globalTemplate. ;D

Edytowane przez Lothoss
  • Rozwiązanie
Opublikowano (edytowane)

A to zależy od stylu, osobiście robiłem to na Spark'u 3.

Musiałem trochę pousuwać jak i pododawać, efekt niestety nie jest do końca zadowalający, ponieważ szerokość belki (ShoutBox etc.) się zmniejszyła.

Opiszę jak to zrobiłem na Sparku, ponieważ na innym nie próbowałem. 

 

1. Usunąłem całkowicie 

#community_app_menu img {
  height: 16px;
  margin: -3px;
  opacity: 0.8;
  position: relative;
  vertical-align: top;
  width: 16px;
}

Z ipb_styles.css

 

2. Dodałem do primary_nav w ipb_styles.css

 position: absolute;
  right: wartość w px (u mnie 170px);
  bottom: wartość w px (u mnie 689px);
}

3. Dodałem w sekcji primary_nav w globalTemplate 

<img src="link do obrazka" style="position: absolute; right: 10px;bottom:-25px;">

(wartości mogą u Was ulec zmianie)

Zapisałem i oto efekt: http://scr.hu/4047/i6k7l

Oczywiście zamiast smoka jest inna postać, ale smoka dałem dla przykładu. Nadal męczę się aby wyrównać belkę z resztą forum.
 
Ps. Jeśli ktoś wie jak przywrócić szerokość belki proszę pisać, będę wdzięczny. ;)
 
Oczywiście mogłem coś pominąć, ach ta moja pamięć. ;-;
Edytowane przez Lothoss
  • Lubię to 2
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.