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

Latająca informacja o rejestracji / logowaniu - bez rozszerzeń


TRACKER

Rekomendowane odpowiedzi

Witajcie, dziś dowiecie się jak w łatwy sposób zrobić "latającą informację" dla niezarejestrowanych użytkowników. Co ważne nie trzeba do tego wcale instalować żadnych rozszerzeń!

O czym piszę? Otóż o takim komunikacie, jaki znajdziecie będąc niezalogowanym na forum komputeromaniak.net

Aby mieć takie "latające okienko" należy:

Przejść do ACP -> (zakładka) Wygląd -> (wybór skina - rozwijania lista) -> Zarządzaj szablonem i CSS -> wybrać Szablony - globalTemplate i znaleźć:

<if test="pmbox:|:is_array( $items['notifications'] )">
				<div id='pm_notification' class='open' rel='{$items['notifications']['notify_id']}'>

a następnie dodać przed powyższym kodem:

<if test="!$this->member->getProperty('member_id')"><div id="zarejestruj">
<strong>Witaj gościu.</strong>
<a href="http://adresTwojegoforum?app=core&module=global&section=login">Zaloguj się</a> lub <a href="http://adresTwojegoforum/index.php?app=core&module=global&section=register">zarejestruj</a> aby mieć dostęp do wszystkich <a href="http://adresTwojegoforum/index.php?app=core&module=help&do=01&HID=20">korzyści</a> jakie niesie bycie zarejestrowanym użytkownikiem forum NazwaTwojegoForum.
</div></if>

Pierwszy etap mamy z głowy (<if test="!$this->member->getProperty('member_id')"> sprawdza czy ktoś jest zalogowany, czy nie.) kolejnym jest wybranie zakładki CSS i dodanie do bitu ipb_styles.css odrobiny kodu...

#zarejestruj{
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: center;
right: 10px;
z-index: 30000;
opacity: 0.6;
width: 260px;
height: 75px;
background: #444545;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 12px;
font-family:  Tahoma;
border: 1px solid #222324;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #222324 0px 1px 0px;
border-radius: 3px;
}
#zarejestruj a, #zarejestruj a:hover {color: #fff;}
#zarejestruj:hover{ opacity: 1;-moz-transition: all 0.3s linear 0s; }
#zarejestruj strong{ font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; } 

Ostatnie co musimy zrobić to zapisać zmiany i "cieszyć" niezalogowanych informacją o rejestracji / logowaniu na forum.

To wszystko :)

Pozdrawiam, Robert.

  • Lubię to 1
Odnośnik do komentarza
Udostępnij na innych stronach

  • 3 miesiące temu...

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