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

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

Wyświetlanie się opisów działów

Założony przez  Danios.

wersja skryptu MyBB: Najnowsza
adres forum: Chyba nie potrzebny xd
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam. Chciałbym zamiast opisów pod nazwami działów, zrobić coś takiego, że jak najeżdzam na nazwę działu to robi się coś takiego:
[Obrazek: QplA4bY.png]
Wiem, że to forum na silniku IPB, ale przedtem jak było jeszcze na MyBB to też było coś takiego. Proszę o pomoc. :)
1. W headerinclude odszukaj ten kod:

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script

2. Po odszukaniu kodu z punktu 1, dodaj pod nim taki wpis do headerinclude:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<
script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {

    
jQuery(".catdesc").hide();

    
jQuery(".cattitle").live('mouseover mouseout', function(event) {

        var 
catdesc jQuery(this).parent().children('.catdesc');

        var 
content catdesc.text();

        if (
content !== "") {
            if (
event.type == 'mouseover') {
                
catdesc.fadeIn('slow');
            } else {
                
catdesc.stop(truetrue).fadeOut('slow');
            }
        }

    });

});
</
script

3. Kolejnym krokiem jest edycja szablonu forumbit_depth1_cat. Piszę z punktu widzenia stylu Default, więc u ciebie treść może się nieco różnić.

Znajdź:

<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div

Zamień to na:

<span class="cattitle"><a href="{$forum_url}">{$forum['name']}</a></span>
                     &
nbsp; <span class="catdesc smalltext">{$forum['description']}</span

4. I teraz magia CSS, do global.css dodaj na końcu:

.catdesc {
    
backgroundrgba(0000.5);
    
padding4px;


Dodatkowo jeżeli chcesz okrągły box to dopisz:

border-radius: [ILEŚTAM]px

Gotowe! A oto efekt:

[Obrazek: QUWamfb.gif]
Pomoc poza forum - odpłatnie.
Albo TipTip i opis działu dać w title="" linku do działu.



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

1 gości