зделал простенький шаблончик! теперь столкнулся с проблемой вывода меню!! 1.-я проблема это выбрал картинку в которой хочу чтоб выводилися модули и само меню, подскажыте как зделать что б картинка ростягивалась по высоте а не начиналась заново (скрин прикрепляю) 2.-я проблему немогу зделать что б выводилось само меню (его пункты) на шаблоне.. Сразу прикрепляю скрин! Файл: index.php Код (PHP): <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/sem/css/template.css" type="text/css" /> <?php if($this->countModules('left or right') == 1) $contentwidth = "80"; if($this->countModules('right') == 0) $contentwidth = "100"; ?> <link id="JTKLocalCss" href="../test2/css/template.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="hd"></div> <div id="top_container"> <div id="left"></div> <div id="menu"> <p>sdsfdsfdf</p> <p>sdsfdsfdf</p> <p>sdsfdsfdf</p> <p>sdsfdsfdf</p> </div> <div id="contans"></div> <div id="right"></div> </div> <div id="footer"></div> </div> </body> </html> Файл : template.css Код (CODE): @charset "utf-8"; body { background-image:url(../images/body.png); float: none; width: auto; } #container { margin: auto; width: 766px; } #top_container { width: 766px; float: left; background-image:url(../images/background.png); } #hd { background-image:url(../images/logo.png); float: left; height: 210px; width: 766px; } #left { background-image:url(../images/background-1.png); float: left; height: 370px; width: 75px; } #menu { background-image:url(../images/menu.png); float: left; width: 170px; font-size: 12px; padding-top: 0px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; margin: auto; height: auto; } #contans { background-image:url(../images/contens.png); float: left; width: 450px; } #right { background-image:url(../images/background-2.png); width: 36px; height: 370px; } #footer { background-image:url(../images/footar.png); float:left; height:92px; width:766px; } .module_menu h3 { font-size:12px; color:#3CC; width:205px; height:45; padding-left:20px; padding-top:15px; }
А вы позиции для модулей прописывали в шаблоне ? Посмотрите какие позиции в шаблоне есть и пробуйте туда выводить смое меню .
Почему меню не выводилось я розобрался...вставил джумла итеги компонета меню!!! Теперь осталась проблема с картинкой...хотелось бы что б картинка меню ростягивалась на нужное количество понктов меню!! Помогите советом как это осуществить!!
В swmenufree такое можно сделать . Можно еще поместить картинку в отдельный див и задать ей 100% высоту .
я там робывал...там получается что картинка присвоюется каждому пункту меню и розделяются...я хочу что б была 1 полная картинка и в ней без роздиления были пункты меню..а картинка просто ростянулась!
Можно как-то так попробовать . <div id="menu"><img src="fon_menu.jpg" width="100px" height="100%"></div>
Вот нашол блог построеный на том шаблоне вордпрес с которого я хочу взять исходники для создания меню!! http://xolm.pp.ru/test_xolmoblog/?theme=Aspire
Возможно ли такое осуществить в джумле??? есть все исходники этого шаблона..как я понимаю для меня главно там картинки...так как синтаксис с индекс пхп и цсс не подойдут с вордпрес?
Частично решил поставленую задачу! сейчас получилось так : ПХП - код Код (PHP): <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/sem/css/template.css" type="text/css" /> <link href="css/template.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"></div> <div id="content"> <div id="background_l"></div> <div id="module"> <div id="sidebar_hd">Менюшка</div> <div id="sidebar_line"></div> <div id="sidebar_body"> <li><a href="#">Прихожая</a></li> <li><a href="#">LineageII</a></li> <li><a href="#">Футбол</a></li> </div> <div id="sidebat_ftr"></div><jdoc:include type="modules" name="user1" style="xhtml" /> </div> <div id="main_content"><jdoc:include type="component" /></div> <div id="background_r"></div> </div> <div id="footer"></div> </div> </body> </html> ЦСС -код Код (CODE): @charset "utf-8"; body {background-image: url(../images/body.png);} #container { width:766px; margin:auto; } #header { background-image:url(../../sem/images/logo.png); width:766px; height:210px; margin:auto; } #content { background-image:url(../../sem/images/background.png); width:766px; margin:auto; float: left; } #background_l { background-image:url(../../sem/images/background-1.png); width:75px; height:370px; float: left; } #module { width:205px; float:left; } #main_content { width:450px; float:left; } #background_r { background-image:url(../../sem/images/background-2.png); width:36px; height:370px; float:right; } #footer { background-image:url(../../sem/images/footar.png); width:766px; height:92px; margin:auto; float: left; } #sidebar_hd { background-image:url(../../sem/images/sidebar_hd.png); width:140px; height: 25px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 18px; font-style: italic; font-weight: bolder; margin: auto; text-align: center; padding-top: 10px; color: #000; } #sidebar_line { background-image:url(../../sem/images/sidebar_line.png); width:140px; height:17px; margin: auto; } #sidebar_body { background-image:url(../../sem/images/sidebar_body.png); width:120px; font-size: 14px; font-weight: bolder; font-style: italic; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: left; margin: auto; padding-left: 20px; } #sidebat_ftr { background-image:url(../../sem/images/sidebar_ftr.png); width:140px; height:28px; margin:auto; } Теперь проблема в том что б пункты меню стали активными и переходили на нужную страницу!! как их привязать?? пробывал в файле индекс не писать меню а впихнуть стандартное джумловское меню в эту картинку, получалось не очень...хочется что б самому в индекс.пхп прописать нужные пункты меню и привязать их сайту! к примеру пункт "прихожая" чтоб выводил на главную страницу...пункт "Линейдж 2" переходил на раздел линейдж 2!! подскажыте пожалуста!
Создай стандартное меню без отображения заголовка и с неопубликованными пунктами. из них скопируй ссылку и вставь в код.
спасибо всьо вышло! теперь столкнулся с новой прпоблемой!! создал ниже модуль входа на сайт! настройки взял с встроеного модуля авторизации..но при вводе логина и пароля и нажатии вход на сайт выкидает на чистую страницу с ошибкой "Invalid Token" если вывожу стандартную форму входа...то входит норм"!!
Встроеный не совсем подходит, его неполучалось впихнуть в нужную форму! Решил проблему установкой другого модуля авторизации и внедрением в форму! Спасибо кто ответы и советы! продолжаю творить! думаю ещо побеспокою вас
