Для тех ,кто решил зарегистрироваться на форуме «Беседка» !
Категорически запрещена регистрация  с одноразового и временного e-mail !Такие пользователи будут отправляться в бан без объяснения причин.
После регистрации необходимо активировать свою учетную запись .Если Вы в почте не обнаружили письмо с активацией рекомендуется проверить папку «Спам».
С уважением
 Администрация форума

Автор Тема: Редактируем шаблоны в smf  (Прочитано 12645 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн ALENA

  • Претензии в свой адрес принимаю... один раз в неделю... вчера!
  • *
  • Сообщений: 79051
  • Пол: Женский

Редактируем шаблоны в smf
« : 10 Января 2013, 14:37 »
Кто мне подскажет ,есть ли какая программка помимо блокнота,  для редактирования шаблонов .  Мне вот интересно ... Я открываю блокнотом файл index.css  а там  %) ну кто знает эти файлы - те поняли . Кто не знает, можете посмотреть
[attach=1]
 и мне в нем надо найти вот эти строчки

/* By default (td, body..) use Verdana in black. */
body, td, th
{
   color: #000000;
   font-size: small;
   font-family: verdana, sans-serif;
}
Если воспользоваться стандартным поиском по блокноту, то  выдает что не удается найти указанные строчки .
[attach=2]
Я ведь правильно ищу  по пути у себя на компе
D:\Endels\home\mysite1\www\Themes\default\css ?
Собственно, мне интересно как меняется фон на форуме
Как вы вообще находите те строчки ,что надо редактировать ? Может есть какие спец проги ?
Поблагодарили: Василий Алибабаевич

Оффлайн lexus

  • *
  • Сообщений: 1527
  • Пол: Мужской
  • Статус : ути-пути

Re: Редактируем шаблоны в smf
« Ответ #1 : 10 Января 2013, 15:41 »
ALENA, наверное никаких спецпрог и не нужно. Совершенно верно, файлы со стилями находятся именно в этой папке. Большинство из этих файлов - своеобразные "костыли", дабы отображение во всех браузерах было более-менее адекватным, а центральным файлом является разумеется index.css.

Место в файле обычно находится по смыслу.
Собственно, мне интересно как меняется фон на форуме
Вот именно для этого конкретного случая ищи строчки
Цитата
body
{
   background: .....

...
В прикреплённом к предыдущему посту файле стилей секция выглядит так:
Цитата
body
{
   background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}
вот backdrop.png и есть файл фона.


есть ли какая программка помимо блокнота,  для редактирования шаблонов
Очень хорошо править в продвинутых блокнотах, я лично правлю в npp++, в никсах отлично подходит штатный для среды редактор, к примеру, gedit.

Файл стилей можно подправить и прямо из админки: Конфигурация - Темы оформления - Изменить стили css для этой темы.

Оффлайн ALENA

  • Претензии в свой адрес принимаю... один раз в неделю... вчера!
  • *
  • Сообщений: 79051
  • Пол: Женский

Re: Редактируем шаблоны в smf
« Ответ #2 : 10 Января 2013, 16:21 »
backdrop.png и есть файл фона.
lexus,

А если там  ставить  вместо backdrop.png картинку  ,ну как фоновый рисунок здесь ( снежинки ) Это можно ? И  в строчках url(../images/theme/backdrop.png) как должен быть прописан путь к файлу ?  Если  ставить вместо  backdrop.png, допустим, файл 10.jpg,  то ничего не получается .Фон просто делается светлее .

Оффлайн lexus

  • *
  • Сообщений: 1527
  • Пол: Мужской
  • Статус : ути-пути

Re: Редактируем шаблоны в smf
« Ответ #3 : 10 Января 2013, 16:29 »
Если  ставить вместо  backdrop.png, допустим, файл 10.jpg,  то ничего не получается .
Можно поставить и другую картинку. Путь до картинки вне зависимости от оси прописывается в формате веб, т.е. через прямые слеши. Можно положить рядом с существующим файлом backdrop.png картинку в виде файла 10.jpg (т.е. в ту же директорию ../images/theme/ ), тогда в css надо будет просто изменить имя, а пусть оставить тем же. Если всё прописано верно, но изменений не видно, то очистить кеш браузера и посмотреть, что будет. Если снова ничего не изменилось, поверять имена файлов и директорий. Да, в насчёт имён... Стоит помнить, что никсы различают заглавные и строчные буквы, венде же по барабану.




Оффлайн kaktus

  • Завхоз, а не админ)
  • *
  • Сообщений: 955

Re: Редактируем шаблоны в smf
« Ответ #4 : 10 Января 2013, 16:45 »
ИМХО для редактирования файлов лучше использовать
Извините, Вам не разрешено просматривать этот текст. Пожалуйста, войдите или зарегистрируйтесь.
(я в нем даже на пхп все скрипты пишу - это моя среда разработки))))
но хочу обратить внимание на то что файлы пхп надо сохранять в формате UTF-8 (без BOM).

П.С. Так же совет для тех кто использует денвер) выключайте кеширование в движке форума - быстрее работает и не наступаешь 100500 раз на грабли с кешированием)

Оффлайн kaktus

  • Завхоз, а не админ)
  • *
  • Сообщений: 955

Re: Редактируем шаблоны в smf
« Ответ #5 : 10 Января 2013, 16:48 »
Как вы вообще находите те строчки ,что надо редактировать ? Может есть какие спец проги ?

о... я совсем упустил из внимания....  в firefox есть такое дополнение FireBug - это самый первый и главный инструмент для тех кто переделывает сайты)) то есть для нас с вами))

Оффлайн ALENA

  • Претензии в свой адрес принимаю... один раз в неделю... вчера!
  • *
  • Сообщений: 79051
  • Пол: Женский

Re: Редактируем шаблоны в smf
« Ответ #6 : 10 Января 2013, 16:59 »
дополнение FireBug
kaktus, я уже вчера его поставила .Но не особо еще разбиралась .
Можно положить рядом с существующим файлом backdrop.png картинку в виде файла 10.jpg (т.е. в ту же директорию ../images/theme/ ), тогда в css надо будет просто изменить имя, а пусть оставить тем же.
ну вот так добавила название файла и что то  ни фига . 00))

body
{
   background: #E9EEF2 url(../images/theme/backdrop.png./10.jpg ) repeat-x;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}
PS Я проще с модами разобралась с их редактированием ,чем с оформлением  :jokingl:

Оффлайн kaktus

  • Завхоз, а не админ)
  • *
  • Сообщений: 955

Re: Редактируем шаблоны в smf
« Ответ #7 : 10 Января 2013, 17:02 »
Вроде все правильно....

Оффлайн lexus

  • *
  • Сообщений: 1527
  • Пол: Мужской
  • Статус : ути-пути

Re: Редактируем шаблоны в smf
« Ответ #8 : 10 Января 2013, 17:10 »
ALENA, конечно же не правильно (красным выделил лишние символы, которые видимо нужно удалить).

Цитата
body
{
   background: #E9EEF2 url(../images/theme/backdrop.png./10.jpg ) repeat-x;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}

Это естественно для случая, когда сам файл 10.jpg скопирован в ту же папку.

В зависимость от рисунка, можно будет изменить и тип замощения, как наверное догадались, что repeat-x замощает рисунок только по горизонтальной координате.

Оффлайн kaktus

  • Завхоз, а не админ)
  • *
  • Сообщений: 955

Re: Редактируем шаблоны в smf
« Ответ #9 : 10 Января 2013, 17:15 »
о... точно.. как всегда я не внимателен к мелочам))
Спасибо)))

Оффлайн ALENA

  • Претензии в свой адрес принимаю... один раз в неделю... вчера!
  • *
  • Сообщений: 79051
  • Пол: Женский

Re: Редактируем шаблоны в smf
« Ответ #10 : 10 Января 2013, 17:16 »
Вроде все правильно..
Но тем не менее  (((
[attach=1]

Цитата
Это естественно для случая, когда файл 10.jpg кладётся в ту же папку.
lexus в туже папку закинула .Вроде и кэш очистила .

[attach=2]

Оффлайн lexus

  • *
  • Сообщений: 1527
  • Пол: Мужской
  • Статус : ути-пути

Re: Редактируем шаблоны в smf
« Ответ #11 : 10 Января 2013, 17:27 »
ALENA, путь к файлу 10.jpg исправила?

lexus в туже папку закинула .
Я было подумал, что когда сказал "положить рядом", то могло быть истолковано не правильно, а именно приписать рядом в пути (как и оказалось выше). Поэтому решил уточнить, что дело имеет отношение именно к копированию файла в папку, а не к пути в ксс.

Оффлайн ALENA

  • Претензии в свой адрес принимаю... один раз в неделю... вчера!
  • *
  • Сообщений: 79051
  • Пол: Женский

Re: Редактируем шаблоны в smf
« Ответ #12 : 10 Января 2013, 17:38 »
lexus,  :fool: ну конечно я что то не подумала .Убрала  backdrop.png. ,но получилось что замостился только верх

[attach=1]
Кстати ,неплохо смотрится
Цитата
repeat-x замощает рисунок только по горизонтальной координате.
А как замостить и по вертикали ?


Оффлайн fiat124

  • *
  • Сообщений: 70
  • Пол: Мужской

Re: Редактируем шаблоны в smf
« Ответ #13 : 10 Января 2013, 17:39 »
ALENA, notepad++ для этих правок файлов форума самое то  :jaga:
ну и в редакторе нужно сохранять обязательно в Кодировать utf8(без ВОМ)

Оффлайн lexus

  • *
  • Сообщений: 1527
  • Пол: Мужской
  • Статус : ути-пути

Re: Редактируем шаблоны в smf
« Ответ #14 : 10 Января 2013, 17:44 »
А как замостить и по вертикали ?
Для случая замощения по обеим координатам, надо использовать просто repeat. Если что, вот
Извините, Вам не разрешено просматривать этот текст. Пожалуйста, войдите или зарегистрируйтесь.
.