Проблема с меню
Проблема с меню
Я вроде научился интегрировать шаблон, но меню по нормальному никак вывести не могу, третий день бъюсь. Подскажите в чем проблема. И еще большая прозьба к сообществй дать советы по юзабилити сайта. Подскажите что исправить.
autoclub-38.ru
autoclub-38.ru
Re: Проблема с меню
По поводу меню опиши проблему сначало!
а по остальному я бы тебе посоветовал сделать ЧПУ:
http://forum.cmsmadesimple.org/index.ph ... 633.0.html (можно взять отсюда информацию)
Сделать вывод заголовок для новостей;
сделать нормальный поиск который внизу расположен
внижнем меню все разбросанно и ведут многие ссылки на поиск в яндексе на поиск славноеморе.ру
сделать нормальную дату новостей
мета теги:
у тебя расположены вообще в теле сайта (после тега body)
Да и код всей страницы как то разбросан))
Это я описал чисто мое мнения - чтобы я сделал был бы это мой сайт!)) строго не судить))))
а по остальному я бы тебе посоветовал сделать ЧПУ:
http://forum.cmsmadesimple.org/index.ph ... 633.0.html (можно взять отсюда информацию)
Сделать вывод заголовок для новостей;
сделать нормальный поиск который внизу расположен
внижнем меню все разбросанно и ведут многие ссылки на поиск в яндексе на поиск славноеморе.ру
сделать нормальную дату новостей
мета теги:
у тебя расположены вообще в теле сайта (после тега body)
Да и код всей страницы как то разбросан))
Это я описал чисто мое мнения - чтобы я сделал был бы это мой сайт!)) строго не судить))))
Re: Проблема с меню
Спасибо за критику, все правильно сказал. Буду дальше учиться. У меня пока с HTML+CSS туго. Вот и код грязный и неправильный получился.
Re: Проблема с меню
d-fm1301, кстати можешь кинуть свой подобный шабик, чтобы я наглядно посмотрел, куда ты теги вставляешь, желательно с комментариями.
Re: Проблема с меню
Code: Select all
<head>
<title>{sitename} - {title}</title>
{metadata}
{stylesheet}
<meta name="description" content="{content block='Описание' oneline='true'}" /> - Таким способом я делаю текстовое поле для описания страницы, которое появится при редактировании страницы выше контента (online='true' - означает что блок контента будет в одну строчку)
<meta name="keywords" content="{content block='Ключевики' oneline='true'}" />- также и ключевиками сделал
</head>
</__body>
<div id="content">
<div id="header">
<div id="head">
<div id="g1"></div>
<div id="vmenu">
{menu template='vmeny'} (меню сайта, шаблон "vmenu")
</div>
<div id="logo"><img src="/img/logo.png" alt="" /></div>
</div>
<div id="head2">
<div id="phone"><span><sup>(843)</sup></span></div>
<div id="portfolio">
<div id="horizontal_carousel">
<div class="previous_button"></div>
<div class="container">
{menu template='portfolio'}
</div>
<div class="next_button"></div>
</div>
{literal}(Литерал означает чтобы код (а именно фигурные скобки{}) внутри него не относится к смарти)
<__script__>
new UI.Carousel{"horizontal_carousel"};
</__script>
{/literal}
</div>
</div>
</div>
<div id="telo">
<div style="display:block;">
<div id="lk">
{menu template='lmenu'}
<br /><br />{global_content name='левая колонка'}(глобальный блок под названием левая колонка - в ней и содержится все содержимое левой колонки)
</div>
<div id="main">
<div id="mainheader"><div class="tit"></div><div class="tt"></div><div class="title">{title}(загаловок страницы - если же загаловок большой я использую вместо такого кода {content block='Краткий загаловок' oneline='true'}</div></div>
<div id="mainfon"><div class="main">{content}<br /></div></div>
<div id="mainfooter"></div>
</div>
<div id="rk">
{global_content name='Правый блок'} (глобальный правый блок )
</div>
</div>
</div>
</div>
<div id="footer"><div id="ft"></div>
<div id="art">Студия <br />Тел.: (843) <br />г.Казань,</div>
<div id="perehod">Быстрые ссылки: {content block='Теги' oneline='true'} (использую как теги страницы и быстрые ссылки для перехода на другие страницы</div>
<div id="baner">{global_content name='Банеры'} (помещаю все свои банеры)</div>
</div>
<__body>
</__html>
Все описания описал возле тегов - строго не судить - не программист тоже учился на этом форуме!!!
Re: Проблема с меню
Просто не вставил сюда! я всегда стараюсь чтобы мои сайты проходили валидацию)))
Re: Проблема с меню
Чего-то меня заклинило...
Вот сделал я шаблон, типа приведённого выше d-fm1301, для страницы, которая состоит из нескольких блоков - например, "шапка", "меню", "колонки", "подвал"... Каждому такому блоку в шаблоне поставил в соответствие блок контента в самой странице. Для каждого сделаны свои таблицы стилей. А вот связать эти куски в единую страницу чего-то не могу, т.е., расположить их нужным образом на странице. Чего для этого надо? Ещё общая таблица стилей?
d-fm1301, если можно, покажите ещё свои CSS (хотя бы основные).
Вот сделал я шаблон, типа приведённого выше d-fm1301, для страницы, которая состоит из нескольких блоков - например, "шапка", "меню", "колонки", "подвал"... Каждому такому блоку в шаблоне поставил в соответствие блок контента в самой странице. Для каждого сделаны свои таблицы стилей. А вот связать эти куски в единую страницу чего-то не могу, т.е., расположить их нужным образом на странице. Чего для этого надо? Ещё общая таблица стилей?
d-fm1301, если можно, покажите ещё свои CSS (хотя бы основные).
Re: Проблема с меню
Чего-то меня заклинило...
Вот сделал я шаблон, типа приведённого выше d-fm1301, для страницы, которая состоит из нескольких блоков - например, "шапка", "меню", "колонки", "подвал"... Каждому такому блоку в шаблоне поставил в соответствие блок контента в самой странице. Для каждого сделаны свои таблицы стилей. А вот связать эти куски в единую страницу чего-то не могу, т.е., расположить их нужным образом на странице. Чего для этого надо? Ещё общая таблица стилей?
d-fm1301, если можно, покажите ещё свои CSS (хотя бы основные).
Я немного не понял что ты имел ввиду. Ты присоединил к шаблону стили?
Вообще для одного шаблона стараюсь использовать один стиль:
Code: Select all
htm, body, table, tr, td, h1, h2, h3, h4, h5, h6, p {
margin: 0px;
padding:0px;
}
html, body, table, tr, td {
font-family:Tahoma, Times New Roman, Arial;
font-size:12px;
text-align: left;
}
body {
background-color: #13585f;
background-image: url(/uploads/img/bg.png);
background-repeat: repeat-x;
}
#content {
width: 1000px;
height: auto;
margin: 0 auto;
}
#line {
width:1000px;
height: 30px;
color: #fff;
}
#menu {
width: 550px;
height: 30px;
font-weight: bold;
float: left;
}
#menu a {color: #fff; text-decoration: none;}
#menu a:hover {color: #fff; text-decoration: underline;}
#menu span {margin-right: 10px;}
#logo {
width: 87px;
height: 30px;
float: left;
margin-left: 50px;
}
#logo img {
border: none;
}
#telefon {
width: 180px;
height: 30px;
font-size: 15px;
float: right;
}
.line {margin-top: 6px;}
#line2 {
width: 1000px;
height: 78px;
}
#line2 ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.lin li {
display: inline;
width: 500px;
height: 78px;
float: left;
text-align: center;
font-size: 20px;
}
#line2 p {width: 500px;height: 15px;}
.link1 {
font-size: 13px;
}
#line2 a {color: #072225; text-decoration: none;}
#line2 a:hover {color: #13585f; text-decoration: none;}
.lin li:hover {background-color: #fff;}
#portfolio {
width: 1000px;
height:350px;
}
.probel {
width: 1000px;
height: 25px;
color: #fff;
font-weight: bold;
}
.container img {border: solid 3px #deff00;}
.container a {color: #fff; text-decoration:none;}
.container a:hover {color: #deff00; text-decoration:none;}
.next_button, .previous_button {margin-top: 120px;}
.previous_button {margin-right: 10px;}
.next_button {margin-left: 10px;}
.container a:hover img {border: solid 3px #fff;}
#main {
color: #fff;
}
#footer {
width: 100%;
height:264px;
background-image: url(/uploads/img/footerbg.png);
background-repeat: repeat-x;
float:left;
}
#footer-content {
width: 1000px;
height: 264px;
margin: 0 auto;
}
#footer-content img {border:none;}
#fr {
width: 1000px;
height: 163px;
}
#footer-main {
width: 1000px;
height: 101px;
}
#fmenu {
width: 600px;
height: 32px;
text-align:left;
background-image: url(/uploads/img/fmenu.png);
background-repeat: no-repeat;
background-color: #deff00;
float: right;
}
#fmenur {
width: 16px;
height:32px;
background-image: url(/uploads/img/fmenur.png);
background-repeat: no-repeat;
float: right;
}
#copy {
width: 1000px;
height: 69px;
float: right;
}
#art {
width: auto;
height: 69px;
color: #fff;
float: left;
}
#baner {
width: 252px;
height: auto;
float: left;
margin-left: 20px;
margin-top: 20px;
}
#baner a {opacity: 0.3;}
#baner a:hover {opacity: 1;}
#baner img {border: none; margin-left: 20px;}
#contact {
width: 200px;
text-align: center;
float: left;
color: #deff00;
font-size: 14px;
margin-top: 20px;
}
#icon {
width: 121px;
height: 28px;
margin-top: 20px;
float: left;
margin-left: 40px;
}
#icon img {
width: 26px;
height: 26px;
margin-right: 5px;
}
#icon a {opacity: 0.3;}
#icon a:hover {opacity: 1;}
#contact a {color: #deff00; text-decoration: underline;}
#contact a:hover {color: #fff; text-decoration:none; padding-top: 6px; font-size: 16px;}
#top_run {
width: 55px;
height: 69px;
float: right;
}
#top_run a {opacity: 0.3;}
#top_run a:hover {opacity: 1;}
#fmenu span {
margin-left: 10px;
}
#fm {
width: 600px;
height: 8px;
}
#fmenu a {color: #072225; text-decoration: none;}
#fmenu a:hover {color: #13585f; text-decoration: none; padding-left: 10px;}
#main ul {padding: 0px; margin: 0px; margin-left: 15px;}
#main li {margin-bottom: 10px;}
#main p {text-indent: 20px;}
.no-margin {
padding: 0px;
margin-top:0px;
margin-bottom:0px;
margin-left: 20px;
}
#lk {
width: 680px;
height: auto;
float: left;
text-align: justify;
}
#rk {
width: 300px;
height: auto;
float: right;
}
.rktitle {
width: 280px;
height: 20px;
padding-left: 20px;
padding-top: 4px;
color: #072225;
background-color: #deff00;
}
.rktext a {color: #fff; text-decoration:none}
.rktext a:hover {color: #fffddf; text-decoration: underline;}
.data {
width: 70px;
height: auto;
padding: 2px;
color: #072225;
text-align: center;
background-color: #deff00;
}
a {color: #deff00; text-decoration: underline;}
a:hover {color: #ffcc00; text-decoration:none;}
#main h1 {
font-size: 20px;
color: #fff;
margin-left: 40px;
text-shadow: -1px -1px white, 1px 1px #072225;
}
h1, h2, h3, h4, h5, h6 {color: #deff00;}
.captcha img {width: 100px; height: 40px; border: solid 1px #434343;}
.captcha {margin-left: 2px; margin-top: 2px;}
.sitemap li {padding: 0px; margin: 0px;}
.sitemap ul {margin: 0px; padding: 0px;}
.sitemap {margin-left: 30px; margin-top: 30px;}
.clients {float: left; margin: 10px;}
-
- Forum Members
- Posts: 76
- Joined: Sat Dec 06, 2008 3:05 pm
Re: Проблема с меню
первая строка ошибкаhtm,
Re: Проблема с меню
Спасибо, посмотрю CSS, может там есть ответ...
Да, стили я, конечно, присоединил, но, видимо, не всё, что нужно. Вопрос был именно в распределении блоков контента (с присоединёнными к ним стилями) на пространстве страницы. Я полагал, что их расположение также задаётся при помощи CSS.
Да, стили я, конечно, присоединил, но, видимо, не всё, что нужно. Вопрос был именно в распределении блоков контента (с присоединёнными к ним стилями) на пространстве страницы. Я полагал, что их расположение также задаётся при помощи CSS.