Joomla 1.0 изменение размера шрифта в меню

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

  1. Offline

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

    Регистрация:
    14.03.2009
    Сообщения:
    86
    Симпатии:
    0
    Пол:
    Мужской
    Как изменить размер пунктов(шрифтов) в mainmenu, а то просто очень мелкий. Где это надо менять в css или в индексе? Просто что-то не там, не там не нашел слово font size или что-то в этом роде.
    Еще вот, что хотел спросить, я не помещал рядом с подпунктом меню картинку и теперь там прямоугольник с крестиком, как убрать это все полностью. Спасибо.
     
    Последнее редактирование: 21.03.2009
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Alfer,
    1. a.mainmenu{
    font-size:
    }
    2. убрать иконки из пунктов меню (в админке в настройках пунктов меню)
     
    Alfer нравится это.
  4. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    во первых
    надо в шаблоне сайта найти место где твое меню,
    далее это место загоняешь в дивы и в таблице стилей CSS прописываешь все что хочешь (это на тот случай если покупал шаблон и там место не сделали норм) либо смотришь какие там используются дивы ( смотришь описание в таблице стилей) и добавляешь туда свой размер шрифта цвет чего там надо еще. а вообще лучше пробуй на локальном денвере чтоб твои пробы никто не видел...
     
  5. Offline

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

    Регистрация:
    14.03.2009
    Сообщения:
    86
    Симпатии:
    0
    Пол:
    Мужской
    Что-то не получается, пожалуйста если можно, вот кусок кода, что здесь отвечает за меню? Само меню находится в позиции left
    Код (CODE):
    1. }
    2. #left {
    3.    
    4. }
    5. #right {
    6. }
    7. #inset {
    8.     padding-left: 10px;
    9.     padding-right: 10px;
    10. }
    11. table.moduletable {
    12. width:170px;
    13.     font-family: Arial, Helvetica, sans-serif;
    14.     font-size: 10px;
    15.     color: #FFFFFF;
    16.     border:1px solid #FFFFFF;
    17.     background-color:#276FA6;
    18.     vertical-align:top;
    19.     padding-bottom: 10px;
    20. }
    21. #main table.moduletable {
    22. width:100%;
    23.     font-family: Arial, Helvetica, sans-serif;
    24.     font-size: 10px;
    25.     color: #FFFFFF;
    26.     border:1px solid #FFFFFF;
    27.     background-color:#276FA6;
    28.     vertical-align:top;
    29.     padding-bottom: 10px;
    30. }
    31. #inset table.moduletable {
    32. width:100%;
    33.     font-family: Arial, Helvetica, sans-serif;
    34.     font-size: 10px;
    35.     border: 1px solid #276FA6;
    36.     background-color:#B9E5FB;
    37.     vertical-align:top;
    38.     padding-bottom: 10px;
    39. }
    40. #left table.moduletable th {
    41.     background-image: url(../images/mod_header1.gif);
    42.     background-repeat: no-repeat;
    43.     width: 100%;
    44.     height: 30px;
    45.     font-family: Arial, Helvetica, sans-serif;
    46.     font-size: 14px;
    47.     font-weight: bold;
    48.     color: #333333;
    49.     text-align:left;
    50.     padding-top:6px;
    51.     padding-left:30px;
    52. }
    53. #right table.moduletable th {
    54.     background-image: url(../images/mod_header2.gif);
    55.     background-repeat: no-repeat;
    56.     width: 100%;
    57.     height: 30px;
    58.     font-family: Arial, Helvetica, sans-serif;
    59.     font-size: 14px;
    60.     font-weight: bold;
    61.     color: #333333;
    62.     text-align:left;
    63.     padding-top:6px;
    64.     padding-left:30px;
    65. }
    66. #main table.moduletable th {
    67. background-color: #FCAF17;
    68.     width: 100%;
    69.     height: 25px;
    70.     font-family: Arial, Helvetica, sans-serif;
    71.     font-size: 14px;
    72.     font-weight: bold;
    73.     color: #333333;
    74.     padding-top:5px;
    75.     text-align:center;
    76.     border-bottom:1px solid #FFFFFF;
    77.     margin-bottom:5px
    78. }
    79. #inset table.moduletable th {
    80. background-color: #276FA6;
    81.     width: 100%;
    82.     height: 25px;
    83.     font-family: Arial, Helvetica, sans-serif;
    84.     font-size: 14px;
    85.     font-weight: bold;
    86.     color: #FFFFFF;
    87.     padding-top:5px;
    88.     text-align:center;
    89.     border-bottom:1px solid #FFFFFF;
    90.     margin-bottom:5px
    91. }
    92. table.moduletable td {
    93. width:auto;
    94.     font-family: Arial, Helvetica, sans-serif;
    95.     font-size: 12px;
    96.     color: #FFFFFF;
    97.     padding-left: 5px;
    98.     padding-right: 5px;
    99.     line-height: 1.2em;
    100. }
    101. #inset table.moduletable td {
    102. width:auto;
    103.     font-family: Arial, Helvetica, sans-serif;
    104.     font-size: 12px;
    105.     color: #333333;
    106.     padding-left: 5px;
    107.     padding-right: 5px;
    108.     line-height: 1.2em;
    109. }
    110. .moduletable a:link, .moduletable a:visited {
    111. font-family: Arial, Helvetica, sans-serif;
    112. font-size:12px;
    113. color:#FFFFFF;
    114.     text-decoration: underline;
    115. }
    116. #inset .moduletable a:link, #inset .moduletable a:visited {
    117. font-family: Arial, Helvetica, sans-serif;
    118. font-size:12px;
    119. color: #276FA6;
    120.     text-decoration: underline;
    121. }
    122. .moduletable a:hover {
    123. font-family: Arial, Helvetica, sans-serif;
    124. font-size:12px;
    125. color: #FFFF33;
    126.     text-decoration: underline;
    127. }
    128. #inset .moduletable a:hover {
    129. font-family: Arial, Helvetica, sans-serif;
    130. font-size:12px;
    131. color: #FCAF17;
    132.     text-decoration: underline;
    133. }
    134. #basdepage {
    135.     background-image: url(../images/footer_bg.gif);
    136.     background-repeat:repeat-x;
    137.     height:21px;
    138.     color: #FFFFFF;
    139.     line-height:21px;
    140.     padding: 0;
    141.     text-align:center;
    142.     font-size:10px;
    143. }
    144. #basdepage a, #basdepage a:link, #basdepage a:visited {
    145.     color: #333333;
    146.     text-decoration: none;
    147. }
    148. #basdepage a:hover {
    149.     color: #FFFFFF;
    150.     text-decoration: underline;
    151. }
    152. .button {
    153.     color: #FFFFFF;
    154.     font-weight:bold;
    155.     text-align:center;
    156.     width:auto;
    157.     border: thin outset #DA9786;
    158.     background-color: #B82E00;
    159.     margin:1px;
    160.     font-size:10px;
    161. }
    162.  /* Je ne suis pas sur que ce soit utilisй. Je n’ai pas trouvй d’exemple concernant ce style. */
    163. .pagetext {
    164.     visibility: hidden;
    165.     display: none;
    166.     position: relative;
    167.     top: 0;
    168. }
    169. .contentpane{
    170.     padding: 0px 10px 10px 10px;
    171. }
    172. .contentpaneopen{
    173.     padding: 0px 10px 10px 10px;
    174. }
    175. .contentheading, .componentheading {
    176. background-image: url(../images/content_heading.gif);
    177. background-repeat:no-repeat;
    178. padding-left:35px;
    179.     font-family: Arial, Helvetica, sans-serif;
    180.     font-size: 24px;
    181.     font-weight: bold;
    182.     color: #22629A;
    183.     text-align: left;
    184. }
    185. .createdate, .modifydate  {
    186.     font-family: Arial, Helvetica, sans-serif;
    187.     font-size: 10px;
    188.     color: #6DA3CA;
    189.     font-weight: bold;
    190. }
    191. .readon {
    192.     background-image: url(../images/readon.gif);
    193.     background-repeat: no-repeat;
    194.     color: #276FA6;
    195.     padding-left:15px;
    196.     padding-top:0px;
    197.     font-weight: bold;
    198.     font-size: 12px;
    199.     height: 20px;
    200.     line-height: 1.2em;
    201.     margin-top:2px
    202. }
    203. .readon a, .readon a:link, .readon a:visited, .readon a:hover {
    204.     color: #276FA6;
    205.     text-decoration: underline;
    206. }
    207. .mainlevel, .sublevel {
    208.     background-image: url(../images/menu_arrow.gif);
    209.     background-repeat: no-repeat;
    210.     padding-left: 12px;
    211. }
    212. a.mainlevel, a.mainlevel:link, a.mainlevel:visited {
    213.     color: #FFFFFF
    214.     }
    215. a.mainlevel:hover {
    216.     color: #D2F1FF;
    217. }
    218. a.sublevel, a.sublevel:link, a.sublevel:visited {
    219.     color: #FFFFFF;
    220.     }
    221. a.sublevel:hover {
    222.     color: #D2F1FF;
    223. }
    224. .ontab {
    225.     border: thin outset #53C2EC;
    226.     background-color:#00A5E3;
    227.     text-align: center;
    228.     cursor: pointer;
    229.     font-weight: bold;
    230.     color: #FFFFFF;
     
  6. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    Из шаблона кода кусок выложи которые это место описывает
     
  7. Offline

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

    Регистрация:
    14.03.2009
    Сообщения:
    86
    Симпатии:
    0
    Пол:
    Мужской
    Я правильно понял, код который в body вот
    Код (CODE):
    1. <body>
    2.   <table width="100%" celppadding="0" cellspacing="0">
    3.     <tr valign="middle">
    4.       <td width="350" class="namesite" nowrap><? echo $mosConfig_sitename; ?></td>
    5.       <td width="100%" class="top"><div style="height:30">
    6.   </div>
    7. </form>
    8. </div><div><? mosLoadComponent( "banners" ); ?></div></td>
    9. </tr></table>
    10. <div id="pathway"><? include "pathway.php"; ?></div>
    11. <table>
    12.   <tr valign="top">
    13.     <td width="200" id="left">
    14.     <div><? if (mosCountModules( "left" )) { mosLoadModules ('left'); } ?></div>
    15.       <div><? if (mosCountModules( "user1" )) { mosLoadModules ('user1'); } ?></div>
    16. </td>
    17.     <td width="100%" id="main">
    18.     <div><? if (mosCountModules( "top" )) { mosLoadModules ('top'); } ?></div>
    19.     <div><? include ("mainbody.php"); ?></div>
    20.     <div id="inset"><? if (mosCountModules( "inset" )) { mosLoadModules ('inset'); } ?></div>
    21.     <div><? if (mosCountModules("bottom")) { mosLoadModules ('bottom'); } ?></div>
    22. </td>
    23. <td width="200" id="right">
    24.     <div style="width:170px"><? if (mosCountModules( "right" )) { mosLoadModules ('right'); } ?></div>
    25.     <div><? if (mosCountModules( "user2" )) { mosLoadModules ('user2'); } ?></div>
    26. </td>
    27. </tr>
    28. </table>
    29. <div id="basdepage"> <a href="" target="_blank"></a>
    30.  </div>
    31. </body>
     
  8. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Alfer,
    Код (CODE):
    1. .mainlevel, .sublevel {
    2.     background-image: url(../images/menu_arrow.gif);
    3.     background-repeat: no-repeat;
    4.     padding-left: 12px;
    5. [B]font-size: пишем_тутpx;[/B]
    6. }
     
  9. Offline

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

    Регистрация:
    14.03.2009
    Сообщения:
    86
    Симпатии:
    0
    Пол:
    Мужской
    когда меняю, размер в pathway меняется, а меню остается по-старому :(
     
    Последнее редактирование: 22.03.2009
  10. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    Код (CODE):
    1. <div id"left-menu"><div><? if (mosCountModules( "left" )) { mosLoadModules ('left'); } ?></div></div>

    это в твоем index.php,
    далее в template.css
    Вставляй в любом месте
    Код (CODE):
    1. #left-menu {
    2. font-family: Arial, Helvetica, sans-serif;/*здесь твой шрифт*/     
    3. font-size: 10px; /*размер шрифта*/ 
    4. color: #FFFFFF; /*цвет шрифта*/  
    5. border:0px solid #FFFFFF; /*бордюр*/ 
    6. background-color:#276FA6; /*цвет фона*/
    7. vertical-align:top;/*позиционирование относительно чего если меню то лучше когда так*/  
    8. }
     
  11. Offline

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

    Регистрация:
    14.03.2009
    Сообщения:
    86
    Симпатии:
    0
    Пол:
    Мужской
    Gronpipmaster, :( не выходит. Появляется второе такое же меню, а шрифт не меняется. Менял размеры от 10 до 50px - бесполезно. Ну что же там такое то,в этом шаблоне?:(:(
     
    Последнее редактирование: 23.03.2009
  12. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    короче есть простой способ ;), убирай то что я просил вставить, далее льешь этот архив распаковываешь его там компонент и модуль ставишь их, далее убираешь с публикации свое меню, этот модуль публикуешь, далее заходишь в компоненты lxmenu и в нем правишь отступы фон, шрифт, цвет шрифта, размер.
    ЗЫ когда установишь компонент не забудь вставить код который он выдаст в <head> </head> своего шаблона. и все должно заработать ;) кстати удобное меню даже пыподающие можно сделать.
     
    Alfer нравится это.
  13. Offline

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

    Регистрация:
    14.03.2009
    Сообщения:
    86
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо, буду пробывать:) Про плюсики помню ;)
     
  14. Offline

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

    Регистрация:
    16.02.2007
    Сообщения:
    61
    Симпатии:
    0
    Пол:
    Мужской
    По ссылке архив не удалось залить...Прошу перезалить.
    С такой же проблемкой капаюсь, как у автора темы...
     
  15. Offline

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

    Регистрация:
    14.03.2009
    Сообщения:
    86
    Симпатии:
    0
    Пол:
    Мужской
    Тоже что-то не скачивается, в прошлый раз не стал, т.к. с сотки сидел, теперь не получается. Если можно, Gronpipmaster, перезалей пожалуйста.
     
  16. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    lxmenu115.rar
    Эта норм? я попробовал сливаеться
     
    Последнее редактирование: 24.03.2009
  17. Offline

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

    Регистрация:
    14.03.2009
    Сообщения:
    86
    Симпатии:
    0
    Пол:
    Мужской
    Гран мерси, скачал!
     
  18. Offline

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

    Регистрация:
    14.03.2009
    Сообщения:
    86
    Симпатии:
    0
    Пол:
    Мужской
    А если надо вернуть в прежнее состояние, как нужно сделать, просто удалить компонент или что - то еще?
     
  19. Offline

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

    Регистрация:
    30.03.2009
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    "=" в первой цитате после "id" забыл :[
     
  20. Gronpipmaster
    Offline

    Gronpipmaster специалист

    Регистрация:
    21.01.2009
    Сообщения:
    1 392
    Симпатии:
    62
    Пол:
    Мужской
    BUDU_KRATOK, ага бывает когда спешишь
     

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

Загрузка...