[Lucky-Max]

На форуме неоднократно обсуждалась необходимость создания уникального темплейта для будущего шопа/сателлита. Сейчас я довольно подробно распишу процесс создания своего уникального темплейта для своего/их сателлита/ов.

И так, к примеру вы решили создать сетку из 5-ти фарма сателлитов, которые вы планируете продвигать в поисковых системах. Вы знаете что поисковые системы любят уникальность во всем. Но как проще и доступнее создать свои 5 сателлитов, желательно с уникальным кодом и дизайном. Как быть и что делать, читаем далее….

От вас требуется:

1. Совершенное знание HTML/СSS

Нарисовать свой уникальный дизайн вам не предоставляется возможным, НО с HTML/СSS вы дружите, тогда выход есть!

Существует известный сайт template-monster.com, в нем есть нужный нам раздел Medical, в котором содержится 330 медицинских темплейтов.

Более чем 70% темплейтов можно просмотреть в режиме реального времени, кликнув на Live Demo.

Для примера, мне понравился вот этот темплейт, именно его я и хочу использовать в качестве основного дизайна для моего будущего сателлита:






Чтобы этот темплейт оказался на вашем компьютере, скачиваем и устанавливаем Teleport Pro.

1. Запускаем Teleport Pro, делаем все что указанно далее:
   
   
   
   Вставляем ссылку на Live Demo понравившегося темплейта:
   
   
   
   
   
   

Готово, темплейт сохранен. Теперь применяем свои знания HTML/СSS. На данном этапе, исходный код нереально ужасен:

Код HTML:

<table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td  style="padding:0px 18px 0px 18px;"><table border="0" width="100%" cellspacing="0" cellpadding="0"  class="box_body_table"> <tr> <td  class="box_body box_body_td"><ul> <li class="bg_list"><a href="index.php-cPath=1&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=1&osCsid=f73f79ea384add12a21aaa916ee4a5af">Multivitamins</a> </li><li class="bg_list"><a href="index.php-cPath=2&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=2&osCsid=f73f79ea384add12a21aaa916ee4a5af">Fitness Equipment</a></li> <li class="bg_list"><a href="index.php-cPath=3&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=3&osCsid=f73f79ea384add12a21aaa916ee4a5af">Vitamins &amp; Supplements</a> </li><li class="bg_list"><a href="index.php-cPath=4&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=4&osCsid=f73f79ea384add12a21aaa916ee4a5af">Sports Supports</a></li> <li class="bg_list"><a href="index.php-cPath=5&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=5&osCsid=f73f79ea384add12a21aaa916ee4a5af">Vitality</a> </li><li class="bg_list"><a href="index.php-cPath=6&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=6&osCsid=f73f79ea384add12a21aaa916ee4a5af">Fish Oil, Flax &amp; EFAs</a> </li><li class="bg_list"><a href="index.php-cPath=7&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=7&osCsid=f73f79ea384add12a21aaa916ee4a5af">Antioxidants</a> </li><li class="bg_list"><a href="index.php-cPath=8&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=8&osCsid=f73f79ea384add12a21aaa916ee4a5af">Calcium &amp; Minerals</a> </li><li class="bg_list"><a href="index.php-cPath=9&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=9&osCsid=f73f79ea384add12a21aaa916ee4a5af">Heart Health</a> </li><li class="bg_list"><a href="index.php-cPath=10&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=10&osCsid=f73f79ea384add12a21aaa916ee4a5af">Digestion</a> </li><li class="bg_list"><a href="index.php-cPath=11&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=11&osCsid=f73f79ea384add12a21aaa916ee4a5af">Specialty Supplements</a> </li><li class="bg_list"><a href="index.php-cPath=12&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=12&osCsid=f73f79ea384add12a21aaa916ee4a5af">Diet &amp; Energy</a> </li><li class="bg_list"><a href="index.php-cPath=13&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=13&osCsid=f73f79ea384add12a21aaa916ee4a5af">Herbs &amp; Cleansing</a> </li><li class="bg_list"><a href="index.php-cPath=14&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=14&osCsid=f73f79ea384add12a21aaa916ee4a5af">Home Gym &amp; Wellness</a> </li><li class="bg_list"><a href="index.php-cPath=15&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=15&osCsid=f73f79ea384add12a21aaa916ee4a5af">Sports Nutrition</a> </li><li class="bg_list"><a href="index.php-cPath=16&osCsid=f73f79ea384add12a21aaa916ee4a5af.htm" tppabs="http://osc3.template-help.com/osc_20894/index.php?cPath=16&osCsid=f73f79ea384add12a21aaa916ee4a5af">Cardio Accessories</a> </li></ul></td> </tr> </table> </td> </tr> </table>

Приводим его в чувства:

Код HTML:

<table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td  style="padding:0px 18px 0px 18px;"><table border="0" width="100%" cellspacing="0" cellpadding="0"  class="box_body_table"> <tr> <td  class="box_body box_body_td"> <ul> <li class="bg_list"><a href="/">ED</a></li> <li class="bg_list"><a href="/" >Viagra</a></li> <li class="bg_list"><a href="/" >Cialis</a></li> <li class="bg_list"><a href="/" >Levitra</a></li> <li class="bg_list"><a href="/" >Propecia</a></li> <li class="bg_list"><a href="/" >Acyclovir</a></li> <li class="bg_list"><a href="/" >Phentermine</a></li> <li class="bg_list"><a href="/" >Tramadol</a></li> <li class="bg_list"><a href="/" >Valium</a></li> </ul> </td> </tr> </table> </td> </tr> </table>

Создаем DIV классы/стили для всех таблиц, избавляемся от лишнего муссора:

Код HTML:

<div class="left_menu"> <div style="tabletko"> <ul> <li class="bg_list"><a href="/">ED</a></li> <li class="bg_list"><a href="/" >Viagra</a></li> <li class="bg_list"><a href="/" >Cialis</a></li> <li class="bg_list"><a href="/" >Levitra</a></li> <li class="bg_list"><a href="/" >Propecia</a></li> <li class="bg_list"><a href="/" >Acyclovir</a></li> <li class="bg_list"><a href="/" >Phentermine</a></li> <li class="bg_list"><a href="/" >Tramadol</a></li> <li class="bg_list"><a href="/" >Valium</a></li> </ul> </div> </div>

Таким способом добиваемся уникального кода в нашем сателлите. Также можем заменить/видоизменить некоторые детали самого дизайна. Также многое зависит от вашего воображения и прямоты рук.

Удачи вам! Жду ваших мнений.

[qwerty]

Старенькая тема:) Но не изжившая себя, правда подпиливать придется достаточно много, если полностью под себя делать

[Lucky-Max]

Старенькая тема:) Но не изжившая себя, правда подпиливать придется достаточно много, если полностью под себя делать

Оно этого стоит

[Wert1go]

Старенькая тема:) Но не изжившая себя, правда подпиливать придется достаточно много, если полностью под себя делать

Зато это бесплатно, и на выходе получается красивый, презентабельный дизайн, который людям то не стыдно показать. Да и доверия дизайн такого уровня будет вызывать больше чем сделанный на коленке не профессиональным дизайнером.

[terehoff]

А не проще скриншот сделать и скачать софтину, которая позволяет на основе картинки сделать тему Wordpress?

[Lucky-Max]

А не проще скриншот сделать и скачать софтину, которая позволяет на основе картинки сделать тему Wordpress?

Ну я более чем уверен, что после обработки такой софтиной , исходный код будет как и в первом варианте после скачивания TelePort-ом.

В данном варианте, нет ничего тяжелого, все просто до безобразия! :)

[Golden]

Отличная методика. Я как раз искал диз для шопа. Как раз заодно и протестирую, получиться у меня или нет.

[Dr.Gonzo]

Это называется "как стырить уникальный дизайн фор фри"

[Lucky-Max]

Отличная методика. Я как раз искал диз для шопа. Как раз заодно и протестирую, получиться у меня или нет.

Должно получится, если не получается Welcome!


Dr.Gonzo - Да есть немного :)

[ktyjxrf122]

тут в принципе все просто и должно получиться. зато уж если получится то результат оправдает надежды