Noraad
-
Posts
52 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Noraad
-
Спасибо большое, но.. Либо я чего-то не понимаю, либо вы меня не так поняли.. У меня ведь уже есть меню, оформленное CSS кодом. Я спрашивал, как прописать PHP в html коде, чтобы подключить меню.. Проще говоря, мне не нужно, чтобы Joomla создавала меню..оно уже есть, нужно просто его подключить..
-
Вот я больше про модуль для начала хотел узнать, нельзя ли где-то подробно почитать об этом?
-
Объясните пожалуйста, если я сделал меню с css стилями, то как в jooml'e его подключить? <div id="nav"> <ul > <li><a href="#">Главная</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Тесты</a></li> <li><a href="#">О методике</a></li> <li><a href="#">Филиалы</a></li> <li><a href="#">Отзывы</a></li> <li><a href="#">Отправить ссылку на участие</a></li> </ul> </div>
-
Я разобрался. Как оказалось, по не известной причине перестал работать путь вида /image/kartinka.jpg , а заработало с ../image/kartinka.jpg, объясните, почему?
-
Здравствуйте, подскажите в чем может быть проблемма. Собственно сверстал простенький макет сайта, с CSS стилями. Использовал некоторые картинки (логотипы, фон и т.д.). Собственно при запуске html файла в браузере все работает на ура. Далее решил создать шаблон для Jooml'ы..Переделал все как нужно. Собственно все работает, но почему-то не отображаются картинки. Тоесть сайт получается голый. Css работает, все как нужно, но ни фона, ни лого нету. Может это распространенная проблемма? Ниже код index.php <?php defined( '_JEXEC' ) or die( 'Direct Access to this location is not allowed.' ); $app = JFactory::getApplication(); ?> <?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?> <!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/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/style.css" type="text/css" /> </head> <body> <div id="all"> <div id="nav"> <ul > <li><a href="#">Главная</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Тесты</a></li> <li><a href="#">О методике</a></li> <li><a href="#">Филиалы</a></li> <li><a href="#">Отзывы</a></li> <li><a href="#">Отправить ссылку на участие</a></li> </ul> </div> <div id="log"> <div id="text1">психологическая коррекция</div> <div id="text2">избыточного веса</div> </div> <!--Лого--> <div id="decor_line"> <div id="orange_l"></div> <div id="green_l"></div> </div> <!--Линия оранж_зелен--> <div id="content"> <div id="right"> </div> <div id="center"> </div> <div class="clear"></div> </div> </div> <!--Конец All--> </div> </div> <footer id="f1"> Noraad. Все права защищены. </footer> </body> </html>
-
Нет, не только при масштабировании, просто увеличил, чтобы было лучше видно) Размеры указаны в процентах, т.е. вполне могут быть дробными. Опера округляет дробные размеры. А правый блок еще и зафлоачен вправо, поэтому недостающие "округленные" пиксели остаются между блоками. Не лучше ли задавать белый фон для одного блока-обертки (у вас это content, наверное), чем для всех дочерних блоков? Точно) так и сделаю, спасибо большое)) Кстати, а правильно-ли для каждого такого вот собрания блоков, делать обертку? или нужно все блоки вместе помещать? и верхние и нижние, и правый и центральный и т.д? или всетаки группировать в обертки?
-
Не.. вот отрывок: #content{ position:relative; display:block; width: 840px; height: 500px; } #right { float: right; position: relative; display: block; width: 28%; background-color: #ffffff; height: 100%; } #center { position:relative; display: block; width: 72%; background-color: #ffffff; height: 100%; Обо блока лежат в блоке Контент..
-
Подскажите, как решить данную проблемму. Блоки в опере почему-то отображаются с промежутком в 1px, причем в других браузерах все нормально, суть в том что должно быть два блока, правый и центральный, но промежутка быть не должно. Скриншот ниже. Спасибо В CSS ничего такого вроде нету..
-
Вот это все, тоесть все что после боди... <div id="header"> </div> <div id="main_menu"> <ul> </ul> </div> <div id="middle"> <div id="left_panel"> <div id="left_panel_content"> </div> </div> <div id="user_menu"> <div id="user_menu_content"> </div> </div> <div id="content_index"> <div id="list_list"> </div> </div> </div> <div id="footer"> <div id="footer_cont"> <div id="copyr"> © 2012 SomeSite </div> </div> </div> ..Положите в еще один Div, потом этот див отностильно боди отпозиционируйте и все будет хорошо) P.S. Тоесть у вас все составные будут позиционироваться относительно фиксированого нового Дива, а не относительно боди, как было раньше. Это самое легкое, что приходит на ум. В противном случае, "без обертки" придется прописывать очень много решений, для всех возможных вариантов разрешений.
-
Подскажите, как реализовать резиновый фон? Есть нижняя и верхняя картинка. Нижняя статична, тоесть по идее не должа растягиваться, а верхняя это уже резиновая картинка, типа полоски которая тянется вниз и вправо. P.S. Создал два дива с классами - верхний и нижний BG, положил все содержимое макета в див с классом верхний BG (top-bg), и туда-же положил див с нижним BG(bottom-bg), задал для двух этих дивов две разные картинки как background, для нижнего дива установил значение - bottom. Браузер вообще не реагирует, не пойму в чем дело. .top-bg { background: url(/image/top.jpg) repeat-x; } .bottom-bg { background: url(/image/bottom.jpg) repeat-x bottom; Если я вообще не в ту степь полез, подскажите, как лучше это реализовать...
-
Прям в точку) Спасибо)
-
Еще вчера нуткнулся на сервис, где по определенным параметрам создается каркас для сайта. Тоесть там выставляется, две колонки, три, с хэдером, футером и т.д. А потом выдается html и css файл, где Div'ы расположены как нужно. Истории нет, найти не могу.
-
А как прозрачные части рисунка потом ручную делаешь? А если прозрачность дизайнером была в фотошопе сделана, для какого-то слоя, то нужно просто в PNG сохранять этот элемент. Jpeg не поддерживает прозрачность..
-
Здравствуйте, пытаюсь создать макет для будущего шаблона. Макет простой. 1) Фон у Боди будет картинкой 2) основной Div по центру страницы, с фикс. шириной 875 пикс. (тоесть растягивается только боди) 3) две колонки, справа опросы и прочая ерунда, слева статьи, тоесть основное содержимое 4) в самом верху где хеадер только горизонтальное меню будет распологаться, ниже него либо див либо что-то еще с логотипом. В общем-то не получается скомпоновать блоки, как нужно. Проще говоря нужно подправить мой макет, чтобы блоки разных цветов были расположены как здесь www.grstsiya.ru вот мой код HTML <!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]--> </head> <body> <div id="wrapper"> <div id="header"> <strong>Header:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tortor. Praesent dictum, libero ut tempus dictum, neque eros elementum mauris, quis mollis arcu velit ac diam. Etiam neque. Quisque nec turpis. Aliquam arcu nulla, dictum et, lacinia a, mollis in, ante. Sed eu felis in elit tempor venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut ultricies porttitor purus. Proin non tellus at ligula fringilla tristique. Fusce vehicula quam. Curabitur vel tortor vitae pede imperdiet ultrices. Sed tortor. </div><!-- #header--> <div id="middle" style: color="white"> <div id="container"> <div id="content"> <strong>Content:</strong> Sed placerat accumsan ligula. Aliquam felis magna, congue quis, tempus eu, aliquam vitae, ante. Cras neque justo, ultrices at, rhoncus a, facilisis eget, nisl. Quisque vitae pede. Nam et augue. Sed a elit. Ut vel massa. Suspendisse nibh pede, ultrices vitae, ultrices nec, mollis non, nibh. In sit amet pede quis leo vulputate hendrerit. Cras laoreet leo et justo auctor condimentum. Integer id enim. Suspendisse egestas, dui ac egestas mollis, libero orci hendrerit lacus, et malesuada lorem neque ac libero. Morbi tempor pulvinar pede. Donec vel elit. </div><!-- #content--> </div><!-- #container--> <div class="sidebar" id="sideRight"> <strong>Right Sidebar:</strong> Integer velit. Vestibulum nisi nunc, accumsan ut, vehicula sit amet, porta a, mi. Nam nisl tellus, placerat eget, posuere eget, egestas eget, dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In elementum urna a eros. Integer iaculis. Maecenas vel elit. </div><!-- .sidebar#sideRight --> </div><!-- #middle--> </div><!-- #wrapper --> </body> </html> CSS * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { position: absolute; /* Абсолютное позиционирование */ width: 876px; /* Ширина слоя в пикселах */ height: 76%; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -438px; /* Отступ слева */ margin-top: -20%; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 5px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } /* Header —————————————————————————--*/ #header { height: 200px; background: #FFE680; } /* Middle —————————————————————————--*/ #middle { width: 100%; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { padding-right: 27% width: 650px; float: left; overflow: hidden; background-color: red } #content { padding: 5px 5px 5px 5px; } /* Sidebar Right —————————————————————————--*/ #sideRight { float: left; height: 100% margin-right: -3px; width: 250px; margin-left: -250px; position: relative; background: #FFACAA; } Если кому не лень, поправьте как нужно, только пожалуйста в CSS укажите в коментах что правлено и почему. Большое спасибо.
-
Сразу оговорюсь, что я не эксперт) Однако заметил, что есть в ксс некоторые моменты, которые и так по умолчанию выставленны. Например - background: white; - вроде и без этого свойства белый должен быть. Скажите, а просто картинкой с ссылкой вас не устраивает? По каким причинам? Для оптимизации необходимо, чтобы был текст? Это мне лично для себя
-
Спасибо. А если бы я хотел обратиться к конкретному улу, или к ли? Нужно идентификатор давать им?
-
Разбираюсь в создании меню. Разъясните пожалуйста, или дайте ссылку, где можно почитать про такой момент: Есть HTMl код: <div id="menunav"> <ul> <li><a href="#">раздел №1</a></li> <li><a href="#">раздел №2</a></li> <li><a href="#">раздел №3</a></li> <li><a href="#">раздел №4</a></li> </ul> </div> А вот CSS: div#menunav { width: 100%; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; font-size: 11px; background-color: #b3b3b3; padding: 0 0 0 30px; } div#menunav ul { margin: 0px; padding: 0px; } div#menunav li { float: left; background-color: #ffebc6; } Так вот три вопроса: 1) символ '#' означает обращение к диву с айди menunav? 2) div#menunav ul означает обращение к элементу 'ul' (тоесть ко всему блоку ул) дива с айди menunav? 3) div#menunav li а это означает обращение чисто к самому списку?
-
фразу Можно попробывать в .htacces добавить - redirect 301 /bla-bla.html http://www.site.ru/price/bla-bla.html, только может быть нужно будет создать пустую страничку http://www.site.ru/bla-bla.html
-
Вы вроде как к классу не обращаетесь.
-
Подскажите пожалуйста, перед созданием файла index.php, как я понимаю, нужно мысленно разделить свой PSD на области? Левая колонка, правая, футер, шапка, меню..А потом уже исходя их этого наращивать на них так сказать Код? Или я как-то не так понял? И где можно подробно почитать о написании index.php? Вообще интересует, как в него подгружаются все страницы их меню..Контакты например и т.д..
-
В частности интересует подробное описание, куда деваются все страницы, тоесть как в индекс пхп умещаются все пункты меню.. (прошу прощения за столь грубое представление). Проще говоря, при обычной верстке создается страница для каждого пункта меню..А при создании шаблона все умещается в индекс пхп..Вот об этом и хотелось почитать.
-
Добрый день! Столкнулся с проблеммой. Где можно доступно и поэтапно почитать про верстку под движек, в частности Joomla!? Нашел много материала, но всегда и везде резкие переходы. Вообще интересует где наиболее точно описан процесс верстки шаблона простого сайта визитки под Joomla!
-
Спасибо) а скайпа у Вас нету? До ООП мне как до Воронежа)
-
Доброго времени дня! Ищу человека, к которому можно было-бы обратиться за разъснением пары моментов, касательно веб-строительства. Очень много противоречий вижу на форумах, поэтому и хотел пойти по пути наименьшего сопротивления ввиде консультации у одного человека. Если кто-то может помочь, отпишите пожалуйста.
-
Почитал тему, и в первом-же ответе было о том, что можно сделать контент подгружающийся в основной div, не подскажете, где об этом можно почитать?