MUIOMUIO.NET

О установите DomTabs

Тенденция в blogs что она приехала с новой конструкцией Problogger domtabs.
Платы DOM ими будет система навигации позволяет для того чтобы представить содержание в соответствии с разделом мы предназначаем и ОН назад большое преимущество, котор нужно позволить для того чтобы включить больше содержания в страницы использующ космос был перед многодельным для другого содержания.

Правильно я имею половинный вариант manhosa DomTabs здесь в MUIOMUIO, я могу увидеть в sidebar часть которая говорит «Начало и фаворит исследования«, покрывайте Javascript поддержки потребителя или таким образом не активирует его будет всегда по возможности для того чтобы показать содержание все. Во время консультационное одного они идут увидеть что domtabs позволяют влиянию эти же но в конце я имею примечание, котор нужно добавить может доработать все.

Консультационное одно что оно последовано за будет direccionado для потребителей WordPress но шагами, котор нужно последовать за для других платформ основно такими же одними с очевидными изменениями в Кодем что если оно относит к выставке содержание.

О установите domtabs в 5 шаги

1. Во первых вы должны сделать download сценария. В этом обязательно моменте вариант 3.1415927.
2. Теперь вы должны установить filing-cabinet domtab.js в таком же directoria твоего тема.
3. Закодируйте HTML domtab имеет правильные классы:

   tabClass: «domtab», тип // которому он устанавливает в движение систему навигации для плат
listClass: «domtabs», тип // меню
activeClass: «он активирует», тип // течения соединения
contentElements: «div», // узнал элементы для процедуры, котор я продолжаюсь что они позволяют для того чтобы отделить платы
backToLinks: /#top/, стандарт // который позволяет для проверки если потребитель хочет come back к верхней части (меню) плат
printID: «domtabprintview», atribuida идентификации // к соединению для того чтобы напечатать все
showAllLinkText: «покажите все содержание», текст // для соединения к печати все

   Использование этих стручков плат через CSS приспособить domtabs к вашему плану. В download disponibilizo конца filing-cabinets где filing-cabinet CSS с основное одним заключен для того чтобы редактировать domtabs. Более поздно будет вопросом, котор нужно испытать.

4. Теперь, в wordpress, оно редактирует filing-cabinet header.php e между бирками <головным>< /head> оно устанавливает following Кодего:
   <текст type= сценария «/Javascript» src= «<? bloginfo php («template_directory»); >/domtab.js «>< /script>

   <соедините текст» type= ««stylesheet rel=/css» href= «<? bloginfo php («template_directory»); >«» экрана «media= /domtab.css/>


   Ambos os ficheiros estão disponíveis para download no final do artigo.

5. Agora edita o ficheiro onde queres colocar as domtabs, provavelmente será sidebar.php mas há quem as coloque noutro local. Insere o seguinte código:

   <div class="domtab">
<ul class="domtabs">
<li><a href="#t1">Tab 1</a></li>
<li><a href="#t2">Tab 2</a></li>
<li><a href="#t3">Tab 3</a></li>
</ul>
<div>
<a name="t1" id="t1"></a>
<p>Primeira TAB: Aqui inseres o conteúdo da tab</p>
</div>
<div>
<a name="t2" id="t2"></a>
<p>Segunda TAB: Aqui inseres o conteúdo da tab</p>
</div>
<div>
<a name="t3" id="t3"></a>
<p>Terceira TAB: Aqui inseres o conteúdo da tab</p>
</div>
</div>


   Agora guarda o ficheiro e testa. Caso queiras adicionar uma nova tab basta copiares o texto a partir dos DIVs, por exemplo:

   Adicionar uma quarta tab

   <div>
<a name="t4" id="t4"></a>
<p>Tab 4: Aqui inseres o conteúdo da tab</p>
</div>


E pronto agora deverás ter as domtabs a funcionar correctamente.

Nota:
Caso as tuas domtabs não funcionem correctamente, seja qual for o motivo, coloca o conteúdo delas dentro de um ficheiro á parte como tab1.php e depois usa a função include para incluires esse ficheiro onde queres.

Quero incluir uma nuvem de tags usando uma função dada pelo Wordpress ou um Plugin:

1. Crio o ficheiro tab1.php e dentro dele incluo a tag: wp_tag_cloud();
2. Agora na tab coloco o código para chamar esse ficheiro

   <div>
<a name="t1" id="t1"></a>
<?php include(’tab1.php’); ?gt;
</div>


   Agora testa e já deve correr tudo correctamente :cool:

Link úteis:
Domtabs - http://www.onlinetools.org/tools/domtabdata/
Ficheiros do tutorial + tutorial: http://www.box.net/shared/abzaqv9k48
Alternativas ao domtabs: idTabs / jQuery Tabs 3

Tags: domtabs, idtabs, jquery tabs, tabs3

2 Comments

Comments RSS TrackBack Identifier URI