Помогите изменить ширину выпадающей части меню!

Discussion in 'Изменение шаблона (кастомизация)' started by AlexRZN, Dec 8, 2014.

  1. Offline

    AlexRZN Недавно здесь

    Joined:
    Dec 8, 2014
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Прошу особо не пинать, я из категории любителей, но Joomly люблю.

    Вот сайт: http://excalibur.zz.mu/

    При выпадении меню (охрана объектов) в списке каждый пункт имеет 2 строки. Из-за длинны текста.

    Хочу изменить ширину выпадающего списка, чтобы каждый из пунктов отображался в одну строку.

    При помощи FireBug нахожу объект, изменяю ширину с 200рх на 400рх, текст отображается в одну строку.

    Но не могу найти где изменить код.

    Помогите, найти файл.

    Скачал сайт на комп. Тотал коммандером нашел все файлы, которые содержат 200рх (50 штук).
    Из них более менее подходит D:\upload\public_html\libraries\expose\interface\less\menu.less
    Но в нем 200рх это горизонтальное меню. Изменил, залил файл, результат ноль.

    Подскажите пожалуйста, если есть решение у моего вопроса ! smiley.gif


    Вот файлы сайта из поиска, но я в них не нашел

    Код (CODE):
    1. d:\upload\public_html\administrator\templates\hathor\css\template.css
    2. d:\upload\public_html\administrator\templates\hathor\less\template.less
    3. d:\upload\public_html\administrator\templates\isis\css\template.css
    4. d:\upload\public_html\administrator\templates\isis\css\template-rtl.css
    5. d:\upload\public_html\administrator\templates\isis\less\template.less
    6. d:\upload\public_html\administrator\templates\isis\less\variables.less
    7. d:\upload\public_html\cache\expose\c144173910f89ebd4e807457d71b3dda.cache
    8. d:\upload\public_html\cache\expose\f6823cbe67aa2c0cf168fcf48cd8945c.cache
    9. d:\upload\public_html\libraries\expose\admin\widgets\expose.css
    10. d:\upload\public_html\libraries\expose\interface\css\joomla.css
    11. d:\upload\public_html\libraries\expose\interface\less\menu.less
    12. d:\upload\public_html\libraries\expose\interface\less\variables.less
    13. d:\upload\public_html\libraries\xef\assets\css\bootstrap.css
    14. d:\upload\public_html\libraries\xef\assets\css\jquery-ui-1.8.16.custom.css
    15. d:\upload\public_html\libraries\xef\assets\less\tooltip.less
    16. d:\upload\public_html\libraries\xef\assets\less\variables.less
    17. d:\upload\public_html\libraries\xef\fields\list.php
    18. d:\upload\public_html\media\editors\tinymce\skins\lightgray\skin.ie7.min.css
    19. d:\upload\public_html\media\editors\tinymce\skins\lightgray\skin.min.css
    20. d:\upload\public_html\media\jui\css\bootstrap.css
    21. d:\upload\public_html\media\jui\css\bootstrap.min.css
    22. d:\upload\public_html\media\jui\css\bootstrap-extended.css
    23. d:\upload\public_html\media\jui\css\bootstrap-responsive.css
    24. d:\upload\public_html\media\jui\css\bootstrap-responsive.min.css
    25. d:\upload\public_html\media\jui\less\bootstrap-extended.less
    26. d:\upload\public_html\media\jui\less\responsive.less
    27. d:\upload\public_html\media\jui\less\responsive-1200px-min.less
    28. d:\upload\public_html\media\jui\less\tooltip.less
    29. d:\upload\public_html\media\jui\less\variables.less
    30. d:\upload\public_html\media\media\css\popup-imagemanager.css
    31. d:\upload\public_html\media\system\css\adminlist.css
    32. d:\upload\public_html\modules\mod_parallaxslider\assets\css\maximus.css
    33. d:\upload\public_html\modules\mod_parallaxslider\assets\less\responsive.less
    34. d:\upload\public_html\modules\mod_xpertslider\assets\js\xslider.js
    35. d:\upload\public_html\plugins\system\helix\css\bootstrap.min.css
    36. d:\upload\public_html\plugins\system\helix\css\bootstrap.min.rtl.css
    37. d:\upload\public_html\plugins\system\helix\css\bootstrap-responsive.min.css
    38. d:\upload\public_html\plugins\system\helix\css\bootstrap-responsive.min.rtl.css
    39. d:\upload\public_html\templates\beez3\css\general.css
    40. d:\upload\public_html\templates\beez3\css\red.css
    41. d:\upload\public_html\templates\beez3\css\turq.css
    42. d:\upload\public_html\templates\beez3\css\turq.less
    43. d:\upload\public_html\templates\protostar\css\template.css
    44. d:\upload\public_html\templates\protostar\less\template.less
    45. d:\upload\public_html\templates\protostar\less\variables.less
    46. d:\upload\public_html\templates\system\css\general.css
    47. d:\upload\public_html\templates\tx_appy\css\responsive.css
    48. d:\upload\public_html\templates\tx_appy\css\template.css
    49. d:\upload\public_html\templates\tx_appy\less\responsive.less
    50. d:\upload\public_html\templates\tx_appy\less\responsive-1200px-min.less


    Шаблон купил в Themexpert, думал там все настраивается легко и просто. Ан нет. Шаблон называется appy.
     
    Last edited by a moderator: Dec 8, 2014
  2.  
  3. Best Answer:
    Post #2 by DKraev, Dec 8, 2014
  4. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    Best Answer
    /templates/tx_appy/css/template.css 778 строка добавить width:400px !important; чтобы получилось так:

    Код (css):
    1. .ex-menu .dropdown .column {
    2. background: none repeat scroll 0 0 #eceef1;
    3. border-radius: 4px;
    4. box-sizing: border-box;
    5. float: left;
    6. width: 400px !important;
    7. }
     
    AlexRZN likes this.
  5. Offline

    AlexRZN Недавно здесь

    Joined:
    Dec 8, 2014
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Огромное спасибо! все работает!

    Попробую понять логику )))
     
  6. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    Там простая логика. Стиль задан не в CSS, а в самом файле, потому что добавляется к элементу про помощи атрибута style="". Либо ширина высчитывается скриптом, либо все-таки задается где-то в админке.

    width: 400px !important; указывает использовать ширину 400 невзирая на то, что прописано в атрибуте style=""
     
  7. Offline

    AlexRZN Недавно здесь

    Joined:
    Dec 8, 2014
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Да, понял. Получается свойством !important можно изменить любой стиль, зашитый в html?
     
  8. DKraev
    Offline

    DKraev <i>(aka gft)</i> => Cпециалист <=

    Joined:
    Aug 16, 2008
    Messages:
    1,627
    Likes Received:
    219
    Gender:
    Male
    Верно, если тому стили самому не применен !important, т.е. если в коде вы видите style="width:300px !important;" - данный способ не сработает.
     
  9. Offline

    AlexRZN Недавно здесь

    Joined:
    Dec 8, 2014
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Большое спасибо!
     
  10. shure348
    Offline

    shure348 Активист

    Joined:
    Aug 21, 2012
    Messages:
    145
    Likes Received:
    27
    Gender:
    Male
    грубо говоря насколько я помню главными считаются
    1. стили прописаные в теге например <img style="..."
    2. потом по значимости идут стили прописаные в шапке (в теле) html например <style>...</style>
    3. потом берутся из CSS
    !important поднимает стиль по значимости на самый верх

    ну и логично что стиль из тега <img style="... !important" перекроет img {.. !important} из цсс:)
     
  11. Offline

    AlexRZN Недавно здесь

    Joined:
    Dec 8, 2014
    Messages:
    5
    Likes Received:
    0
    Gender:
    Male
    Ясно. Свойство !important дает много возможностей в Joomla.

    Теперь буду править свой сайт!

    P.S !!!
    Огромное всем спасибо за помощь! Особенно DKraev! c|||[!]
     
  12. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Дает везде в CSS, но не стоит злоупотреблять им... иначе браузеры сойдут с ума - сначала определить, затем переопределить пару раз...

    Оффтопик (не в тему) - жми сюда!
     

Share This Page

Loading...