Перейти к содержимому


Делаем нашу шапку резиновую


  • Вы не можете ответить в тему
Сообщений в теме: 4

#1 vsupport

    Продвинутый пользователь

  • Администраторы
  • 758 сообщений
Репутация: 31
Ассистент

Отправлено 31 March 2011 - 11:12 AM

1. Открываем style.css
Находим:
.fix{overflow:hidden;height:3px;width:100%;background:#228B22}
.headlink{color:#fff;border-top:1px  solid #fff;border-bottom:1px solid #fff;padding:5px  16px;background:url('mfon.gif') repeat-x top left #228B22}
Ниже добавляем:
.fix2{overflow:hidden;height:3px;width:100%;background:#ffffff}
.headlink{color:#fff;border-top:1px  solid #fff;border-bottom:1px solid #fff;padding:5px  16px;background:url('mfon.gif') repeat-x top left #ffffff}
Находим:
.btbl{text-align:left;color:#fff;height:50px;font-weight:bold;vertical-align:middle;padding:0  26px;background:url('bfon.gif') repeat-x bottom left #228B22}
Ниже добавляем:
.btbl2{text-align:left;color:#fff;height:50px;font-weight:bold;vertical-align:middle;padding:0  26px;background:url('bfon.gif') repeat-x bottom left #ffffff}
2. Открываем index.tpl.html Находим {* шапка *}
Ниже вставляем:
<table cellspacing="0" cellpadding="0" width="100%" class="print">
  <td>
    <div class="fix2" style="border-bottom: 1px solid #ffffff;"></div>
    <table cellspacing="0" cellpadding="0" width="100%"><tr><td class="btbl2">
<tr>
   <td background="http://ваш сайт//data/default/logo.jpg" align="left">
    <a href="http://ваш сайт/"><img src="http://ваш сайт//data/default/logo.jpg">
</tr>
  </td>
</table>
</td></tr></table>
Сохраняем все файлы, загружаем на сервер. Заменяем! После этого заливаем картинку в папку /data/default/logo.jpg. Чистим кеш! И радуемся результату!
  • 0

#2 Niklon

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений
Репутация: 0
Начинающий

Отправлено 22 December 2011 - 09:39 PM

А как сделать основный контент резиновым?
  • 0
ShopCMS модули, шаблоны, исходники, статьи на http://inshopcms.com. Разработка интернет-магазина под ключ.

#3 micehide

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 359 сообщений
Репутация: 124
Мастер

Отправлено 25 December 2011 - 01:22 AM

А как сделать основный контент резиновым?

Строго говоря, нужен шаблон на DIV-ах, потому что от таблиц уже порядком тошнит и править их гараздо сложнее DIV-ов. Мой вам совет, ищите такой (если он есть конечно) и ставьте. Или придется переделывать index.tpl.html в резиновый (только нужно потом обязательно проверить в разных браузерах на совместимость).

Даю ссылку на онлайн-билдеры структуры страницы (Layout) на DIV-ах + CSS:

YAML Builder | A tool for visual development of YAML based CSS layouts
YUI: CSS Grid Builder

- вообще они построены на готовых CSS-шаблонах, но для примера и понимания построения - сойдет. Был где-то один очень хороший онлайн-билдер, но я потерял ссылку. Может кто еще подскажет.
  • 0

#4 straniks

    Продвинутый пользователь

  • Download User
  • PipPipPip
  • 60 сообщений
Репутация: 0
Начинающий

Отправлено 15 January 2015 - 06:13 PM

Как я понял это только для default шаблона!?
  • 0

#5 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 15 January 2015 - 07:05 PM

Как я понял это только для default шаблона!?

У меня имеющийся style.css от default не совсем совпадает с приведенными масками поиска.
Но, по любому, это для какого-то конкретного шаблона. А подумав применить можно к шаблонам, аналогичным этому "конкретному", но вовсе не ко всем.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)