Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.
Seiten: 1
#1 26. April 2011 14:00
- Hmelk
- probiert CMS/ms aus
- Registriert: 07. April 2011
- Beiträge: 84
Von Horizontaler zu vertikaler Navigationsleiste
Hallo.
Ich benutze das Template Arty.
(http://www.google.com/url?sa=t&source=w … 8Q&cad=rja)
Dort ist die Nav-Leiste oben.
Wenn ich jetzt zu viele Nav-Punkte eintrage, dann wird die Zeile doppelzeilig und im Firefox zerschieße es das Design.
Weiß wer wie ich da die Nav-Leiste links einsetzen kann?
Gruß
Hmelk
Offline
#2 26. April 2011 14:39
- mike-r
- arbeitet mit CMS/ms
- Registriert: 21. Dezember 2010
- Beiträge: 898
- Webseite
Re: Von Horizontaler zu vertikaler Navigationsleiste
Die Suche in den Themes ist gruslig, aber bisschen Recherche hättste schon noch investieren können, oder? Was soll man mit der XML-Datei?
Arty
Die Navigation bekommst Du in die Sidebar, indem Du im Theme einfach an entsprechender Stelle eine vertikale Navigation einfügst.
Ich gehe allerdings davon aus, dass Du bei Deiner Struktur etwas geschludert hast, wenn Du da mehr als 5 Punkte brauchst. Kann man das mal sehen?
Unablässige Tools für's Webdevelopement/ Fehlerfindung: CSS Validierungsservice, Bildschirmlineal, Firebug, Tidy, Deutsche CSS-Referenz
Offline
#3 26. April 2011 15:11
- Cherry
- arbeitet mit CMS/ms
- Registriert: 15. Dezember 2010
- Beiträge: 529
Re: Von Horizontaler zu vertikaler Navigationsleiste
1. Schritt: bestehende Navi entfernen: im Div mit der class="nav" den Menutag entfernen.
2. Schritt: in der Sitebar noch so einen Contentblock einbauen und nen Menutag einbauen.
Das template könnte dann so aussehen:
{process_pagedata}
<!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" dir="ltr" lang="en-US" xml:lang="en">
<head>
{if isset($canonical)}<link rel="canonical" href="{$canonical}" />{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />{/if}
<title>{sitename} - {title}</title>
{metadata}
{stylesheet}
{literal}
<script type="text/javascript" src="/uploads/Arty/script.js"></script>
<!--[if IE 6]><link rel="stylesheet" href="/uploads/Arty/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/uploads/Arty/style.ie7.css" type="text/css" media="screen" /><![endif]-->
{/literal}y
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages *}
</head>
<div class="PageBackgroundSimpleGradient">
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<div class="Header">
<div class="Header-png"></div>
<div class="Header-jpeg"></div>
<div class="logo">
<h1 id="name-text" class="logo-name"><a href="#">{sitename}</a></h1>
<div id="slogan-text" class="logo-text">Form follows function </div>
</div>
</div>
<div class="nav">
<div class="l">
</div>
<div class="r">
<div>
</div>
</div>
</div>
<div class="contentLayout">
<div class="sidebar1">
{* ab hier neu *}
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>
<div class="Block-bc"><div></div></div>
<div class="Block-cl"><div></div></div>
<div class="Block-cr"><div></div></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
Menu
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<div>
{menu}
</div>
</div>
</div>
</div>
</div>
{* bis hier neu *}
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>
<div class="Block-bc"><div></div></div>
<div class="Block-cl"><div></div></div>
<div class="Block-cr"><div></div></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
Search
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<div>
{search searchtext=""}
</div>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>
<div class="Block-bc"><div></div></div>
<div class="Block-cl"><div></div></div>
<div class="Block-cr"><div></div></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
Latest News
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<div>
{news number='1'}
</div>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>
<div class="Block-bc"><div></div></div>
<div class="Block-cl"><div></div></div>
<div class="Block-cr"><div></div></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
Contact Info
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<div>
<img src="/uploads/Arty/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" />
<br />
<b>Company Co.</b><br />
Las Vegas, NV 12345<br />
Email: <a href="mailto:info@company.com">info@company.com</a><br />
<br/>
Phone: (123) 456-7890 <br/>
Fax: (123) 456-7890
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr"><div></div></div>
<div class="Post-bl"><div></div></div>
<div class="Post-br"><div></div></div>
<div class="Post-tc"><div></div></div>
<div class="Post-bc"><div></div></div>
<div class="Post-cl"><div></div></div>
<div class="Post-cr"><div></div></div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<h2 class="PostHeaderIcon-wrapper"> <span
class="PostHeader">{title}</span> </h2>
<div class="PostContent"> <br />
{content}
</div>
<div class="cleared"></div>
</div>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="Footer">
<div class="Footer-inner">
<div class="Footer-text">
<p><a href="#">Contact Us</a> | <a href="#">Terms
of Use</a> | <a href="#">Trademarks</a> | <a
href="#">Privacy Statement</a><br />
Copyright © 2009 ---. All Rights Reserved.</p>
</div>
</div>
<div class="Footer-background"></div>
</div>
</div>
</div>
<div class="cleared"></div>
<p class="page-footer">small footer text</p>
</div>
</body>
</html>Das verwendet dann das Standard Menütemplate.
Offline
Seiten: 1