HQ уникальный дизайн для вашего сателлита FOR FREE!

(Ответов: 53, Просмотров: 11314)
В статье описана методика создания шаблона (теймплейта) для нашего сателлита. Так как шаблон мы, по сути, будет делать собственными руками, он будет абсолютно бесплатен, при этом выглядеть будет не хуже платных аналогов. Для создания уникального дизайна нам понадобится совершенное знание HTML/СSS, программа Teleport Pro, с помощью которой скачиваем код шаблона. Потом приводим код к человеческому виду и темплейт готов!
Страница 1 из 6 123 Последняя
  1. Дипломник Аватар для Lucky-Max
    • Регистрация: 24.07.2009
    • Сообщений: 119
    • Репутация: 10
    На форуме неоднократно обсуждалась необходимость создания уникального темплейта для будущего шопа/сателлита. Сейчас я довольно подробно распишу процесс создания своего уникального темплейта для своего/их сателлита/ов.

    И так, к примеру вы решили создать сетку из 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>
    Таким способом добиваемся уникального кода в нашем сателлите. Также можем заменить/видоизменить некоторые детали самого дизайна. Также многое зависит от вашего воображения и прямоты рук.

    Удачи вам! Жду ваших мнений.
    Последний раз редактировалось Lucky-Max; 13.09.2009 в 20:41.
    • 1

    Спасибо сказали:

    ADVC(15.09.2009), BABBLS(14.09.2009), Casak(14.09.2009), dema(14.09.2009), DruGer(14.09.2009), Golden(14.09.2009), ktyjxrf122(14.09.2009), marshel(10.11.2012), mr. werewolf(13.09.2009), NRubleva(14.09.2009), SerdjioStrel(14.09.2009), Wert1go(13.09.2009),
  2. Студент Аватар для qwerty
    • Регистрация: 04.09.2009
    • Сообщений: 42
    • Репутация: 12
    • Webmoney BL: ?
    Старенькая тема:) Но не изжившая себя, правда подпиливать придется достаточно много, если полностью под себя делать
    • 0
  3. Дипломник Аватар для Lucky-Max
    • Регистрация: 24.07.2009
    • Сообщений: 119
    • Репутация: 10
    Цитата Сообщение от qwerty Посмотреть сообщение
    Старенькая тема:) Но не изжившая себя, правда подпиливать придется достаточно много, если полностью под себя делать
    Оно этого стоит
    • 0
  4. Senior Member Аватар для Wert1go
    • Регистрация: 03.09.2009
    • Сообщений: 643
    • Репутация: 10
    Цитата Сообщение от qwerty Посмотреть сообщение
    Старенькая тема:) Но не изжившая себя, правда подпиливать придется достаточно много, если полностью под себя делать
    Зато это бесплатно, и на выходе получается красивый, презентабельный дизайн, который людям то не стыдно показать. Да и доверия дизайн такого уровня будет вызывать больше чем сделанный на коленке не профессиональным дизайнером.
    • 0
  5. Я из admitad :) Аватар для terehoff
    • Регистрация: 15.07.2009
    • Сообщений: 2,605
    • Записей в дневнике: 18
    • Репутация: 1150
    • Webmoney BL: ?
    А не проще скриншот сделать и скачать софтину, которая позволяет на основе картинки сделать тему Wordpress?
    • 0
  6. Дипломник Аватар для Lucky-Max
    • Регистрация: 24.07.2009
    • Сообщений: 119
    • Репутация: 10
    Цитата Сообщение от terehoff Посмотреть сообщение
    А не проще скриншот сделать и скачать софтину, которая позволяет на основе картинки сделать тему Wordpress?
    Ну я более чем уверен, что после обработки такой софтиной , исходный код будет как и в первом варианте после скачивания TelePort-ом.

    В данном варианте, нет ничего тяжелого, все просто до безобразия! :)
    • 0
  7. Senior Member Аватар для Golden
    • Регистрация: 03.09.2009
    • Сообщений: 634
    • Репутация: 12
    Отличная методика. Я как раз искал диз для шопа. Как раз заодно и протестирую, получиться у меня или нет.
    Кам бек...
    • 0
  8. Гуру Аватар для Dr.Gonzo
    • Регистрация: 03.09.2009
    • Сообщений: 1,503
    • Репутация: 64
    Это называется "как стырить уникальный дизайн фор фри"
    • 0
  9. Дипломник Аватар для Lucky-Max
    • Регистрация: 24.07.2009
    • Сообщений: 119
    • Репутация: 10
    Цитата Сообщение от Golden Посмотреть сообщение
    Отличная методика. Я как раз искал диз для шопа. Как раз заодно и протестирую, получиться у меня или нет.
    Должно получится, если не получается Welcome!


    Dr.Gonzo - Да есть немного :)
    • 0
  10. Banned
    • Регистрация: 03.09.2009
    • Сообщений: 181
    • Репутация: 10
    тут в принципе все просто и должно получиться. зато уж если получится то результат оправдает надежды
    • 0
Страница 1 из 6 123 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
CMS для сателлита. инструкция
Дайджест блогосферы 0 20.03.2010 16:58
Уникальный дизайн шопа
Партнерские программы 0 26.02.2010 03:32
Продам 2 сателлита на Satellite-X
Сайты без доменов 12 03.01.2010 19:11
PSD to WordPress Automatically for Free
Софт, скрипты, сервисы 8 12.09.2009 20:06
Дизайн фида на PPC под дизайн поисковика
PPC и контекстная реклама 23 05.09.2009 15:37

Интересные темы

продвинуть сайт в поисковых системах

Профессиональные оптимизаторы делятся своим опытом о том, как продвинуть сайт в поисковых системах.

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры