22 апреля 2008 в 23:22
С помощью модулей jQuery UI Tabs и jstools-6.x-1.0 хочу сделать вот такие табы на странице . Проблема в том, что между табами остаются маркеры - кружочки ul.
Здесь есть решение, но на английском и несколько.
Вроде как надо изменить /modules/node/node.css, но что именно?
Познания мои в drupal и css небольшие, надеюсь на вашу подсказку.
Создаю story и прямо в body вставляю
<html>
<head>
<link rel="stylesheet" href="ui.tabs.css" type="text/css" media="print, projection, screen">
<script>
$(document).ready(function(){
$('#example > ul').tabs({ fx: { opacity: 'toggle' } });
});
</script>
</head>
<body>
<div id="example">
<ul>
<li><a href="#fragment-1"><span>Один</span></a></li>
<li><a href="#fragment-2"><span>Два</span></a></li>
<li><a href="#fragment-3"><span>Три</span></a></li>
</ul>
<div id="fragment-1">
<p>Об этом</p>
</div>
<div id="fragment-2">
<p>О том</p>
</div>
<div id="fragment-3">
<p>О сем</p>
</div>
</div>
</body>
</html>
<head>
<link rel="stylesheet" href="ui.tabs.css" type="text/css" media="print, projection, screen">
<script>
$(document).ready(function(){
$('#example > ul').tabs({ fx: { opacity: 'toggle' } });
});
</script>
</head>
<body>
<div id="example">
<ul>
<li><a href="#fragment-1"><span>Один</span></a></li>
<li><a href="#fragment-2"><span>Два</span></a></li>
<li><a href="#fragment-3"><span>Три</span></a></li>
</ul>
<div id="fragment-1">
<p>Об этом</p>
</div>
<div id="fragment-2">
<p>О том</p>
</div>
<div id="fragment-3">
<p>О сем</p>
</div>
</div>
</body>
</html>
Работает, если только в href пишу абсолютный путь до ui.tabs.css
Комментарии
нужно присвоить класс тегу UL например storytabs
<ul class="storytabs">
#
<li><a href="#fragment-1"><span>Один</span></a></li>
#
<li><a href="#fragment-2"><span>Два</span></a></li>
#
<li><a href="#fragment-3"><span>Три</span></a></li>
#
</ul>
в CSS вашей темы(style.css)