- - Warioteayuda

Warioteayuda

Menu Estilo Carpeta

Vista Previa :

¿ Que esto ?

Es un especie de esquema o menu

¿Para que sirve ?

Puedes poner links Y Ya tienes un menu!

Para esto poner este code de anticpicacion :

Tipo 1:

Demo #2:</h3> <p><a href="#" _fcksavedurl="#" id="samplebutton" onclick_fckprotectedatt=" onclick="return false"">Click here</a> to add a New Folder node to the end of the existing tree</p> <ul id="browser" class="filetree treeview">     <li class="collapsable">     <div class="hitarea collapsable-hitarea"> </div>     <span class="folder">Folder 1</span>     <ul>         <li class="last"><span class="file">Item 1.1</span></li>     </ul>     </li>     <li class="collapsable">     <div class="hitarea collapsable-hitarea"> </div>     <span class="folder">Folder 2</span>     <ul>         <li class="collapsable">         <div class="hitarea collapsable-hitarea"> </div>         <span class="folder hover">Subfolder 2.1</span>         <ul id="folder21">             <li><span class="file">File 2.1.1</span></li>             <li class="last"><span class="file">File 2.1.2</span></li>         </ul>         </li>         <li class="last"><span class="file">File 2.2</span></li>     </ul>     </li>     <li class="closed expandable">     <div class="hitarea closed-hitarea expandable-hitarea"> </div>     <span class="folder">Folder 3 (closed at start)</span>     <ul style="display: none;">         <li class="last"><span class="file">File 3.1</span></li>     </ul>     </li>     <li class="last"><span class="file">File 4</span></li>

Tipo2:

<h3>Demo 3:</h3> <div style="display: block;" id="treecontrol"><a title="Collapse the entire tree below" href="#" _fcksavedurl="#"> Collapse All</a> |        <a title="Expand the entire tree below" href="#" _fcksavedurl="#"> Expand All</a> |        <a title="Toggle the tree below, opening closed branches, closing open branches" href="#" _fcksavedurl="#">Toggle All</a></div> <ul id="red" class="treeview-red treeview">     <li class="collapsable">     <div class="hitarea collapsable-hitarea"> </div>     <span>Item 1</span>     <ul style="display: block;">         <li class="expandable">         <div class="hitarea expandable-hitarea"> </div>         <span class="">Item 1.0</span>         <ul style="display: none;">             <li class="last"><span>Item 1.0.0</span></li>         </ul>         </li>         <li><span>Item 1.1</span></li>         <li class="collapsable lastCollapsable">         <div class="hitarea collapsable-hitarea lastCollapsable-hitarea"> </div>         <span class="">Item 1.2</span>         <ul style="display: block;">             <li class="expandable">             <div class="hitarea expandable-hitarea"> </div>             <span class="">Item 1.2.0</span>             <ul style="display: none;">                 <li><span>Item 1.2.0.0</span></li>                 <li><span>Item 1.2.0.1</span></li>                 <li class="last"><span>Item 1.2.0.2</span></li>             </ul>             </li>             <li class="expandable">             <div class="hitarea expandable-hitarea"> </div>             <span class="">Item 1.2.1</span>             <ul style="display: none;">                 <li class="last"><span>Item 1.2.1.0</span></li>             </ul>             </li>             <li class="expandable lastExpandable">             <div class="hitarea expandable-hitarea lastExpandable-hitarea"> </div>             <span class="">Item 1.2.2</span>             <ul style="display: none;">                 <li><span>Item 1.2.2.0</span></li>                 <li><span>Item 1.2.2.1</span></li>                 <li class="last"><span>Item 1.2.2.2</span></li>             </ul>             </li>         </ul>         </li>     </ul>     </li>     <li class="expandable">     <div class="hitarea expandable-hitarea"> </div>     <span>Item 2</span>     <ul style="display: none;">         <li class="expandable">         <div class="hitarea expandable-hitarea"> </div>         <span>Item 2.0</span>         <ul style="display: none;">             <li class="expandable lastExpandable">             <div class="hitarea expandable-hitarea lastExpandable-hitarea"> </div>             <span>Item 2.0.0</span>             <ul style="display: none;">                 <li><span>Item 2.0.0.0</span></li>                 <li class="last"><span>Item 2.0.0.1</span></li>             </ul>             </li>         </ul>         </li>         <li class="expandable lastExpandable">         <div class="hitarea expandable-hitarea lastExpandable-hitarea"> </div>         <span>Item 2.1</span>         <ul style="display: none;">             <li class="expandable">             <div class="hitarea expandable-hitarea"> </div>             <span>Item 2.1.0</span>             <ul style="display: none;">                 <li class="last"><span>Item 2.1.0.0</span></li>             </ul>             </li>             <li class="expandable">             <div class="hitarea expandable-hitarea"> </div>             <span>Item 2.1.1</span>             <ul style="display: none;">                 <li><span>Item 2.1.1.0</span></li>                 <li><span>Item 2.1.1.1</span></li>                 <li class="last"><span>Item 2.1.1.2</span></li>             </ul>             </li>             <li class="expandable lastExpandable">             <div class="hitarea expandable-hitarea lastExpandable-hitarea"> </div>             <span>Item 2.1.2</span>             <ul style="display: none;">                 <li><span>Item 2.1.2.0</span></li>                 <li><span>Item 2.1.2.1</span></li>                 <li class="last"><span>Item 2.1.2.2</span></li>             </ul>             </li>         </ul>         </li>     </ul>     </li>     <li class="expandable lastExpandable">     <div class="hitarea expandable-hitarea lastExpandable-hitarea"> </div>     <span>Item 3</span></li> </ul>

Descripcion: Menu Tipo Carpeta
Tipo de Codigo: Script

En Total ha habido 302859 visitantes¡Aqui en esta página!