Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×
Hosting webh.pl - 20%

Latające okienko rejestracji nowe

Booski

Przez Booski
w Tutoriale i porady

 Udostępnij

Rekomendowane odpowiedzi

  • Ta odpowiedź cieszy się zainteresowaniem.
Booski Użytkownik społeczności

Booski

Opublikowano
  • Ta odpowiedź cieszy się zainteresowaniem.
Opublikowano (edytowane)

pre_1332375705__rxzv.jpg

Aby uzyskać efekt latającego okna rejestracji na każdej podstronie swojego forum postępuj według poniższych zaleceń.

Wejdź do:

ACP

arrow_right_green.png Wygląd arrow_right_green.png Wybierz Skin arrow_right_green.png globalTemplate

Znajdź:

</div>
<if test="!$this->memberData['member_id']">

Dodaj pod tym co szukałeś:

<div id="ramka"><a href="http://twojastrona.pl/index.php?app=core&module=global&section=register"><b>Nie jeste&#347; zalogowany!</b><a onClick="closebar(); return false" href="#"><div id="zamknij">x</div></a><br/>Nie skorzystasz z wszystkich funkcji strony, a uwierz, że naprawdę warto! Prosimy o szybkie <a href="http://twojastrona.pl/index.php?app=core&module=global&section=register"><font color="#1df400">założenie konta</font>.</</font></span></a>
</a></div>
</if>

<script type="text/javascript">
var persistclose=0
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("ramka").style.visibility="hidden"
}
</script>

Uwaga! powinien być ten kod przed znacznikiem <body> oraz </html> na samym końcu bitu.

Następnie wejdź do:

ACP arrow_right_green.png Wygląd arrow_right_green.png Wybierz Skin arrow_right_green.png Zakładka CSS arrow_right_green.pngstyles.css

Wklej to na samym dole.

#ramka{

position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 30000;
opacity: 0.8;
width: 260px;
height: 70px;
background: #1A1919;
color: white;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #1f1f1f;
box-shadow: #1f1f1f 0px 1px 4px, inset #1f1f1f 0px 1px 0px;
border-radius: 3px;

}

#zamknij {
 float: right;
 margin-right: 5px;
 -z-index:100;
 background: #CF3737;
 padding: 0 4px 2px 5px;
 font: bold 12px Tahoma,Arial;
 color: #FFF;
border: 1px solid #771B1B;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px, inset #F66C6C 0px 1px 0px;
border-radius: 3px;
}

#ramka:hover{
 opacity: 1;
}

#zamknij:hover{
 opacity: 1;
}

I na koniec będziemy mieli akurat efekt ramki taki jak tu jest.

Dodatkowo:

  • Ramka jest ukrywana
  • Kolory można dowolnie zmieniać
  • Tekst ramki można dowolnie zmieniać

Poradnik stworzony specjalnie na potrzeby forum.invisionize.pl przez Booski

Poradnik można publikować tylko z dopiskiem autora .

Edytowane przez DawPi
Edycja stylistyczna.
  • Lubię to 5
Booski Użytkownik społeczności

Booski

Opublikowano
  • Autor
Opublikowano

Chciałbym dodać że okienko współgra z wersjami podrzędnymi ipb board 3.1.x oraz 3.2.x działa bez zarzutu.

Kolorystyke okienka można dowolnie zmieniać więc na pewno jest dobra nowość

  • 3 tygodnie później...
Point Entuzjasta

Point

Opublikowano
Opublikowano (edytowane)

hahahaha okienko rejestracji działa dla zalogowanych użytkowników ;)

działa - pojęcie względne... rozjeżdża się trochę -_-

Edytowane przez Point
  • 4 miesiące temu...
dexx Współtwórca

dexx

Opublikowano
Opublikowano
hahahaha okienko rejestracji działa dla zalogowanych użytkowników ;) działa - pojęcie względne... rozjeżdża się trochę -_-

dokładnie ... ;/ podczas gdy jestem zalogowany widać to ; / da się to przestawić jakąś -.- !?

  • 4 miesiące temu...
  • 1 miesiąc temu...
  • 5 miesięcy temu...
  • 1 miesiąc temu...
Gość lolmol100

Gość lolmol100

Opublikowano
Opublikowano (edytowane)

Musisz ten kod dodać pod tym

<if test="!$this->memberData['member_id']">

Screenshot:

 

http://prntscr.com/21mrqn

Edytowane przez lolmol100
  • 4 tygodnie później...

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • 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ę.