LiveInternetMail.ru
Форум русской поддержки Joomla!® CMS
28.05.2012, 01:15:07 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 1.7 FAQ Joomla 1.5 FAQ Joomla 1.0 FAQ Правила форума Новости Joomla Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор Тема: разное расстояние между пунктами меню  (Прочитано 2789 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
100lp
Гость
« : 28.05.2009, 11:34:10 »

Добрый день!

Подскажите пожалуйста, каким способом можно настроить разное расстояние пунктов меню друг от друга

к примеру у меня:

ок1 --- ок2 --- ок3 (расстояние настраиваю в классе .a.mainlevel - оно присваивается ко всем пунктам)

а мне надо:

ок1 --- ок2 ----------- ок3

Спасибо!

« Последнее редактирование: 28.05.2009, 11:48:34 от 100lp » Записан
beliyadm
Профи
********

Репутация: +1438/-61
Offline Offline

Пол: Мужской
Сообщений: 8893


Севастополь==Россия


« Ответ #1 : 28.05.2009, 12:19:17 »

в 1.5 для каждого пункта меню (LI) задается уникальный item, вот для него и пляши
Код
li.item15 {padding-top: 30px;}
Записан
100lp
Гость
« Ответ #2 : 30.05.2009, 12:19:07 »

прошу прощения... а где можно про это почитать по-подробней?

пока что нашел только описание тега LI на htmlbook.ru , но там про item не упоминается...

а мне легче всего было бы на примере, как построить и связать между собой параметры и само меню
(в моем случае? сами пункты меня в шаблоне не прописываются, есть только жидок в index.php и параметры в темплейте.css)
Записан
sc@r@bey
Завсегдатай
*****

Репутация: +55/-5
Offline Offline

Пол: Мужской
Сообщений: 515


делай, а потом спрашивай что не получилось!


« Ответ #3 : 30.05.2009, 14:14:03 »

так тебе же код дали, его и используй, посмотри item всех ссылок меню вставляй и правь под свои нужды
Записан
100lp
Гость
« Ответ #4 : 30.05.2009, 19:16:45 »

Цитировать
(в моем случае сами пункты меня в шаблоне не прописываются, есть только жидок в index.php и параметры в темплейте.css)

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


« Последнее редактирование: 30.05.2009, 19:20:58 от 100lp » Записан
100lp
Гость
« Ответ #5 : 30.05.2009, 19:38:33 »

вот как выглядит мой индекс

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.mootools'); ?>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<link href="<?php echo $tmpTools->templateurl();?>/css/template.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css" type="text/css" />



</head>

<body id="bd" class="<?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>">
<a name="Top" id="Top"></a>

<ul class="accessibility">
<li><a href="#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>

<li><a href="#ja-colwrap" title="<?php echo JText::_("Skip to columns");?>"><?php echo JText::_("Skip to columns");?></a></li>
</ul>

<div id="ja-wrapper1">
<div id="ja-wrapper2">
<div id="ja-wrapper3">
<div id="ja-wrapper4" class="clearfix">

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
</div>
</div>
<!-- END: HEADER -->

<div id="ja-containerwrap<?php echo $divid ?>" class="clearfix">
<div id="ja-container">

<!-- BEGIN: CONTENT -->
<div id="ja-content">
<div class="ja-innerpad clearfix">

 <jdoc:include type="component" />

</div>
<div class="user_12">
    <jdoc:include type="modules" name="user3" style="rounded" />
    </div>

<div class="user_all">
 
  <div class="user_1">
    <jdoc:include type="modules" name="user6" style="rounded" />
  </div>
  <div class="user_2">
    <jdoc:include type="modules" name="user7" style="rounded" />
  </div>
   <div class="user_3">
    <jdoc:include type="modules" name="user8" style="rounded" />
  </div>
  <div class="user_4">
    <jdoc:include type="modules" name="user9" style="rounded" />
  </div>
    <div class="user_5">
    <jdoc:include type="modules" name="user10" style="rounded" />
  </div>

</div>  


  <div class="user_11">
    <jdoc:include type="modules" name="user1" style="rounded" />
  </div>
</div>
<!-- END: CONTENT -->

</div>
</div>

</div>
</div>
</div>
</div>


</body>

</html>

из "Исходного текста" я вижу что в template.css за внешний вид ссылок меню, отвечает класс a.mainlevel, а вот куда и как вставлять Li.item15 я и не могу понять...


само меню вставленно в жидок user_12
Записан
100lp
Гость
« Ответ #6 : 02.06.2009, 13:37:38 »

...
Записан
BaR
Осваиваюсь на форуме
***

Репутация: +6/-0
Offline Offline

Пол: Мужской
Сообщений: 112



« Ответ #7 : 02.06.2009, 14:55:08 »

Вы не Index.php смотрите а в хтмл коде самой страницы где размещено Ваше меню, пример кода на сайте
Код:
<ul class="menu">
<li class="item55">
<a href="http://www.mysajt.com/">
</a>
</li>

<li class="item73">
<a href="/www.....l">
</a>
</li>
....
для примера для первого пункта прописываете класс item55, для второго item73, и т.д.
прописывать в template.css так как написал beliyadm
Записан
100lp
Гость
« Ответ #8 : 02.06.2009, 20:04:02 »

спасибо... но я там и смотрел

Цитировать
из "Исходного текста" (я как раз и имел ввиду html) я вижу что в template.css за внешний вид ссылок меню, отвечает класс a.mainlevel, а вот куда и как вставлять Li.item15 я и не могу понять...

но вот как связать то, что я напишу в template.css с тем, что будет отображаться в html коде ?
Записан
beliyadm
Профи
********

Репутация: +1438/-61
Offline Offline

Пол: Мужской
Сообщений: 8893


Севастополь==Россия


« Ответ #9 : 02.06.2009, 21:46:29 »

но вот как связать то, что я напишу в template.css с тем, что будет отображаться в html коде ?
а вы изучите структуру DOM, что получается на выходе и все будет ясно. И поставьте связку mozilla+firebug - 90% вопросов снимутся (знания html+css обязательны)
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Рейтинг@Mail.ru Rambler Top100 Powered by SMF 1.1.16 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet