Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Budowa profilu

Inne  Założony przez  Finarfin.

Dzień dobry,

Chciałbym zastosować podobny efekt wyglądu profilu użytkownika jak jest tutaj: http://leviathanrpg.pl/viewtopic.php?f=5...&start=330
Najezdzając na post gracza, po lewej pod avatarem pojawiają się napisy... nick itp itd, a gdy odsuwamy myszkę od postu to znikają, podoba mi się ten efekt, czy do tego trzeba stosować PHP?


Dodatkowo chciałbym zrobić coś w stylu "specjalnych pól" które mógłby wypełniać tylko administrator, pod nickiem moim jest "tekst" jest to "tytuł użytkownika" a mi zależałoby by administrator każdemu graczowi mógł dodać kilka takich pól.. a gracz nie mógłby ich zmienić. 
Niestety nawet nie mam pojęcia jak za to się zabrać :/
(obrazek nie był zeskalowany i źle ustawiony w acp nie patrzcie na to)

[Obrazek: test.PNG][Obrazek: 2.PNG]
1. Nie php, a po prostu :hover w css. https://www.w3schools.com/cssref/sel_hover.asp
2. Kwestia uprawnień. W ACP (bodajże uprawnienia grupy) możesz ustawić, aby użytkownik nie miał uprawnień do zmiany swojego tytułu.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Niby mniej więcej ogarniam jak taki hover działa: http://jsfiddle.net/MBLZx/
Ale nie wiem jak to bezpośrednio "przypisać" do tylu zmiennych.
Próbuje to zrobić z dwoma divami (wszystko na podstawowym szablonie mybb) a i tak kończy się to tak, że wszystko znika i nic się następnie nie pojawia.
div.author_statistics
div.author_information


Cytat:Kwestia uprawnień. W ACP (bodajże uprawnienia grupy) możesz ustawić, aby użytkownik nie miał uprawnień do zmiany swojego tytułu.
To już zrobiłem, dzięki.

Myślałem jeszcze jak dodać te dodatkowe profile, próbowałem tak jak jest tutaj: https://community.mybb.com/thread-110634.html
Czy wystarczy wstawić tylko {$post['fidX']}<br /> ? czy trzeba jeszcze coś zrobić?
(27.05.2018, 13:38)Finarfin napisał(a): Czy wystarczy wstawić tylko {$post['fidX']}<br /> ? czy trzeba jeszcze coś zrobić?
Dodać dodatkowe pole. Konfiguracja -> w menu po lewej będzie opcja do wybrania.

(27.05.2018, 13:38)Finarfin napisał(a): Niby mniej więcej ogarniam jak taki hover działa: http://jsfiddle.net/MBLZx/
Ale nie wiem jak to bezpośrednio "przypisać" do tylu zmiennych.
Próbuje to zrobić z dwoma divami (wszystko na podstawowym szablonie mybb) a i tak kończy się to tak, że wszystko znika i nic się następnie nie pojawia.
div.author_statistics
div.author_information
Skoro jest to styl domyślny to wystarczy dodać:
.author_statistics {
    display: none;
}
.author_avatar:hover ~ .author_statistics {
    display: block;
}
Ustawiasz, aby klasa author_statistics nie była domyślnie ustawiana.
Następnie jeśli najedziesz myszką na element .author_avatar, to .author_statistics (który jest po nim, ta sama wysokość w drzewie) się pojawi przybierając wyświetlanie blokowe - domyślne dla div swoją drogą.

Edit
Doczytałem teraz, że chcesz to po najechaniu na post, nie avatar. W takim razie po prostu:
.author_statistics {
    opacity: 0;
    transition: .13s
}
.post:hover .author_statistics {
    opacity: 1;
}
Dodatkowo zamiast zwykłego pojawiania się jest animowana widoczność i masz taki efekt jak tam, płynnego wchodzenia/odchodzenia.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



Użytkownicy przeglądający ten wątek:

2 gości