iFoxy.ru - форум Санкт-Петербурга
http://ifoxy.ru/

Основное направление движения. По пунктам.
http://ifoxy.ru/viewtopic.php?f=6&t=333		 Страница 1 из 10
Автор:  ^foxy^ [ 30 мар 2009, 19:38 ]
Заголовок сообщения:  Основное направление движения. По пунктам.
Строин, дед, давайте как-то скучкуемся и приоритеты расставим. Надо двигаться в одном направлении, надоело метаться во все стороны, толку мало.

Сейчас нам в первую очередь нужны:
1) Внешний вид (шапка, фоны и так далее).
2) Контент
3) Раскрутка
4) И так далее, много чего еще.

Предлагаю двинуться всем по первому пункту, объединить усилия, иначе фигня получается пока.
Инфа вся по делу идёт прямо сюда. Флуд и оффтоп уже видеть не могу.

Если согласны, то мне нужны технические подробности: как сейчас называется файл шапки форума, где он лежит, где были сделаны изменения.
Если не трудно, покопайтесь в темах, где че лежит, я уже не могу искать.
Потом всё это пригодится для создания контента форума.

Так будет быстрее и эффективнее.

Тема только для меня, строина, деда и репина. Всё остальное расценивается как флуд/оффтоп (включая "полезные советы" "доброжелателей") и будет перенесено во флуд.
Автор:  ^foxy^ [ 31 мар 2009, 13:28 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
Короче, я занимаюсь .css
Иниипёт.

Немного инфы:

Цитата:
CSS это язык стилей, определяющий отображение HTML-документов. Например, CSS работает с шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами.


Цитата:
В чём разница между CSS и HTML?

HTML используется для структурирования содержимого страницы. CSS используется для форматирования этого структурированного содержимого.



Корень форума предлагаю в дальнейшем так и называть - корень/рут. Он же root, для указания пути. Удобно и паранойа моя успокоится немного)


Дальше.

Применить правила css к документу html можно несколькими способами. Нас интересует пока только один, поскольку он уже работает, а именно:
cоздание ссылки на внешнюю таблицу стилей. Это простой текстовый файл с расширением .css, у нас он называется stylesheet.css, для стиля subsilver2 путь root/styles/subsilver2/theme/

Ссылка создается у нас в overall_header.html, в тегах <head> </head>, выглядит она так

Код:
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />


На одну внешнюю таблицу стилей могут ссылаться несколько хтмл-документов.

Остальное чуть позже.

Я создам стиль subsilver2_test, на основе актуального subsilver2. Потом установлю его в тестовый раздел. Все изменения будут происходить там. Удачный опыт можно будет потихоньку перетаскивать в оригинальный subsilver2.


Мне надо знать, как сейчас называйтся точно шапка форума и где она лежит.
По возможности быстрее.
Автор:  stroin [ 31 мар 2009, 13:46 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
Shapka.jpg

....../imageset/Shapka.jpg
Автор:  Ded_Kumar [ 01 апр 2009, 19:42 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
:drag:
черновик

Вложения:
Комментарий к файлу: самая лучшая в мире шапка
shapka1.gif
shapka1.gif [ 100.16 Кб | Просмотров: 32791 ]
Автор:  ^foxy^ [ 02 апр 2009, 22:38 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
блин... короч мысль такая - вернуть дефолтную шапку, ибо нифига неизвестно, в каком хтмл-доке изменение шапки происходит, если через админку делать.
Завтра в тестовом форуме 1 поставлю дефолтную, потом буду кодить в stylesheet.css
пока строиновская стоит пусть.
от греха блин подальше :jokingly:
Автор:  ^foxy^ [ 03 апр 2009, 12:18 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
Вопсчим, шапка прописывается в файле overall_header.htm
Если её делать через админку (Главный логотип), то некие данные сохраняются в БД.
Если не ошибаюсь, U_INDEX и SITE_LOGO_IMG из строки
Код:
<td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>

как раз сиквеловская шляпа.

MySQL ща ни малейшего желания нет копать.
Поэтому пока:
1) На главной странице всё остается как есть.
2) Вечером в Разработке верну дефолтную шапку, настрою шаблоны и темы для стиля subsilver2_test, чтоб можно было нормально уже потестить. Пока тестовый сабсилвер юзает файлы сабсилвера, сволочь.
3)Сегодня пятница, спонт уже тянется за стаканом.. Если чё, стрелять на поражение нафиг.. :jokingly:
4) Все изменения с внешним видом буду делать напрямую в .css и .html. Админка в этом плане не рулит ни разу.

Дед, не удаляй тока с компа свои кортинке! Ваще! Потом пригодятся, чувствую) Хз когда, но на мысли правильные наводят)
Автор:  ^foxy^ [ 03 апр 2009, 19:15 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
Короч, главный вопрос с шапкой сейчас звучит так:

Кто знает, чё сделать, чтоб она менялась в соответствии с разрешением экрана юзера?
Размер картинки фиксированный, 1200х200. На разных разрешениях размер не меняется, то есть либо не умещается, либо короткая слишком.

Мысль такая:
нужно сделать несколько картинок разного размера и залить на сервак, чтоб можно было в коде подогнать нужный размер под разрешение.
это я чисто навскидку, потому что пока не знаю, чё тут реально можно сделать.

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


Типа вот этого:


Изображение



Для молочного, шоколадного или ещё какого фона мне нужны картинки..
Хотя мне кажется все эти синие полоски надо подогнать просто, выбрать чуть более интересный синий цвет)
Синий рулит! :smile1:
Автор:  stroin [ 06 апр 2009, 20:25 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
По синему переливу - довольно быстро делается. но у меня с разбором пол дня ушло.
Заходим в stylesheet.css и правим:

Цитата:
#logodesc {
margin-bottom: 5px;
padding: 5px 25px;
>>>>>background-color: #FFFFFF;<<<<<< это меняем
border-bottom: 1px solid #4787A7;

на вот это
Цитата:
background-image: url('путь к файлу/имяфайла.jpg');


Можно убрать border-bottom, тогда станет как на картинке phpguru.
Автор:  repin [ 06 апр 2009, 23:15 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
блин, вот вы ппц просто, я думал, что вы в месяц уложитесь, а вы тут уже хз скока времени с этим сидите...

нехорошо получается, нехорошо....

как сделал бы я:
1) полазил бы по инету, поискал тымы для этого движка форума
2) посмотрел какая больше всех мне подходит
3) посмотрел как там все сделано
4) применил на этой теме
5) сидел и радовался проделанной рабботе :mad:
Автор:  ^foxy^ [ 07 апр 2009, 08:21 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
да потому что некоторые чатами и правилами всякими занимаются...
со стилем я так понимаю определились, сабсилвер2, хотя лично мне он не очень.
шапку надо ваще-та делать и бэкграунд, причём тут ваще применение и т.п.
Автор:  Ded_Kumar [ 08 апр 2009, 06:27 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
^foxy^ писал(а):
шапку надо ваще-та делать и бэкграунд, причём тут ваще применение и т.п.

применение тут ПРИТОМ!!! Фключи моск! От чего отталкиваться при изготовлении того ЧЕГО ТЕБЕ НАДО? Способов много! я те задний фон точкой сделаю, ты сможешь реализовать в коде? иль прям картинкой сделаю, код другого вида уже. и шляпа тож самое! незнаю кода не лезу в воду! расписывать негодование некогда!!! работаю я...
Автор:  ^foxy^ [ 08 апр 2009, 09:26 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
блин) ну короч, я так понимю мы на сабсилвере остаёмся, значит его править нада.
дед, а мы с бекграундом ваще еще не определились, какого цвета и чиво будет-то))
сейчас бэк шапки горизонтальная
полоса, которая привязана к форуму. Форум растягивается/сжимается на разных разрешениях - полоса тоже.
В stylesheet.css это выглядит так:

Код:
#logodesc {
   margin-bottom: 5px;
   padding: 5px 25px;
         background-image: url('http://s46.radikal.ru/i113/0904/7b/ac8fb2224e35.jpg');

   border-bottom: 1px solid #4787A7;
}



Файл бэка шапки:

Изображение


Если шапка (или ещё какая нужная кортинко) лежит
в той же папке, что и stylesheet.css, то достаточно вписать
Код:
background-image: url('Shapka.jpg')


А не как сейчас:
Код:
background-image: url('http://s46.radikal.ru/i113/0904/7b/ac8fb2224e35.jpg');



Блин, шапка через админку сделана :glare:
Бачиму она до сих пор не в stylesheet.css?



Фон всего форума, насколько я понимаю, это простая вертикальная полоска белого цвета,

В stylesheet.css это выглядит как-то так:
Код:
#wrapheader {
   min-height: 120px;
   height: auto !important;
   height: 120px;
/*   background-image: url('./images/background.gif');
   background-repeat: repeat-x;*/
/*   padding: 0 25px 15px 25px;*/
   padding: 0;
}



Это всё, чё могу пока сказать.
Автор:  Ded_Kumar [ 08 апр 2009, 09:47 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
радует, што ище ктота работает ;) будет свободное время, подробнее в асе расспрошу чивогдекаг... будем отталкиваться от изученного рыжыком ;)
тока пожже... работа...
Автор:  stroin [ 08 апр 2009, 10:01 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
wrapheader - это не то. Все, что между символами /* - отключено. Я так понял.
Автор:  ^foxy^ [ 08 апр 2009, 10:07 ]
Заголовок сообщения:  Re: Основное направление движения. По пунктам.
Код:
/* Пырым бырым */

это камент.
Я так понял, что где-то еще этот Пырым бырым прописан, к примеру, в overall_header.html
А камент для того, чтоб знать, че искать.

#wrap определяет позиционирование картинки, если не ошибаюсь.
Страница 1 из 10 Часовой пояс: UTC + 3 часа
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/