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

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем AlexRZN, 08.12.2014.

  1. Offline

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

    Регистрация:
    08.12.2014
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Прошу особо не пинать, я из категории любителей, но 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.
     
    Последнее редактирование модератором: 08.12.2014
  2.  
  3. Лучший ответ:
    Сообщение #2 от 08.12.2014, автор DKraev
  4. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    Лучший ответ
    /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 нравится это.
  5. Offline

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

    Регистрация:
    08.12.2014
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Огромное спасибо! все работает!

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

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    Там простая логика. Стиль задан не в CSS, а в самом файле, потому что добавляется к элементу про помощи атрибута style="". Либо ширина высчитывается скриптом, либо все-таки задается где-то в админке.

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

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

    Регистрация:
    08.12.2014
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Да, понял. Получается свойством !important можно изменить любой стиль, зашитый в html?
     
  8. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    Верно, если тому стили самому не применен !important, т.е. если в коде вы видите style="width:300px !important;" - данный способ не сработает.
     
  9. Offline

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

    Регистрация:
    08.12.2014
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Большое спасибо!
     
  10. shure348
    Offline

    shure348 Активист

    Регистрация:
    21.08.2012
    Сообщения:
    145
    Симпатии:
    27
    Пол:
    Мужской
    грубо говоря насколько я помню главными считаются
    1. стили прописаные в теге например <img style="..."
    2. потом по значимости идут стили прописаные в шапке (в теле) html например <style>...</style>
    3. потом берутся из CSS
    !important поднимает стиль по значимости на самый верх

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

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

    Регистрация:
    08.12.2014
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Ясно. Свойство !important дает много возможностей в Joomla.

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

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

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 356
    Симпатии:
    370
    Пол:
    Мужской
    Дает везде в CSS, но не стоит злоупотреблять им... иначе браузеры сойдут с ума - сначала определить, затем переопределить пару раз...

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

Поделиться этой страницей

Загрузка...