Skocz do zawartości

Ikonka statusu ONLINE obok nicku lub pod nim. Jak zmienić położenie


carry
 Udostępnij

Rekomendowane odpowiedzi

Musiałbyś pokazać fragment kodu diva "autor-info" żebym mógł Ci tutaj wkleić kod, który wystarczy podmienić, a tak mogę podesłać Ci wyłącznie układ divów, z ich zawartością musisz już sam się pobawić, aczkolwiek skoro posiadasz forum to raczej podstawy html i css znasz.

HTML:

<div class="author-info">
    <div class="autor-head">
        <div class="username"></div>
        <div class="status"></div>
    </div>
</div>

CSS:

.autor-head {
	display: flex; 
}

Ale nie gwarantuję Ci, że to zadziała, bo nie sprawdzałem.

PS: Ale widzę że już sobie poradziłeś  Gratki!

Edytowane przez viperovsky
Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

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

  • Ostatnio przeglądający

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
  • Podobna zawartość

    • Witam wiek ktoś może jak zrobić taką ikonę statusu online offline tak jak tu na forum? koło avatara?
    • Favicon to mała ikonka o rozmiarach 16×16, lub 32×32 piksele wyświetlana przed adresem strony w polu adresowych. Wyświetlana jest również jako ikonka nowej karty, a także po dodaniu do ulubionych zostaje umieszczona w zakładkach. Można rzec, że to szczegół… ale często o nim zapominamy, a to błąd. W przypadku braku favicona zostanie wyświetlona taka szara czy niebieska kartka z zagiętym prawym górnym rogiem (firefox). Jest dużo stron w sieci, które nie stosują ikony, dlatego jest to powód do wyróżnienia swojej witryny spośród tłumu.
      Jak więc zatem stworzyć tą ikonkę?
      Photoshopa + wtyczka
      Osoby, które są w posiadaniu programu graficznego Photoshop mogą w prosty sposób stworzyć własną ikonkę. Podstawowa wersja nie obsługuję zapisu rozszerzenia .ico, ale z pomocą idzie nam pewna darmowa wtyczka. Odwiedź stronę Telegraphic wybierz swój system operacyjny, pobierz i rozpakuj plik do folderu Plug-Ins, który znajdziesz w katalogu instalacyjnym Photoshop. Po tej czynności będziesz miał możliwość zapisu grafiki w rozszerzeniu .ico Program graficzny + generator
      Jeżeli posiadasz dowolny program graficzny (niekoniecznie Photoshop) możesz stworzyć ikonkę, a następnie prze konwertować za pomocą generatora online Generator online
      Nie masz programu graficznego? Skorzystaj z kolejnego generatora dzięki, któremu stworzysz favicona.
      Za pomocą małych kwadratów możesz narysować ikonkę. Mamy już favicon, teraz pora na umieszczenie go na stronie internetowej. Umieść favicona z rozszerzeniem .ico oraz .png w głównym katalogu serwera. Następnie między nagłówkami <head></head> dodaj poniższy kod:
      <link rel=”shortcut icon” href=”favicon.ico” /> Jeżeli nasza ikonka ma inne rozszerzenie niż .ico należy dodać fragment kodu type="image/rozszerzenie
      <link rel=”icon” href=”favicon.png” type=”image/png” /> Od tej pory będziesz miał własną ikonkę przy adresie strony. Tworząc grafikę nie mamy wielkiego pola do popisu, ponieważ rozmiar koniecznie musi być 16×16, lub 32×32. Dlatego jako wygląd favicona dodaj swoje logo, albo pierwszą literę domeny, ewentualnie dwie w przypadku dwuczłonowej nazwy. Jeżeli nazwa domeny jest Twoim imieniem i nazwiskiem umieść swoje inicjały. Przed konwertowaniem do .ico koniecznie zapisz plik graficzny z rozszerzeniem .png, a tło powinno być przeźroczyste, ponieważ różne przeglądarki mają, różne tła i Twoja ikonka może nieciekawie wyglądać.
      Artykuł pochodzi z naszego nieaktywnego już bloga.
    • Witam, po wejściu na forum zamienia mi się na przeglądarce ikonka na tą z IPB oraz wyświetla się napis "Invision Power Board" w jaki sposób mogę edytować ten napis oraz skasować tą ikonę?
      Z góry dziękuje za pomoc : )
       
    • Jak dodać osobną ikonkę do każdej kategorii?
      Witajcie, w tym poradniku pokaże wam jak dodać osobną ikonkę do każdej kategorii w mybb.
       
      0. Będziemy korzystać z ikonek Font Awesome, więc jeśli ich nie macie jeśli nie macie ich jeszcze zaincludowanych do stylu zróbcie to teraz.
      Przechodzimy do ACP > Style i szablony > Szablony > Wybieramy swój szablon > Niezgrupowane szablony > Headerinclude
      Znajdujemy {$stylesheets} i dodajemy poniżej ten kod:
       
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">  
      1. Jeżeli mamy już wgrane ikonki teraz przechodzimy do ACP > Style i szablony > Szablony > Wybieramy swój szablon > Opis Działu > Forumbit_depth1_cat
       
      Znajdujemy ten kod:
      <div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div> Zamieniamy na ten:
      <div><div class="category_icon icon_{$forum['fid']}"></div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>  
      2. Następnie przechodzimy do CSS (ACP > Style i szablony > Style > Wybieramy swój styl > Global.css)
      Na samym końcu dodajemy poniższy kod:
       
      .category_icon { padding:0 10px; display: inline-block; text-align:center; } .category_icon:before { font-family: 'FontAwesome'; color: #fff; /* kolor ikonki */ font-size: 15px; /* wielokosc ikonki */ vertical-align:middle; }  
      3. I teraz najważniejsze. Sprawdzamy id kategorii oraz id ikonki (unicode).
      a) id kategorii, przechodzimy do ACP > Działy i posty > Działy
       
      Wybieramy kategorię, do której chcemy dodać ikonkę. Identyfikator znajduje się w adresie:
       

       
      W moim przypadku jest to kategoria o identyfikatorze 1.
       
      b) id ikonki, przechodzimy na http://fortawesome.github.io/Font-Awesome/icons/ i wybieramy ikonkę pasującą do naszej kategorii.
       

       
      W tym przypadku jest to f0c2.
       
      4. Znowu przechodzimy do CSS (ACP > Style i szablony > Style > Wybieramy swój styl > Global.css)
      Nasze id działu to 1, a ikonki to \f0c2 (Backslash nie jest błędem tylko tak oznacza się unicode w css).
      Dodajemy na końcu taki kod, zauważcie gdzie umieszczone są identyfikatory.
       
      .icon_1:before { content:'\f0c2'; }  
      Za każdym razem gdy chcemy dodać nową ikonkę powtarzamy pkt. 3 oraz 4.
       
      Wygląda to tak:

       
      Oczywiście można to wystylizować. 
      Jeśli zauważycie jakiś błąd proszę o kontakt.  
       
      Autor: Krugerz.
    • Facebook Profile Mod
       Jak sama nazwa wskazuje dodajemy Facebook'a do profilu. W edycji profilu wpisujemy ID profilu na Facebook'u i jest on wyświetlany w kontakcie w profilu oraz dodaje ikonke w widoku tematów pod danym profilem
       
        Poprawka 2012:   Otwórz functions.php Znajdź: function facebook_profile_url ($user_id) { // return ( $user_id ) ? 'http://www.facebook.com/profile.php?id' . POST_USERS_URL . '=' . $user_id : ''; return ( $user_id ) ? 'http://www.facebook.com/profile.php?id' . ((is_numeric($user_id)) ? '' : 'un') . '=' . $user_id : ''; } Zamień na:
      function facebook_profile_url ($user_id) { // return ( $user_id ) ? 'http://www.facebook.com/profile.php?id' . POST_USERS_URL . '=' . $user_id : ''; return ( $user_id ) ? 'http://www.facebook.com/' . $user_id : ''; } Demo:
       


       
      Pobierz:
      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.
  • Najnowsze tematy

  • Ostatnio rozwiązane

×