Проблема с меню при адаптации шаблона

4 Posts

emirrr75 Reply #1, 14 years, 3 months ago

Подскажите начинающему, нашел шаблон, поменял пути правильно вроде.
В результате получилось следующее:
в head:

<head>

	<base href="[(site_url)]" />
	<meta charset="utf-8">
	<title>Zero Sum HTML  |  Homepage</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Device Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS Files -->
	<link rel="stylesheet" href="assets/templates/new/css/style.css">
	<link rel="stylesheet" href="assets/templates/new/css/layout.css">
	<link rel="stylesheet" href="assets/templates/new/css/colorbox.css">
	<link rel="stylesheet" href="assets/templates/new/css/superfish.css">
	<link rel="stylesheet" href="assets/templates/new/css/devices.css">
	<!--<link rel="stylesheet" href="assets/templates/new/css/fontsmooth.css">-->
	
	<!--[if lt IE 9]>
		<link rel="stylesheet" href="assets/templates/new/css/ie.css">
	<![endif]-->
	
	<!-- Stylesheets for different coloured themes -->
	<link rel="stylesheet" type="text/css" href="assets/templates/new/css/theme_blue.css" title="theme_blue" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="assets/templates/new/css/theme_red.css" title="theme_red" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="assets/templates/new/css/theme_green.css" title="theme_green" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="assets/templates/new/css/theme_yellow.css" title="theme_yellow" media="screen" />
	<link rel="alternate stylesheet" type="text/css" href="assets/templates/new/css/theme_grey.css" title="theme_grey" media="screen" />
	
	<!-- Javascript Files -->
	<script src="assets/templates/new/js/jquery-1.7.1.min.js"></script>
	<script src="assets/templates/new/js/jquery.cycle.all.js"></script>
	<script src="assets/templates/new/js/jquery.easing.1.3.js"></script>
	<script src="assets/templates/new/js/jquery.colorbox.js"></script>
	<script src="assets/templates/new/js/jquery.tweet.js"></script>
	<script src="assets/templates/new/js/jflickrfeed.js"></script>
	<script src="assets/templates/new/js/superfish.js"></script>
	<script src="assets/templates/new/js/styleswitcher.js"></script>
	<script src="assets/templates/new/js/custom.js"></script>
	
	<!-- Initiate the Homepage Slider -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('#homepage-slider').cycle({
				fx: 'fade',
				speed: 1000,
				sync: 1,
				slideResize: true,
				containerResize: false,
				width: '100%',
				fit: 1,
				next:   '#next-slide', 
				prev:   '#prev-slide' 
			});
		});
	</script>
	
	<!--[if lt IE 9]>
		<script src="assets/templates/new/js/html5.js"></script>
	<![endif]-->

	<!-- Favicons -->
	<link rel="shortcut icon" href="assets/templates/new/images/favicons/favicon.ico">
	<link rel="apple-touch-icon" href="assets/templates/new/images/favicons/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="assets/templates/new/images/favicons/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="assets/templates/new/images/favicons/apple-touch-icon-114x114.png">

<link rel="stylesheet" href="http://modx.com/assets/components/discuss/themes/modx/css/index.css" type="text/css" />
<link rel="stylesheet" href="http://modx.com/assets/components/discuss/themes/modx/css/jquery-ui-1.8.16.custom.css" type="text/css" />
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/discuss.js"></script>
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/sh/shCore.js"></script>
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/sh/shAutoloader.js"></script>
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/sh/shDiscuss.js"></script>
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/dis.sticky.js"></script>
<script type="text/javascript">// <![CDATA[
DIS.url = "/";DIS.shJsUrl = "http://modx.com/assets/components/discuss/themes/modx/js/sh/";DIS.config.connector = "http://modx.com/assets/components/discuss/connector.php"
// ]]></script>
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/dis.post.modify.js"></script>
<script type="text/javascript" src="http://modx.com/assets/components/discuss/themes/modx/js/dis.post.buttons.js"></script>
</head>

в header:

<header>
			<div class="container">
				<div class="two columns">
					<a href="assets/templates/new/index.html">
						<img src="assets/templates/new/images/main/logo.png" alt="" />
					</a>
				</div>
			
				<!-- Navigation START -->
				<div class="ten columns">
					<nav>
						<ul class="sf-menu">
						[!Wayfinder? &startId=`0`!]	
						</ul>
					</nav>
				</div>
				<!-- Navigation END -->
				
			</div>
		</header>

Чанки не доконца дописаны , но на этом этапе меню должно уже работать, что я сделал неправильно?
В шаблоне получился код:

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
{{head}}
<body>
		{{header}}
		<!-- Home Page Slider START -->
		<section id="slider-container">
			<div class="container twelve columns">
			
				<ul id="homepage-slider">
				
					<!-- Slides START -->
					<li>
						<hgroup>
							<h1>We produce quality websites</h1>
							<h2>Zero Sum has been modified for viewing on different size browsers such as Mobile Phones.</h2>
						</hgroup>
						<img src="assets/templates/new/images/slider/slide01.png" alt="" />
					</li>
	
					<li>
						<hgroup>
							<h1>Helping your business grow...</h1>
							<h2>I am so happy, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents.</h2>
						</hgroup>
						<img src="assets/templates/new/images/slider/slide02.png" alt="" />
					</li>
						
					<li>
						<hgroup>
							<h1>Twitter & Flickr Feeds</h1>
							<h2>I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.</h2>
						</hgroup>
						<img src="assets/templates/new/images/slider/slide03.png" alt="" />
					</li>
						
					<li>
						<hgroup>
							<h1>PSD Files Included</h1>
							<h2>A small river named Duden flows by their place and supplies it with the necessary regelialia.</h2>
						</hgroup>
						<img src="assets/templates/new/images/slider/slide04.png" alt="" />
					</li>
					<!-- Slides END -->
						
				</ul>
				
			</div>
		</section>
		<!-- Home Page Slider END -->
		
		<div class="container twelve columns">
			<a id="prev-slide" href="assets/templates/new/#"></a>
			<a id="next-slide" href="assets/templates/new/#"></a>
		</div>
		
		<!-- Main Content START -->
		<section id="main">
			<div class="container">
			
				<div class="twelve columns">
					<h1 class="special"><span>A brief Introduction</span></h1>
				</div>
				<div class="seven columns">
					<p><strong>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born
					and I will give you a complete account of the system,</strong> and expound the actual teachings of the great explorer
					of the truth, the master-builder of human happiness.</p>
					<p>No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know
					how to pursue pleasure rationally encounter consequences that are extremely painful. To take a trivial example, 
					which of us ever undertakes laborious physical exercise, except to obtain some advantage from it?</p>
					
					<a class="button blue arrow centered margin-right20" href="assets/templates/new/#"><span>Read More</span></a>
					<a class="button red arrow centered" href="assets/templates/new/#"><span>View Portfolio</span></a>
					
				</div>
				<div class="five columns">
					<img src="assets/templates/new/images/photos/home-intro.png" alt="" />
				</div>
				
				<div class="twelve columns">
					<h1 class="special centered"><span>What do we do?</span></h1>
				</div>
				<div class="row centered">
					<div class="two columns">
						<img src="assets/templates/new/images/icons/large-01.png" alt="" />
					</div>
					<div class="four columns">
						<h2 class="blue">Expert Designers</h2>
						<p>Sed ut perspiciatis omnis iste natus error sit voluptatem accusantium doloremque laudantium,
						totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
					</div>
					<div class="two columns">
						<img src="assets/templates/new/images/icons/large-02.png" alt="" />
					</div>
					<div class="four columns">
						<h2 class="green">Unbeatable Prices</h2>
						<p>Sed ut perspiciatis omnis iste natus error sit voluptatem accusantium doloremque laudantium,
						totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
					</div>
				</div>
				<div class="row centered">
					<div class="two columns">
						<img src="assets/templates/new/images/icons/large-03.png" alt="" />
					</div>
					<div class="four columns">
						<h2 class="yellow">Quick Turnaround</h2>
						<p>Sed ut perspiciatis omnis iste natus error sit voluptatem accusantium doloremque laudantium,
						totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
					</div>
					<div class="two columns">
						<img src="assets/templates/new/images/icons/large-04.png" alt="" />
					</div>
					<div class="four columns">
						<h2 class="red">24 Hour Support</h2>
						<p>Sed ut perspiciatis omnis iste natus error sit voluptatem accusantium doloremque laudantium,
						totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
					</div>
				</div>
			</div>
		</section>
		<!-- Main Content END -->
		
		<!-- Testimonial Slider START -->
		<div class="container">
			<section class="testimonials">

				<div class="testimonials-inner">
					<ul id="testimonial-slider">
				
						<li>
							<blockquote>"We enjoyed working with this company. So much so, that we would highly recommend them to everyone. Lorem Ipsum!"</blockquote>
							<p>- Johnathon J. Smith, <a href="assets/templates/new/#">www.johnswebsite.com</a></p>
						</li>
							
						<li>
							<blockquote>"The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli."</blockquote>
							<p>- Joseph Bloggs, <a href="assets/templates/new/#">www.joeswebsite.com</a></p>
						</li>
						
						<li>
							<blockquote>"Conscience is just the voices of the dead trying to save us from our own damnation."</blockquote>
							<p>- Fox Mulder, <strong>The X-Files Inc.</strong></p>
						</li>
							
					</ul>
				</div>
			
			</section>
		</div>
		<!-- Testimonial Slider END -->
		
		<div class="container twelve columns">
			<a id="prev-test" href="assets/templates/new/#"></a>
			<a id="next-test" href="assets/templates/new/#"></a>
		</div>
		
		<!-- Footer START -->
		<div id="footer-top"></div>
		<footer class="centered">
			<div class="container">
		
				
					<div class="four columns divider-right">
						<h1>About Us</h1>
						<p><strong>One morning,</strong> when Gregor Samsa woke from troubled dreams, he found himself 
						transformed in his bed into a horrible vermin. Stay connected!</p>
						<a href="assets/templates/new/#"><img class="icon" src="assets/templates/new/images/icons/rss.png" alt="" /></a>
						<a href="assets/templates/new/#"><img class="icon" src="assets/templates/new/images/icons/facebook.png" alt="" /></a>
						<a href="assets/templates/new/#"><img class="icon" src="assets/templates/new/images/icons/twitter.png" alt="" /></a>
						<a href="assets/templates/new/#"><img class="icon" src="assets/templates/new/images/icons/digg.png" alt="" /></a>
						<a href="assets/templates/new/#"><img class="icon" src="assets/templates/new/images/icons/youtube.png" alt="" /></a>
					</div>
					
				
					<div class="five columns divider-right">
						<h1>Latest from Twitter</h1>
						<div class="tweet"></div>
					</div>
					
				
					<div class="three columns">
						<h1>Flickr Photos</h1>
						<ul id="flickr"></ul>
					</div>
				
				
			</div>
		</footer>
		<div id="footer-bottom"></div>
		<!-- Footer END -->
		
		<!-- Logo and Copyright START -->
		<section id="bottom">
			<div class="container centered">
			
				<div class="five columns">
					<a href="assets/templates/new/index.html">
						<img src="assets/templates/new/images/main/logo-footer.png" alt="" />
					</a>
					<p>©2012 All Rights Reserved</p>
				</div>
				
				<div class="seven columns">
					<ul>
						<li><a href="assets/templates/new/index.html">Home</a></li>
						<li><a href="assets/templates/new/services.html">Services</a></li>
						<li><a href="assets/templates/new/portfolio01.html">Portfolio</a></li>
						<li><a href="assets/templates/new/blog.html">Blog</a></li>
						<li><a href="assets/templates/new/contact.html">Contact</a></li>
					</ul>
				</div>
				
			</div>
		</section>
		<!-- Logo and Copyright END -->
		
<script type="text/javascript">
        var DISModifyPost = $(function() {
            DIS.config.attachments_max_per_post = 5;
            DIS.DISModifyPost.init({
                attachments: 1
            });
        });</script>
</body>
</html>

Если кому конечный вид нужен, то здесь http://poisk22.ru
а должно быть так http://themeforest.net/item/zero-sum-html-responsive-template/full_screen_preview/2084968
Если нужно, могу логин и пасс скинуть от сайта.....

928 Posts

kp52 Reply #2, 14 years, 3 months ago

На указанной странице первый тэг <ul> не имеет класса <ul class="sf-menu">. Вы уверены, что в чанке так? Кэш очистили?
:) KP

4 Posts

emirrr75 Reply #3, 14 years, 3 months ago

Вроде бы указан...

                        <ul class="sf-menu">
                        [!Wayfinder? &startId=`0`!]
                        </ul>

кеш чистил и в браузере ctrl+f5 f5 и в modx....самое интересное одноуровневое меню работает на некоторых шаблонах, если пытаюсь с выпадающим меню сделать., все ...стопор...уже неделю ковыряюсь....сил нет..

☆ A M B ☆
428 Posts

Artdevue Reply #4, 14 years, 3 months ago

Вроде бы указан...

Подсказка вторая

Вам @kp52 написал - в чанке

Valentin Rasulov - Industrial design (Hobbies - Web Development)
Development not standard projects on CMF MODx Revolution.
Small sample of extensions

4 Posts

emirrr75 Reply #5, 14 years, 3 months ago

Ткните меня носом, не вижу где ....
содержимое чанка:

		<!-- Page Header START -->
		<header>
			<div class="container">
				<div class="two columns">
					<a href="assets/templates/new/index.html">
						<img src="assets/templates/new/images/main/logo.png" alt="" />
					</a>
				</div>
			
				<!-- Navigation START -->
				<div class="ten columns">
					<nav>
						<ul class="sf-menu">
						[!Wayfinder? &startId=`0`!]
						</ul>
					</nav>
				</div>
				<!-- Navigation END -->
				
			</div>
		</header>
		<div id="header-bottom"></div>
		<!-- Page Header END -->

класс указан...

<ul class="sf-menu">

4 Posts

emirrr75 Reply #6, 14 years, 3 months ago

Уже новый шаблон натянул, тоже самое....
отрывок чанка :

  <!-- Begin Header -->
  <div id="header">
    <div class="logo">
      <a href="assets/templates/site/index.html"><img src="assets/templates/site/style/images/logo.png" alt="" /></a>
    </div>
    
    <!-- Begin Menu -->
    <div class="menu">
      <ul class="sf-menu">
        <li><a href="assets/templates/site/index.html">Home</a>
          <ul>
            <li><a href="assets/templates/site/index.html">Slider I</a></li>
            <li><a href="assets/templates/site/index2.html">Slider II</a></li>
            <li><a href="assets/templates/site/index3.html">Slider III</a></li>
          </ul>
        </li>
        <li><a href="assets/templates/site/blog.html">Blog</a>
          <ul>
            <li><a href="assets/templates/site/post.html">Post</a></li>
          </ul>
        </li>
        <li><a href="assets/templates/site/gallery.html">Gallery</a></li>
        <li><a href="assets/templates/site/typography.html">Typography</a></li>
        <li><a href="assets/templates/site/columns.html">Columns</a></li>
        <li><a href="assets/templates/site/contact.html">Contact</a></li>
      </ul>
    </div>
    <div class="clear"></div>
    <!-- End Menu -->  
    
  </div>
  <!-- End Header -->

поменял на это:

  <!-- Begin Header -->
  <div id="header">
    <div class="logo">
      <a href="assets/templates/site/index.html"><img src="assets/templates/site/style/images/logo.png" alt="" /></a>
    </div>
    
    <!-- Begin Menu -->
    <div class="menu">
      <ul class="sf-menu">
       [!Wayfinder? &startId=`0`!]
      </ul>
    </div>
    <div class="clear"></div>
    <!-- End Menu -->  
    
  </div>
  <!-- End Header -->

Меню имеет несколько вложений, все равно корректно не отображается......