Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Problem z zwijaną zakładką-ciąg dalszy


Mareczin
Przejdź do rozwiązania Rozwiązane przez BitGit,

Rekomendowane odpowiedzi

Witam otóż na początek najlepiej i prosiłbym o wejście w ten link to forum moje:http://gterp.pl/ i tam na samej górze są zakładki i obok zakładka O tytule More i proszę na nią najechac i moje pytanie czy da się to ściąć chodzi o to że po najechaniu na zakładke more pokazuje sie tresc i obrazki ale są za długie te paski na których są napisy o to kod zakładki more:

 

  <li id="nav_more" data-dropdown>
<a href="#">More <img src="{style_images_url}/_custom/dropdown_arrow.png" alt="" /></a>
<ul>
<li><a href="http://www.twitter.com/username"><img src="{style_images_url}/_custom/icon-social_twitter.png" alt="" />Twitter</a></li>
<li><a href="http://www.facebook.com/goldtruckedition"><img src="{style_images_url}/_custom/icon-social_facebook.png" alt="" />Facebook</a></li>
<li><a href="http://www.youtube.com/page"><img src="{style_images_url}/_custom/icon-social_youtube.png" alt="" />Youtube</a></li>
</ul>
           </li>
                    <li id='nav_other_apps' style='display: none'>
                        <a href='#' class='ipbmenu' id='more_apps'>{$this->lang->words['more_apps']} <img src='{$this->settings['img_url']}/useropts_arrow.png' /></a>
                    </li>
                </ul>
</div> 
</div></div>

Proszę o pomoc.

 

PS.Piszę na nowo bo nie wiem co zrobic.

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

  • Rozwiązanie

Odpowiedź znajduje się w pliku ipb_styles.css. Poszukaj fragmentu odpowiadającego za wygląd tej zakładki: #more_apps lub podobnie. Jak już znajdziesz, to popatrz w submenu container i submenu_container li na wartości width Prawdopodobnie będziesz miał je ustawione na 260 px. (być moze na 200px) Zamień je sobie na np. 50px i sprawdź czy po tym zabiegu szerokość będzie odpowiednia, jeśli nie to dodaj lub odejmij px, aż do zadowalającego Cię skutku. ;)

  • Lubię to 1
Odnośnik do komentarza
Udostępnij na innych stronach

#community_app_menu > li.active > a{ font-weight: bold; }


#more_apps_menucontent, .submenu_container {
background: #323232;
font-size: 12px;
border: 0;
min-width: 140px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-radius: 0 0 4px 4px;
}
#more_apps_menucontent li, .submenu_container li { padding: 0; border: 0; float: none !important; min-width: 150px; }
#more_apps_menucontent a, .submenu_container a { 
display: block;
padding: 8px 10px;
color: #fff;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
}


#more_apps_menucontent a:hover, .submenu_container a:hover { background: #414141; color: #fff; }


#more_apps_menucontent li:last-child a{
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-radius: 0 0 4px 4px;
}

Znalazłem tylko to w tym .css

Odnośnik do komentarza
Udostępnij na innych stronach

A i jeszcze to : 

#community_app_menu .submenu_container { width: 260px; }#community_app_menu .submenu_container li {width: 260px; }


#secondary_navigation{
background: url('{style_images_url}/_custom/bg-wrapper_top.png') repeat-x top left;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
border-radius: 8px 8px 0 0;
padding-top: 1px;
overflow: hidden;
line-height: 37px;
margin: -10px -10px 0px -10px;
clear: both;
}
Odnośnik do komentarza
Udostępnij na innych stronach

[data-dropdown] ul {

background:rgba(0,0,0,0.9);

box-shadow:0 4px 8px rgba(0,0,0,0.8);

-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.8);

-moz-box-shadow:0 4px 8px rgba(0,0,0,0.8);

border-radius:4px 0 4px 4px;

-moz-border-radius:4px 0 4px 4px;

-webkit-border-bottom-left-radius:4px;

-webkit-border-bottom-right-radius:4px;

-webkit-border-top-left-radius:4px;

font-size:1em !important;

width:200px;

position:absolute;

z-index:10000;

margin:0;

padding:2px !important

}

Tutaj masz wymuszone ustawienie tego na 200px; Jeśli nie korzystasz tego w żadnym innym miejscu to zmień to po prostu na 80px.
Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.