• Mam tę wtyczkę:

    wp-whos-online

    Pokazuje avatary użytkowników w pionie, jeden pod drugim np.

    avatar 1
    avatar 2
    avatar 3

    A ja chciałabym żeby pokazywało:

    avatar 1 avatar 2 avatar 3
    avatar 4 avatar 5 avatar 6

    itd. Ale avatar obok ma napisy np. login użytkownika, teraz online i ile czasu temu dany użytkownik był na stronie.

    Dobrze by było gdyby pod avatarem po najechaniu na niego pokazywało login i kiedy użytkownik był ostatnio na stronie, a teraz online zamiast napisu np. zielona otoczka wokół avatara a jeżeli tego użytkownika nie ma teraz to czerwona otoczka. Dla kogoś kto zna się na css’ie to bułka z masłem. Ja niestety nie mogę dać sobie z tym rady. Może ktoś pomoże i wprowadzi takie zmiany? Ten plugin zawiera się zaledwie w jednym pliku.

Zobacz 6 odpowiedzi - od 1 do 6 (z 6 łącznie)
  • Kwestia modyfikacji kodu, konkretnie css, nadać elementom float:left lub float:right w zależności od potrzeb i będą się układać we właśnie takim formacie. Ale aby element blokowy mógł się tak układać musi być zmniejszony bo z tego co widzę width nie jest tutaj zdefiniowane ale to byś musiał jeszcze posprawdzać. W każdym bądź razie to o piszesz jest do zrobienia wyłącznie poprzez modyfikację kodu css. Pozdr.

    Twórca wątku marira

    (@marira)

    No właśnie. Ja mam problem z css’em. Gdybym mogła to bym sobie sama poradziła, ale nie daję rady. Podchodziłam do tego już kilka razy i niestety nie udało się. Pozdrawiam.

    Niestety teraz nie mam możliwości wgrania wtyczki i przetestowania modyfikacji na żywca więc tak trochę na wyczucie…

    Plik wp-whos-online.css

    .wpwhosonline-row {
    float: none;
    width: auto;
    height: 33px;
    clear: both;
    }

    Żeby to zadziałało trzeba ustawić, by blok opatrzony klasą wpwhosonline-row miał float: left; do tego trzeba będzie trzeba zmienić width na stałą wartość (musisz sama dobrać) np. width: 80px; a także pozbyć się clear: both;
    Nie mogę ci zagwarantować, że podpowiedź jest w 100% trafna bo bym to musiał jednak przetestować, a z pamięci wprowadzać modyfikacje nie jest łatwo mimo że znam całkiem dobrze css 😉

    Twórca wątku marira

    (@marira)

    .wpwhosonline-row {
    float: left;
    width: 100px;
    height: 33px;
    margin-bottom: 20px;
    }

    Elegancko ustawiło avatar jeden obok drugiego w pierwszej lini, ale kiedy pojawia się druga linia avatarów wówczas wtyczka która jest poniżej tej wtyczki wskakuje na tę wtyczkę. Nie wiem jak zrobić żeby ta niższa wtyczka opadła na swoje miejsce 🙂 Wiem, że to śmieszne, ale tak to jest jak się nie ma pojęcia lub znikome pojęcie o css.

    Jeszcze prośba czy mógłbyś na gorąco podpowiedzieć jak zrobić żeby napis login był po najechaniu avatara…wiem, wiem trzeba dać title i po najechaniu na avatar będzie login pokazywać. Ale jak zrobić żeby zamiast obok tego avatara co pojawia się napis „teraz online” w kolorze zielonym a jak ktoś jest nieobecny pojawia się napis czerwony i np. „1 godzinę temu”. Chciałabym żeby te napisy pojawiły się w title obok loginu a sam avatar był np. zielona oblamówka jako ktoś jest online a czerwona jak kogoś nie ma. To brzmi okropnie, ale widzę, że to tylko umieszczenie w css’ie spowoduje pojawianie się tego tak jak napisałam. Może coś pomożesz? Jak się ma większą ilość użytkowników to ten plugin ciągnie się niemiłosiernie w dół, a tak można ustawić np. po 4 avatary obok siebie i wtedy lista jest krótka. Będę wdzięczna za Twoją pomoc jeżeli zechcesz mi ją udzielić.

    I tutaj wychodzi, że nie ma to jak na żywca sprawdzać modyfikacje, zawsze jakiś bug wyniknie 😉
    Właśnie clear:both; powoduje odseparowanie natomiast wszystko zależy od konstrukcji tego boxu, aby dokładniej doradzić jak to zmodyfikować musiałbym zainstalować tę wtyczkę i przy użyciu firebuga i innych sprawdzić dokładnie co w trawie piszczy. Jednakże dzisiaj jak juz wspominałem jest to niemożliwe. Z pozostałymi pytaniami też ci nie doradzę na ten moment. W przypadku wykrywania kto jest online i dodawania obramowania to także jest wykonalne tylko (lub aż) trzeba by było przypatrzyć się wp-whos-online.php i wprowadzić stosowne modyfikacje.
    Pozdrawiam.

    Twórca wątku marira

    (@marira)

    Rozumiem, ale dziękuję za dobre chęci i pomoc okazaną do chwili obecnej 🙂 Pozdrawiam.

Zobacz 6 odpowiedzi - od 1 do 6 (z 6 łącznie)

Temat ‘Wtyczka online css’ jest zamknięty na nowe odpowiedzi.