http://www.mykrok.com/ My krok ru http://www.mykrok.com/i/lastoblog.png http://www.mykrok.com/ http://www.mykrok.com/post_1217771613.html <br> <p><strong>Дизайн, меню, контент, всё скопом и по порядку.</strong> Напоминаю, что всё прежде и ниже сказанное, основано на материалах <a href=http://nanocms.name/>nanoCMS</a> и я исхожу из тог, что вы ознакомились с описанием сайта.</p> <br> <p>Про контейнер <span id=green>div id="gordi"</span>, говорили в «<a href=http://www.mykrok.com/post_1215363428.html>Рисуем сайт, три</a>», далее идёт контейнер <span id=green>div id="main"</span>.</p> <br> <p>В этом контейнере находится наша писанина и менюшки. Контейнер <span id=green>div class="header"</span> пуст, но он есть, и это необходимость. Не вдаваясь в подробности, можно сказать, что контейнер <span id=green>div class="header"</span> резервирует место под вывод шапки(header) сайта.</p> <br> <p>Контейнер <span id=green>div id="content"</span> определяет, в основном, позицию и обтекание соседних элементов нашего контента. В контейнер встроена переменная <span id=darkorchid>$content</span>, которая и выводит информацию в тело сайта.</p> <br> <p>Подробнее: делаем копию файла <span id=green>index.php</span>, который находится в <span id=green>data\content\</span>, переименуем его в <span id=green>ddd.php</span>, открываем в редакторе новосотворённый файл, берём любой понравившийся текст, копируем и вставляем его вместо того, что было между EOF. Набираем в броузере <span id=green>http://test1.ru/ddd.htm</span> и наблюдаем страницу.</p> <br> <p>Дальнейшая, боевая раскраска страницы, это дело полёта вашей фантазии и базы знаний.</p> <br> <p>Так же хочу отметить переменную <span id=darkorchid>$add</span>, которая выводит из одноимённого контейнера, а контейнер в файле <span id=green>_add.php</span>, содержимое. Ежели вставить в текст страницы <span id=darkorchid>$add</span>, мы получим соответственно вывод, в данном случае, контейнера под рекламный блок 160х600.</p> <br> <p>Таким образом из файла <span id=green>_add.php</span> можно выводить всё что угодно и куда угодно. Сделаем так, вставьте данный код в <span id=green>_add.php</span> не нарушая того, что там уже есть:</p> <p><strong>$beatles=&lt;&lt;&lt;EOF</strong></p> <p><strong>&lt;div class=thebeatles&gt;</strong></p> <p><strong>&lt;img src=../i/thebeatles.jpg alt=thebeatles &gt;</strong></p> <p><strong>&lt;/div&gt;</strong></p> <p><strong>EOF;</strong></p><img class=left src=./i/p/thebeatles.jpg alt=thebeatles /> <p>и сохраните эту картинку в папке <span id=green>i</span>.</p> <br> <p>Теперь поставив переменную <span id=darkorchid>$beatles</span>, в нужное место, у нас будет выводится картинка. Как она будет выводится, расскажите броузеру сами с помощью <span id=green>class=thebeatles</span>.</p> <br> <p>Далее идут меню, в контейнерах <span id=green>div class="left"</span> и <span id=green>class="right"</span>, соответственно. Меню выводится переменными <span id=darkorchid>$leftmenu</span> и <span id=darkorchid>$rightmenu</span>, так же соответственно. Никаких причуд и хитростей здесь нет, всё расположено в файле <span id=green>_menu.php</span>. А вот со стилями разбирайтесь сами, благо текста по этому поводу написано много.</p> <br> <p>Следует отметить, что меню можно расположить в <span id=green>_add.php</span>, насочинять переменных и прописать всё с помощью <span id=green>ul</span> и <span id=green>li</span>, с заданием соответствующих стилей. Что в свою очереди сделает меню более гибким.</p> <br> <p>Контейнеры <span id=green>div class="wrap"</span> и <span id=green>div class="clear"</span> помогают правильно расположить рядом стоящие и внутрь завёрнутые контейнеры.</p> <br> <p>Дале у нас идёт <span id=green>div id="footer"</span>, который всегда наблюдается в низу. Ничего интересного, кроме умело написанных стилей, в фотере нет. Ну, а переменная <span id=darkorchid>$title_default</span>, выводит ссылку с анкором, это то, что вы прописали в <span id=green>settings.php</span>.</p> <br> <p>Опустившись ещё ниже, найдём шапку сайта. Она не упала, её положили именно сюда. Хитросплетение нейронов в голове Мастера Гордии породило такой вариант. Это сделано, что бы не мешать роботам индексировать нашу писаниу.</p> <br> <p>В headerе присутствуют переменные; <span id=darkorchid>$title_default</span>, <span id=darkorchid>$title</span> и <span id=darkorchid>$topmenu</span>. <span id=darkorchid>$title</span> это вывод названия страницы, которое прописывается в каждой странице, при её изготовлении. <span id=darkorchid>$topmenu</span> это горизонтальное меню в верху страницы, которое находится в файле <span id=green>_menu.php</span>.</p> <br> <p>Так уж сложилось, что человеку привычно с начало делать ошибки, а подом с успехом их исправлять. Дивная вёрстка не терпит ошибок, лишний <span id=red>div</span>, или не хватка оного, приводят к непредсказуемым и не ожидаемым результатам. Имейте в своём распоряжении все популярные броузеры, ИЕ, Мозила, Опера, Сафари. Проверяйте на всех броузерах внешний вид, а уж потом можно и пивка попить.</p> <br> <p>Иначе переписка может быть следующей:<br /> — … морда твоего блога разлезлась ….<br /> — Какой браузер юзаем? У меня всё ок во всяком случае.<br /> — отослал скрин<br /> — Просто пользуюсь Оперой. Никаких проблем и не видел. Нужно будет и на Мозилку проверять.</p> <br> <p>Обратите своё внимание на надписи в первой, <span id=red>/* Выше этой строки в файле ничего не должно быть */</span> и последней, <span id=red>/* Ниже этой строки в файле ничего не должно быть. */</span> строке файлов . Это не простые надписи, это то чего ни в коем случае делать не следует. Не верите? Поставьте пробел после <span id=red>?></span> и попробуйте открыть страницу.</p> <br> <p>На сегодня достаточно, продолжение грядёт в скором времени.</p> <br> <p>PS. Для финансовой поддержки моей писанины, не плохо было бы, не забыть тот факт, что за рекламу платят. Это в том случае, если опус понравился. Если не понравился, ну меня нафиг.</p><br><br><a href=http://www.mykrok.com/comment_1217771613.html><img src=./i/Modify.png alt=home border=0> Оставить комментарий</a> Sun, 03 Aug 2008 16:53:33 GMT