http://trifler.ru/blog/ Lasto Blogging Engine ru gordi serg_gordi@mail.ru serg_gordi@mail.ru http://trifler.ru/blog/i/lastoblog.png http://trifler.ru/blog/ http://trifler.ru/blog/post_1327233072.html <p>Многие пользователи скриптов Мастера <a href="http://lasto.com">Lasto</a>, очень часто не подозревают о возможностях оных, не смотря на то, что практически все скрипты имеют собственные страницы онлайн-мануалов и великолепно документированы в соответствующих файлах отдаваемого дистрибутива.</p> <p>В большинстве случаев это происходит по нескольким причинам:</p> <ul> <li>не знание php, html и css</li> <li>боязнь эксперимента</li> </ul> <p>Предлагаемый цикл статей поможет устранить данный пробел.</p> <style type="text/css"> .cliktxt {margin:15px 25px 15px 20px;padding:0px 0;} .cliktxt span,.cliktxt sup {color:#a00;cursor:pointer;outline:0;} .cliktxt span:hover,.cliktxt sup:hover {color:#00a;} .cliktxt dl {margin:0;padding:0;display:none;} .cliktxt dl dd { background:#fff;border:#000 1px solid; margin:0;padding:7px 4px;width:300px; position:fixed;top:1%;left:18%;z-index:100; } .cliktxt dl img { border:#000 0px solid;float:left; margin:7px 8px 0;width:140px;height:auto; } .cliktxt dt { background:#ccc;border:#000 1px solid; opacity:0.2;filter:alpha(opacity=20);z-index:100; position:fixed;top:0;right:17%;bottom:0;left:17%; } .cliktxt :focus + dl {display:block;} .cliktxt dd p {font:11px/1.2 arial;margin:0 10px;padding:4px 0;text-align:left;} .cliktxt strong {background:#fff;font:bold 11px/1.2 arial;} </style> <div class="cliktxt"> Все решения связанные с php, сотворены самим <span tabindex="1" title="При клике, откроется короткая справка">Мастером Lasto</span>, используются по аналогии с небольшой коррекцией под ту или иную задачу. <dl> <dt></dt> <dd> <p> <strong>Вадим Ласто</strong> - талантливый программист, автор многочисленных скриптов - "nano CMS", "Lasto Blog", "Gold Shop" и т.д. и т.п. которые по многим своим параметрам не имеют аналогов не только в России, но и за бугром. </p> <p> Часть скриптов отдается совершенно бесплатно, часть стоит чисто символическую сумму. Отзывчивая, всегда доступная и корректная помощь, позволяет начинающему, делающему свои первые шаги в Паутине, легко понять и освоить функционал и принципы работы скриптов. </p> <p> Вадим Николаевич, как блогер на страницах своего блога, много пишет об актуальных проблемах русско-язычного сегмента Интернет и часто его размышления идут в разрез с общепринятым мнением. </p> <p> Ярко выраженная индивидуальность изложения материала, перекрасное владение языком, чему можно только позавидовать, делает его публикации по тем или иным вопросам не забываемыми... </p> </dd> </dl> </div> <h4 class="panel">Файл counters.php</h4> <p>По дефолту в нем расположен html-код выводящий рекламные блоки типа небоскреб в колонки навигации. Мы же начнем с чистого листа. Удаляем все содержимое указанного файла - должно стать так:</p> <pre class="pre"> &lt;?php /* Выше этой строки в файле ничего не должно быть */ $counters=&lt;&lt;&lt;counters counters; /* Ниже этой строки в файле ничего не должно быть. */ ?&gt;</pre> <p>Для получения картинки, что приведена на скриншоте ниже, в блоках, которой можно расположить, как текстовую информацию, так и графику, а также рекламные баннеры на основе флеш:</p> <img src="../blog/i/lasto/counters_php.png" style="display:block;margin:5px auto;width:500px;height:220px;"> <p>необходимо в файл counters.php добавить следущее:</p> <pre class="pre"> &lt;?php /* Выше этой строки в файле ничего не должно быть */ $counters=&lt;&lt;&lt;counters &lt;style type="text/css"&gt; .counters { border:#ccc 1px solid;margin:15px auto; overflow:hidden;width:494px; } .bannercounters { border:#ccc 1px solid;float:left; margin:2px 0 2px 2px;<span>width:160px;height:160px;</span> } &lt;/style&gt; &lt;div class="counters"&gt; &lt;div class="bannercounters"&gt; banner counters.php leftcounters &lt;/div&gt; &lt;div class="bannercounters"&gt; banner counters.php centercounters &lt;/div&gt; &lt;div class="bannercounters"&gt; banner counters.php rightcounters &lt;/div&gt; &lt;/div&gt; &lt;div class="counters"&gt; Горизонтальный banner counters.php - width:494px; &lt;/div&gt; counters; /* Ниже этой строки в файле ничего не должно быть. */ ?&gt;</pre> <p>С учетом того, что размеры контейнеров имеют фиксированную ширину, а блоки верхней части скриншота и фиксированную высоту это накладывает определенные ограничения на размещаемую в них информацию.</p> <p>Оформление блоков может быть любым, все определяется только двумя классами стилей, которые можно вынести в общий файл XXX.css.</p> <p>Интересной возможностью является разбиение содержимого файла counters.php на две или более частей, которые индивидуальными переменными могут быть интегрированы в нужное место файла design.php.</p> <h4 class="panel">Независимый вывод информации</h4> <p>Прежде всего, снова обратимся к файлу counters.php для получения нужного функционала и произведем все необходимые нам действия:</p> <pre class="pre"> &lt;?php /* Выше этой строки в файле ничего не должно быть */ $counters=&lt;&lt;&lt;counters &lt;style type="text/css"&gt; .counters { border:#ccc 1px solid;margin:10px auto; overflow:hidden;width:494px; } .bannercounters { border:#ccc 1px solid;overflow:hidden; margin:10px auto;width:190px; } &lt;/style&gt; &lt;!-- topcounters --&gt; &lt;div class="counters"&gt; Горизонтальный banner counters.php - width:494px; &lt;/div&gt; &lt;!-- topcounters --&gt; &lt;!-- leftcounters --&gt; &lt;div class="bannercounters"&gt; banner counters.php leftcounters &lt;/div&gt; &lt;!-- leftcounters --&gt; &lt;!-- rightcounters --&gt; &lt;div class="bannercounters"&gt; banner counters.php rightcounters &lt;/div&gt; &lt;!-- rightcounters --&gt; &lt;!-- bottomcounters --&gt; &lt;div class="counters"&gt; Горизонтальный banner counters.php - width:494px; &lt;/div&gt; &lt;!-- bottomcounters --&gt; counters; /* Ниже этой строки в файле ничего не должно быть. */ ?&gt;</pre> <p>Секрет заключается в комментариях:</p> <pre class="pre"> &lt;!-- XXXcounters --&gt; ... &lt;!-- XXXcounters --&gt;</pre> <p>В данном случае содержимое файла разбито на четыре части. Заключенный между ними html-код, может быть любым, также, как и его оформление, которое определяется двумя классами стилей.</p> <p>Следующий шаг - редактирование файла design.php:</p> <pre class="pre"> # Расфасовка содержимого по колонкам из файла counters.php $leftcounters=$rightcounters=$topcounters=$bottomcounters=''; if (preg_match_all("~<\!-- leftcounters -->(.*)<\!-- leftcounters -->~Usi",$counters,$n)) $leftcounters=$n[1][0]; if (preg_match_all("~<\!-- rightcounters -->(.*)<\!-- rightcounters -->~Usi",$counters,$n)) $rightcounters=$n[1][0]; if (preg_match_all("~<\!-- topcounters -->(.*)<\!-- topcounters -->~Usi",$counters,$n)) $topcounters=$n[1][0]; if (preg_match_all("~<\!-- bottomcounters -->(.*)<\!-- bottomcounters -->~Usi",$counters,$n)) $bottomcounters=$n[1][0];</pre> <p>Эти строки размещаем перед строкой:</p> <pre class="pre"> switch ($_s['settings']['designtype']) {</pre> <p>Полученные таким образом переменные:</p> <pre class="pre" style="float:left;margin:12px 10px 0 20px;width:150px;"> $leftcounters $rightcounters $topcounters $bottomcounters</pre> <p>расставляем в нужные места шаблона страницы в том же файле design.php</p> <p>По названию переменных должно быть понятно, какие куда.</p> <p>Две верхних предназначены в основном для колонок навигации, последовательность их расположения по отношению к другим переменным - $menu, $add, $calendula, определяется самостоятельно.</p> <p>Две нижних предназначены для области контента, оптимально перед и после переменной $echo, что не исключает их использования в header или footer, при соответствующем изменении html и css.</p> <h4 class="panel">P.S.</h4> <p>Будьте внимательны, соблюдайте синтаксис php, html и css, простой копипаст убережет от ошибок.</p> <p>Все работоспособно и не однократно проверенно на практике.</p> <h4 class="panel">P.P.S.</h4> <p>Автор, благодарит Мастера Lasto за неоценимую помощь, приведшую к написанию данного поста, который, надеюсь, позволит поклонникам его творчества лучше разобраться в тонкостях и нюансах скрипта Lasto Blog. </p><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1327233072.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1327233072.html">All Comments</a></div> <!-- RSS_link_to_post end --><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1327233072.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1327233072.html">All Comments</a></div> <!-- RSS_link_to_post end --> Sun, 22 Jan 2012 18:51:12 GMT