Skocz do zawartości
Pecetowicz Forum komputerowe

[uPster] Kontakt z Administracją z ON / OFF. Poradnik MyBB.


Rekomendowane odpowiedzi

  • Ekspert

Kontakt z Administracją

Ze statusem Online/Offline

Screenshot_2019-09-07 deadly-bullet y0 pl.png

Style i Szablony -> Szablony -> Twój szablon -> Strona główna -> index i do sidebaru dodajemy:

Spoiler

<div id="tborder">
        <div class="bgcont">
        <h2 style="font-size: 20px; font-weight: 500; margin-left: 5px; color: #6d6d6d; margin-top: -10px;"><i class="fas fa-user-cog"></i> Administracja</h2>
            <!-- WLASCICIELE // -->

            <div id="c_t">
                <div class="rankstyle"><div class="rank-margin"><span class="wl">Właściciel</span></div>
                    <div class="c-avatar"><a href="#"><img src="https://i.imgur.com/Eabt0gg.png" class="c_img"></a></div>
                    <div class="user-style"><a href="#"><span class="wl"><i class="fab fa-black-tie"></i> uPster</span></a></div>
                    <div class="c-style">
                        <a href="#"><i class="fas fa-envelope fa-sz-st"></i></a> 
                        <a href="#"><i class="fab fa-steam fa-sz-st padd-cont"></i></a> 
                        <a href="#"><i class="fab fa-gg fa-sz-st"></i></a>
                    </div>
                    <div class="status" style="margin: 10px 0px;">
                        <span id="wlStatus"></span>
                    </div>
                </div>    
            </div>

            <div id="c_t">
                <div class="rankstyle"><div class="rank-margin"><span class="ha">Head Admin</span></div>
                    <span class="c-avatar"><a href="#"><img src="https://i.imgur.com/Eabt0gg.png" class="c_img"></a></span>
                    <div class="user-style"><a href="#"><span class="ha"><i class="fas fa-briefcase"></i> Roughster</span></a></div>
                    <div class="c-style">
                        <a href="#"><i class="fas fa-envelope fa-sz-st"></i></a> 
                        <a href="#"><i class="fab fa-steam fa-sz-st padd-cont"></i></a> 
                        <a href="#"><i class="fab fa-gg fa-sz-st"></i></a>
                    </div>    
                    <div class="status" style="margin: 10px 0px;">
                        <span id="haStatus"></span>
                    </div>
                </div>    
            </div>

            <div id="c_t">
                <div class="rankstyle"><div class="rank-margin"><span class="ja">Junior Administrator</span></div>
                    <span class="c-avatar"><a href="#"><img src="https://i.imgur.com/Eabt0gg.png" class="c_img"></a></span>
                    <div class="user-style"><a href="#"><span class="ja"><i class="fas fa-bullhorn"></i> Speed</span></a></div>
                    <div class="c-style">
                        <a href="#"><i class="fas fa-envelope fa-sz-st"></i></a> 
                        <a href="#"><i class="fab fa-steam fa-sz-st padd-cont"></i></a> 
                        <a href="#"><i class="fab fa-gg fa-sz-st"></i></a>
                    </div>
                    <div class="status" style="margin: 10px 0px;">
                        <span id="jaStatus"></span>
                    </div>
                </div>    
            </div>                
        </div>
    </div>

Teraz przejdź do Stopka footer i na końcu dodaj:

Spoiler

<script type="text/javascript">
    $(function() {
  const rankstyle = $(".statusoo"); // Rodzic: kto jest online

  const wlStatus = $("#wlStatus"); // Miejsce w sidebar w kontakcie, w którym wyswietli sie status właściciela
  const wlRank = $(".wl"); // Klasa rangi właściciela

  const haStatus = $("#haStatus"); // Miejsce w sidebar w kontakcie, w którym wyswietli sie status head administratora
  const haRank = $(".ha"); // Klasa rangi head administratora
        
  const jaStatus = $("#jaStatus"); // Miejsce w sidebar w kontakcie, w którym wyswietli sie status junior administratora
  const jaRank = $(".ja"); // Klasa rangi junior administratora
  
  const statusOnline = '<span class="statusOnline">Online</span>';
  const statusOffline = '<span class="statusOffline">Offline</span>';

  if (rankstyle.find(wlRank).text().includes('uPster')) {
    wlStatus.html(statusOnline);
  } else {
    wlStatus.html(statusOffline);
  }
        
  if (rankstyle.find(haRank).text().includes('Roughster')) {
    haStatus.html(statusOnline);
  } else {
    haStatus.html(statusOffline);
  }

  if (rankstyle.find(jaRank).text().includes('Speed')) {
    jaStatus.html(statusOnline);
  } else {
    jaStatus.html(statusOffline);
  }        
});
</script>

Teraz przejdź do Strona główna -> index_whosoline i w spanie lub divie gdzie jest wyświetlana zmienna {$onlinemembers} dodaj

statusoo

Cofamy się do Style i Szablony i wybieramy Style -> Twój styl -> global.css i na końcu dodaj:

Spoiler

.bgcont {
    background: #232324;
    padding: 25px 15px;
    border-radius: 3px;
}

#c_t {
    padding: 5px;
    font-size: 14px;
}

.rankstyle {
    text-align: center;
    font-size: 16px;
    padding: 10px;
    background: #202022;
    border-radius: 5px;
}

.rank-margin {
    margin-bottom: 15px;
}

.c-avatar {
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 10px;
}

.c_img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 1px solid #413d3d;
}

.user-style {
    text-align: center;
    font-size: 14px;
}

.c-style {
    text-align: center;
    font-size: 15px;
    padding-top: 5px;
}

.fa-sz-st {
    font-size: 1.3em;
    color: #c2c2c2;
}

.padd-cont {
    padding-left: 10px;
    padding-right: 10px;
}

.statusOnline {
    background: #339433;
    color: white;
    padding: 2px 3px;
    border-radius: 3px;
    font-size: 12px;
}

.statusOffline {
    background: #c75050;
    color: white;
    padding: 2px 3px;
    border-radius: 3px;
    font-size: 12px;
}

  • Lubię to! 3
  • Super 3
Odnośnik do odpowiedzi
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ę
  • Podobna zawartość

    • Przez ups
      Jak dodać ostatnie wizyty użytkowników w profilu. Miałem to dodać jak dodawałem profil ala IPS, ale o tym zapomniałem ;d.
      Jak więc dodać plugin ostatnich wizyt w profilu?
      Najpierw pobierz plugin Profile Visitors.
      Gdy już pobrałeś plugin i wrzuciłeś wszystkie pliki do FTP, przejdź na swoje forum ACP i aktywuj plugin
      Następnie przejdź do Style i Szablony Szablony Szablony globalne profileVisitors i podmień całą zawartość na tą:
      <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="pborder"> <tr> <td colspan="2" class="thead"><strong>Ostatnie wizyty</strong></td> </tr> {$profileVisitorsList} </table> Cofnij się do Szablonów globalnych i wybierz profileVisitors_Row aby podmienić całą zawartość na tą:
      <tr> <td class="prof_visit" style="width:5%;"><strong><img src="{$avatar['image']}" alt="" class="prof_img"></td> <td class="prof_visit">{$visitor['profilelink']}<p style="margin: 0px 0px 8px 0px; font-size: 13px;">{$visitor['date']}</p></td> </tr> Przejdź teraz do Style i Szablony Style Twój styl Stwórz nowy arkusz CSS lub dodaj ten kod na końcu arkusza global.css:
      .prof_visit { background: #e0dddd; padding: 5px 5px 0px 5px; border-bottom: 1px solid #d4d4d4ab; } .prof_img { border-radius: 50%; border: 1px solid #b9b9b9; margin-top: -8px; width: 34px; height: 34px; } .pborder { margin: 4%; width: 92%; background: #adadad; border: 1px solid #c2c2c2; border-radius: 5px; } .thead { padding: 10px; margin: 0; font-size: 12px; font-weight: 500; text-transform: uppercase; position: relative; color: #828e99; background: #ebedf0; border-radius: 2px 2px 0px 0px; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; } Klasy od .pborder do .thead są już dodane w poprzednim poście, ale tak dodałem jakby ktoś potrzebował . Ten kto używa profilu ala IPS może usunąć te dwie ostatnie klasy.
      I znowu nie wiem czy o czymś zapomniałem -.-
      /edit < o tym też zapomniałem. Jeśli nie chcecie, żeby pokazywało u was listę odwiedzających profil, możecie tą opcję odznaczyć w panelu użytkownika.
    • Przez ups
      Przerobiony wygląd Steam Group od Supryka.
      Pobieramy plik z załącznika. Wgrywamy do naszego FTP najlepiej przerzucając plik inc do głównego katalogu, wtedy wszystko zostanie wrzucone automatycznie do odpowiednich folderów. Po wgraniu pluginu do naszego FTP, wchodzimy na forum do panelu ACP i aktywujemy plugin. Następnie przechodzimy do Style i Szablony Style Twój styl Wklej na końcu do global.css zawartość steamgroup.css, która znajduje się w pliku rar. Potem przechodzimy do Style i Szablony Szablony Twój szablon Steam group
        W szablonie steamgroup zamień całą zawartość na:
      <div class="steamgroup"> {$tpl['row']} </div> W szablonie steamgroup_row zamień całą zawartość na:
      <img src="{$data['avatar']}" class="steamavatar"/> <div class="steamname">{$data['name']}</div> <div class="steamname-a">Grupa steam</div> <a href="http://steamcommunity.com/groups/{$data['url']}" class="steamjoin" style="color: #fff;">{$lang->steamgroup_viewandjoin}</a> <div class="steamdiscbg"> <span class="steam-members"><b style="font-size: 15px;">{$data['members']}</b><br/> {$lang->steamgroup_members}</span> <span class="steam-online"><b style="font-size: 15px;">{$data['online']}</b><br/> {$lang->steamgroup_online}</span> <span class="steam-in-game"><b style="font-size: 15px;">{$data['ingame']}</b><br/> {$lang->steamgroup_ingame}</span> </div>
      Efekt:


      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.
    • Przez ups
      Profil ala IPS do MyBB
      Przerobiony z poradnika od SimLay'a https://www.pecetowicz.pl/topic/profil-ala-ipb-w-mybb-88268/
      Przed zrobieniem tego zróbcie sobie kopie zapasowe tych szablonów
      Przejdź do ACP  Style i Szablony  Szablony  Twój szablon  Podgląd profilu i podmień ten szablony:
      member_profile
      member_profile_adminoptions
      member_profile_avatar
      member_profile_contact_details
      member_profile_customfields
      member_profile_customfields_field
      member_profile_email
      member_profile_findposts
      member_profile_modoptions
      member_profile_modoptions_banuser
      member_profile_modoptions_editprofile
      member_profile_modoptions_manageuser
      member_profile_modoptions_purgespammer
      member_profile_offline
      member_profile_online
      member_profile_pm
      member_profile_warninglevel
      Przejdź teraz do Style i Szablony > Style > Twój styl > global.css lub stwórz nowy arkusz > wklej całą zawartość tego kodu:
      Żeby zmienić tło w profilu przejdź do katalogu images i podmień grafikę o nazwie bg.jpg (może być to również inne rozszerzenie)
      Aby wyświetlała się taka reputacja jak na zdjęciu poniżej pobierz plik z załącznika
      Pobierz plik addtemplatefunctions.php i wgraj go do /inc/plugins, aby wszystko dobrze funkcjonowało

      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.
      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.  
      To już wszystko. No chyba, że o czymś zapomniałem...
    • Przez ups
      [uPster] Przydatne linki. Poradnik MyBB. Tak sobie wrzucę :v
      HTML
      CSS
×
×
  • Dodaj nową pozycję...