WhiteN

Edycja CSS widgetu m2m

Polecane posty

WhiteN    1

Witam

Potrzebuje pomocy przy edycji multi-widgetu z programu partnerskiego m2m, tak by wkomponował się on w moją stronę. Nie znam się kompletnie na CSS, trochę pogrzebałem to zamiast zmienic tylko widget to zmieniło mi się css strony :P Byłbym wdzięczny gdyby ktoś mi pomógł albo przybliżył mniej więcej jak edytować.

 

Kod wygląda tak:
 

Spoiler



<div class="dm_widget_wrapper tlo" id="dm_widget_target">
        <ul class="dm_widget_tabs clearfix" data-tabgroup="first-tab-group">
            <li><a href="#tab_m_7_3"  class="active" title="Porównywarka kredytów gotówkowych">Kredyt gotówkowy</a></li>
            <li><a href="#tab_m_16_5" title="Porównywarka pożyczek hipotecznych">Kredyt hipoteczny</a></li>
            <li><a href="#tab_m_109_11" title="Porównywarka kredytów konsolidacyjnych">Kredyt konsolidacyjny</a></li>
            <li><a href="#tab_m_110_12" title="Porównywarka pożyczek pozabankowych">Pożyczki pozabankowe</a></li>
        </ul>
    <section id="first-tab-group" class="dm_widget_tabgroup">
        <div id="tab_m_7_3" class="dm_widget_tab" data-loaded="0">
            <script>var idDistributor = 69034; distributor_comparision_widget("tab_m_7_3", idDistributor, 7).render();</script>
       </div>
        <div id="tab_m_16_5" class="dm_widget_tab" data-loaded="0">
            <script>var idDistributor = 69034; distributor_comparision_widget("tab_m_16_5", idDistributor, 16).render();</script>
       </div>
        <div id="tab_m_109_11" class="dm_widget_tab" data-loaded="0">
            <script>var idDistributor = 69034; distributor_comparision_widget("tab_m_109_11", idDistributor, 109).render();</script>
       </div>
        <div id="tab_m_110_12" class="dm_widget_tab" data-loaded="0">
            <script>var idDistributor = 69034; distributor_comparision_widget("tab_m_110_12", idDistributor, 110).render();</script>
       </div>
    </section>
</div>


 

 

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Sagitario    13

Cały wigdet masz zamknięty w kontenerze o ID dm_widget_target

Teraz całą edycję odwołujesz do tego ID w pliku css używając # np.

#dm_widget_target{background:#333;display: inline-block;}
#dm_widget_target ul li a{color:#fff}
#dm_widget_target section{}
#dm_widget_target .dm_widget_tab{}

 

 

 

 
  • Like 1

Profesjonalne narzędzia do wtryskiwaczy oraz kosmetyki do włosów i paznokci Hurtownia kosmetyczna

http://www.polskie-navi.pl

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
WhiteN    1
14 godzin temu, Sagitario napisał:

Cały wigdet masz zamknięty w kontenerze o ID dm_widget_target

Teraz całą edycję odwołujesz do tego ID w pliku css używając # np.


#dm_widget_target{background:#333;display: inline-block;}
#dm_widget_target ul li a{color:#fff}
#dm_widget_target section{}
#dm_widget_target .dm_widget_tab{}

Dzięki za pomoc, zmieniłem menu ale reszty nie mam pojęcia jak zmienić :/

 

 

 

 

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Sagitario    13
Cytat

#dm_widget_target .listing {background: #ffc000;border: 1px solid #d3a20c;}
#dm_widget_target .noUi-background {background: #3e3e4a;}
#dm_widget_target .noUi-handle {border: 4px solid #656567;background: #3e3e4a;}
#dm_widget_target .btn-ruby {background-color: #000;}
#dm_widget_target .custom__checkbox__input:checked + #dm_widget_target .custom__checkbox__label:before {color: #000;}

 

  • Like 1

Profesjonalne narzędzia do wtryskiwaczy oraz kosmetyki do włosów i paznokci Hurtownia kosmetyczna

http://www.polskie-navi.pl

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
MaxPan    5483
Cytat

Temat do archiwum.

Dwaj to my będziemy decydować gdzie i co dawać :D. Temat zostanie tam gdzie jest, bo odpowiedzi mogą być pomocne również innym użytkownikom.

  • Like 1
  • Haha 1

cev99yrg.jpg

 

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony


  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.