Skin IBP 2.3.4 - creat or edit?

[Freestiler]

Я конечно понимаю, что тем куча...

и "да" юзал я поиск.. на слова: "дизайн", "скин", "скины", "skins", "skin".

Я уже несколько часов рушу себе зрение, вычитывая полезную инфу для себя, вместе с поиском нашел очень много полезных моментов которые сразу и исправлял, за что форуму ОГРОМНОЕ СПАСИБО.

Однако, я не сомг найти НИ ЕДИНОЙ СТРОЧКИ о том, как сделать самому скин, как исправить уже существующий... *.css давайте без этого...

я желаю исправлять изображения, а не цвет фона и текста, а так же их размеры и т.п. Я конечно понимаю, что всеравно *.css затрагивать будем...

Вот у меня в голове ни как не складывается: "Как возможно хранение изображений в *.xml файле.. Я скачиваю скин и он отлично у меня ставится (делаю все оп инструкции, как у вас и написанно), но ка кмне его исправить - не понимаю, не вижу, не знаю... заменить лого на картинку 1к1 - это слишком просто и недостаточно.

Я очень вас проше рассказать в подробностях - или хотя бы в общих чертах... к примеру: через что открыть *.xml + где найти и заменить где находятся изображения... и .т.п.

 

P.s.:

Вариант для 2.0 находится здесь, он переведён мною на русский.

не грузится, так что там я тоже был, но ни чгео не увидел....

[idTails]

Поставил к себе на форум стиль. Правь его.

После всех изменений, его можно заново упаковать в .xml - для этого есть в админки функция "Экспортировать".

[Максидром™]

Вот у меня в голове ни как не складывается: "Как возможно хранение изображений в *.xml файле.. Я скачиваю скин и он отлично у меня ставится (делаю все оп инструкции, как у вас и написанно), но ка кмне его исправить - не понимаю, не вижу, не знаю... заменить лого на картинку 1к1 - это слишком просто и недостаточно.

Я очень вас проше рассказать в подробностях - или хотя бы в общих чертах... к примеру: через что открыть *.xml + где найти и заменить где находятся изображения... и .т.п.

Лучше всего через сам форум редактировать (наглядней будет):

АЦ - Стили, выбераешь стиль - редактировать css - но и собственно меняешь, что угодно.

Как всё заменишь можишь экспортировать стиль, он сам создаст архивчиг

А .xml полно открывают, что интернет експлоер, что блокнот, что лбая программа для создания веб-сайтов (например, Microsoft Office SharePoint Designer 2007)

[idTails]

А .xml полно открывают, что интернет експлоер, что блокнот, что лбая программа для создания веб-сайтов (например, Microsoft Office SharePoint Designer 2007)

Но не такой XML, как у ИПБ. =/

В данном случае и нас архив.

Изменено 3 Февраля 2008 пользователем idTails

[Arhar]

итак теперь скажет программист

сейчас соберу ответ...

[idTails]

итак теперь скажет программист

[Arhar]

я желаю исправлять изображения, а не цвет фона и текста,

and

Я конечно понимаю, что всеравно *.css затрагивать будем...

==

false

 

можно изменять изображения через фотошоп и загружать их с ТАКИМ ЖЕ названием на сервер, отвечая на вопрос "заменить" утвердительно - получаем измененные изображения (иногда через ctrl+f5)

 

 

 

Как возможно хранение изображений в *.xml файле

с помощью замечательной функции base64_encode

на ней основан принцип работы http://www.ibresource.ru/db/987/

мы бинарно читаем файл с изображением и кодируем его с помощью этой замечательной функции, имеющей однозначное обратное действие base64_decode, превращающее получившийся закодированный текст, состоящий из безопасных символов (не включающих в себя управляющие (от 0 до 31 в аскии)) в бинарное изображение

 

 

отсюда делаем вывод, что

через что открыть *.xml + где найти и заменить где находятся изображения

мы никак не можем

 

существует единственный вариант изменения изображений

можно изменять изображения через фотошоп и загружать их с ТАКИМ ЖЕ названием на сервер, отвечая на вопрос "заменить" утвердительно - получаем измененные изображения (иногда через ctrl+f5)

[Freestiler]

Поставил к себе на форум стиль. Правь его.

После всех изменений, его можно заново упаковать в .xml - для этого есть в админки функция "Экспортировать".

А где мне править-то?) вот в чем вопрос... захожу в "изменить HTML шаблоны" и вижу фигу... т.е. список шаблонов.. нашимаю на любой и получаю справа еще один список о_0 и моментально теряюсь... я уже пытался пользоваться картинками... список css но всеравно не понимаю где искать эти строчки.. ибо при поиске их двойников - немеренно о_О

 

Вот у меня в голове ни как не складывается: "Как возможно хранение изображений в *.xml файле.. Я скачиваю скин и он отлично у меня ставится (делаю все оп инструкции, как у вас и написанно), но ка кмне его исправить - не понимаю, не вижу, не знаю... заменить лого на картинку 1к1 - это слишком просто и недостаточно.

Я очень вас проше рассказать в подробностях - или хотя бы в общих чертах... к примеру: через что открыть *.xml + где найти и заменить где находятся изображения... и .т.п.

Лучше всего через сам форум редактировать (наглядней будет):

АЦ - Стили, выбераешь стиль - редактировать css - но и собственно меняешь, что угодно.

Как всё заменишь можишь экспортировать стиль, он сам создаст архивчиг

А .xml полно открывают, что интернет експлоер, что блокнот, что лбая программа для создания веб-сайтов (например, Microsoft Office SharePoint Designer 2007)

я понимаю, что нагляднее)))

я знаю как все делать в phpbb (ни перла ни пхп я не знаю, ну только отдельные строки), а тут ни чего не понимаю - странно, да?))))) Вот такой я странный чайник))

 

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

Где мне найти иконки изображающие *подфорумы, темы (открыты/закрыты) и т.п.?

 

А вот что мне показывает IE 7 ))))

http://i022.radikal.ru/0802/bb/df06fbce1fa4t.jpg

а если открывать через блокнот, то все написнано в одну строчку + такой же закодированный бред... седовательно, если не знаешь что ищешь - как я - то найти правтически не реально....

http://i018.radikal.ru/0802/e1/30a31ee8f114t.jpg

 

с помощью замечательной функции base64_encode

на ней основан принцип работы http://www.ibresource.ru/db/987/

мы бинарно читаем файл с изображением и кодируем его с помощью этой замечательной функции, имеющей однозначное обратное действие base64_decode, превращающее получившийся закодированный текст, состоящий из безопасных символов (не включающих в себя управляющие (от 0 до 31 в аскии)) в бинарное изображение

 

существует единственный вариант изменения изображений

можно изменять изображения через фотошоп и загружать их с ТАКИМ ЖЕ названием на сервер, отвечая на вопрос "заменить" утвердительно - получаем измененные изображения (иногда через ctrl+f5)

Эм.. в этом я полный профан - ни когда не сталкивался и знать об это функции не мог((

И поэтому даже зная ее название, воспользоваться, я не могу... не мог объяснить пободробнее

 

а на второе - куда заливать и от куда брать их?) через base64_encode?)

[Максидром™]

Поиск рулит если нет то часть ответа:

 

Многие часто задают вопросы типа: «Как сделать справа вверху баннер?»

или

«Как вставить флеш лого?»

Здесь я попробую дать ответы на ваши вопросы.

 

Флеш-лого вместо стандартного логотипа форума:

Админцентр -> Шаблоны -> Скин -> Редактировать фрагменты HTML -> all global HTML -> global_board_header

 

Найти:

 

HTML

<a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a>

 

 

Заменить на:

 

HTML

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="ширина ролика" height="высота ролика">

<param name="movie" value="ссылка на swf ролик">

<param name="quality" value="high">

<embed src="ссылка на swf ролик" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="420" height="40"></embed>

</object>

 

 

После сохраняем сделанное

 

Вот еще один более простой способ. Вставляем данный код:

 

HTML

<object type="application/x-shockwave-flash" data="<#IMG_DIR#>/имя_файла.swf" width="628" height="73">

<param name="movie" value="<#IMG_DIR#>/имя_файла.swf" />

</object>

 

 

Вставка баннеры справа от логотипа:

Админцентр -> ВНЕШНИЙ ВИД -> Менеджер стилей -> Щелкаем на иконку, справа от названия стиля -> Изменить HTML фрагменты -> skin_global (Основные HTML фрагменты) -> global_board_header

 

Найти:

 

HTML

<div id="logostrip">

<a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a>

</div>

 

 

Заменить на:

 

HTML

<div id="logostrip">

 

<div style="float:right;padding:5px">{AD_CODE}</div>

 

<a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a>

</div>

 

 

{AD_CODE} - код баннера, вставляемый в страничку

Пример:

HTML

<a href="http://www.example.com"><img src="http://www.example.com/ad.jpg" alt="Advertisment" width="468" height="60" /></a>

 

 

Лого слишком большое?

У многих после вставки нового лого верх форума становится некрасивым.

Пример:

Смотри размер по вертикали у изображения, затем выставляем нужный размер в CSS. Где это находится? Здесь:

 

HTML

#logostrip{

background: #3860BB url(style_images/1/tile_back.gif);

border: 1px solid #FFF;

height: 68px;

margin: 0;

padding: 0;

}

 

Где height: 68px; и отвечает за размер по вертикали. Выставляем нужный размер в пикселах, заменяя 68 на нужное число.

 

Как сделать логотип по центру?

Опять же заходим в редактирование CSS скина.

Находим код

 

HTML

#logostrip{

background: #3860BB url(style_images/1/tile_back.gif);

border: 1px solid #FFF;

height: 68px;

margin: 0;

padding: 0;

}

 

И заменяем его на такой:

 

HTML

#logostrip{

background: #3860BB url(style_images/1/tile_back.gif);

border: 1px solid #FFF;

height: 68px;

margin: 0;

padding: 0;

text-align: center;

}

 

Где text-align: center; и отвечает за размещение по центру.

 

Лого одного цвета, а правая часть другого, что делать?

Опять CSS.

 

HTML

#logostrip{

background: #3860BB url(style_images/1/tile_back.gif);

border: 1px solid #FFF;

height: 68px;

margin: 0;

padding: 0;

}

 

Смотрим

HTML

background: #3860BB url(style_images/1/tile_back.gif);

 

Где #3860BB цвет фона, url(style_images/1/tile_back.gif) расположение картинки, которая будет фоновым изображением.

[Arhar]

а на второе - куда заливать и от куда брать их?) через base64_encode?)

я так понял, надо делать обучающее видео?

[Freestiler]

Поиск рулит если нет то часть ответа:

 

Админцентр -> Шаблоны -> Скин -> Редактировать фрагменты HTML -> all global HTML -> global_board_header

 

Найти:

 

HTML

<a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a>

 

Заменить на:

HTML

<a href="http://www.example.com"><img src="http://www.example.com/ad.jpg" alt="Advertisment" width="468" height="60" /></a>

 

Где #3860BB цвет фона, url(style_images/1/tile_back.gif) расположение картинки, которая будет фоновым изображением.

Другими словами...

я вставляю строчку: <a href="http://www.mydomen.com"><img src="http://www.mydomen.com/top.jpg" alt="Advertisment" width="468" height="120" /></a>

и высоту правлю .css - все должно получиться?

А исправлять где:

- Изменить таблицу стилей (CSS — расширенный режим)

- Изменить цвета (CSS — простой режим)

?

 

и какой именно .css править?

1/tile_back.gif - у меня сейчас другой стиль стоит, но при входе на фтп названий своего стиля я не вижу, а только два стандартных: 1 и ip.boardpr - поэтому теряюсь где менять эти картинки (стиль который сейчас стоит ZA).

*текст выше я читал, но видимо при таком кол-ве прочитанного текста, я не нашел в нем полезности - моя невнимательность.

 

А что делать с иконками?

 

 

я так понял, надо делать обучающее видео?

Есл исказанно с сарказмом... то не вижу смысла поста...

Если же без его использований, то я попросил бы, если конечно не сложно...

Если я во всем разберусь, то лично напишу фак для чайников (таких, как я )

[Arhar]

не сложно, просто объяснить словами труднее

 

только у меня будет пример с локалхостом наверно, сойдет?

[Freestiler]

не сложно, просто объяснить словами труднее

 

только у меня будет пример с локалхостом наверно, сойдет?

У меня стоит апатч, и если вместо домена будет написанно локал-хост - не вопрос

+ пользуюсь тотал командером - поэтом и с фтп разобраться смогу без особых сложностей )))

[Arhar]

http://rapidshare.com/files/88817177/howtoipb.rar.html

[Freestiler]

http://rapidshare.com/files/88817177/howtoipb.rar.html

Спасибо огромное

 

Объяснено прям совсем, как для чайников)))))

Главное теперь не потерять это видео и выложить в FAQ, чтобы такие как, не задавали таких же вопросов :)

 

ОГРОМНОЕ СПАСИБО

 

*будем пробывать)

 

P.s.: пока не забыл... backgraund на тсранице (за основным телом форума), как называется строчка где его можно изменить?

[idTails]

Я хоть это всё знаю, но всё равно скачаю, шоб посмотреть режиссёрские таланты Архара

[Arhar]

сделал прикрепленную тему, там еще одно видео

там же можно спрашивать про другие ньюансы поиска необходимых элементов

[Freestiler]

Arhar

День добрый)

Я хотел бы снова поинтерисоваться, касательно дизайна...

Как вставлять картинку в таблицу форума?

вот пример

в первые два радела вставленна картинка... вопрос как?

Я догадываюсь, что через стиль... т.е. в .css надо править class='ipbtable' но вот что именно прописывать там.. я не знаю(((

 

Спрашивал я у админа, он отвечал мне рапслывчито, т.е. давал подсказки, но сам способ не говорил))))

Я думал-думал... и что-то ни как у меня не складывается, почему? вот вам отрывок из разговора:

"- Как вставить так картинку? Она разбита?

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

И вот.. я начал, точнее попытался и ничегошеньки не вышло))))) поэтому пришлось вернуть все по дефолту...

 

По моим догадкам, если разбивать изображение, то необходимо создовать class под каждую строчку в таблице и вставлять по одной части картинки... - но это действительно очень сложно... + я не знаю как создовать эти классы + даже не догадываюсь как прописывать к каждой строчке...

2-й фариант (целой картинкой) это если ставить backgroundom таблицы, т.е. общего class и получу в итоге, где-то не полную картинку, а где-то уже начавшую повторятся...

 

P.s.: Если эта картинка получится, то хочу поинтерисоваться, все на том же примере, там на шапку вставленно динамическое изображение (почему динамическое? Потомучто оно потосянно меняется - или наверно я даю не правильный термин), втроым вопросом, как сделать так же?)))

 

P.p.s.: Естественно я не собираюсь копировать тот форум, а хочу свой, но оформить похоже (технически). Картинка на шапке для меня не важно, и если это сложно, то делать этого я не буду, меня очень интерисует, как вставить изображение в раздел... Помогите пожайлуста

Если это быстро и не затруднит, то отлично было-бы очередной видео-урок, который так же пригодился бы всем остальным, однако если нет желания заниматься записью видое-дорожек, то объясните мне пожйлуста указывая директории и названия файлов которые надо исправлять *а главное что в этом файле*, то я вполне (надеюсь) смогу понять и так

 

***т.к. мой вопрос не относится к поиску элементов на форуме, то задаю его здесь***

[Arhar]

это ты интересный форум нашел

все очень просто

<table style="background: url(/style_images/2/bg_images/71.jpg) top right no-repeat;" cellspacing="0">

 

мы идем в админцентр

там во вкладку со скинами

там в выпадающем меню у скина идем в "Изменить HTML фрагменты" (2 пункт, в ксс мы ходили в 3)

там выбираем skin_boards (Главная страница форума)

там CatHeader_Expanded

там заменяем

<table class='ipbtable' cellspacing="0">

на

<table style="background: url(/style_images/bg_images/{$data['id']}.jpg) top right no-repeat;" cellspacing="0">

в папке ./style_images/ создаем папку bg_images/

в нее кладем картинки с именами, равными номеру категории, для которой ее надо отображать

если картинки с таким номером не будет, она просто не будет отображатся

 

как узнать номер категории

навести курсор на название категории

зайти по ссылке

взять из адресной строки последнее число

[Freestiler]

Хех... другими словами... мне необходимо рабиватть картинку, на столько фрагментов, наколько это надо...

так?

 

top right no-repeat - из строчки я понимаю, что картинка всегда будет справа... и она не будет повторяться, а почему тогда знака "=" нет, т.е. top=right no-repeat?

 

кстати.. поле куда вставляется изображения называется style raw2 там у меня прописан цвет фона... мне надо что нибудь туда дописывать?

 

+ Я искал по форуму на тему личной страницы пользователя... т.к. у меня одна из новых версий, то и личная страница такая же как и у вас на форум, а как вернуть ее к класическому виду?

 

все на том же примере (ссылка на меня XDDD).

Тут ни чего лишнего и все как надо... вот как этого добился админ?

 

+ я хотел бы узнать, как отключать функции?

Members team, Calendar и т.д.

я конечно понимаю, что могу просто стереть эти %скрипты% с главной страницы, однако они всеравно будут крутиться и загружать ДБ форума... ведь так?))))

[Arhar]

мне необходимо рабиватть картинку, на столько фрагментов, наколько это надо

нет

просто сделай как я сказал и попробуй методом тыка вставить картинку

увидишь результат - поймешь что произошло

 

а как вернуть ее к класическому виду

админцентр - настройки - профили пользователей - в самом низу (2 снизу настройка)

 

3 вопрос - да, надо править индекс.пхп

причем мне нужно знать какие именно функции ты хочешь удалить

 

 

P.S. покупая телевизор, я никогда не читаю инструкцию к его пульту

я просто нажимаю кнопки и смотрю результат

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

[Freestiler]

там заменяем

<table class='ipbtable' cellspacing="0">

на

<table style="background: url(/style_images/bg_images/{$data['id']}.jpg) top right no-repeat;" cellspacing="0">

в папке ./style_images/ создаем папку bg_images/

в нее кладем картинки с именами, равными номеру категории, для которой ее надо отображать

если картинки с таким номером не будет, она просто не будет отображатся

 

заменил четко на такой же код... только уточнил дирректорию - наче не работает... однако..

сработало все не так...

если cellspacing="0" - то изменений совсем не видно + мне нужны границы таблицы...

если же cellspacing="1", то вот такие изменения...

http://i047.radikal.ru/0802/c2/62174917b231t.jpg

т.е. кратинки встаtт, но не туда

Если хочу вставить картинку в центр, то так

http://i019.radikal.ru/0802/6c/a335fa0687e8t.jpg

По мимо всго, мне не хотелосьбы, что бы она залезала за пределы внутренних полей..

[Arhar]

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

тогда поймешь, почему они попадают туда, куда нужно

http://forum.littlesanime.ru/style_images/2/bg_images/28.jpg

справа гигантское пустое пространство, залитое цветом фона

благодаря этому кажется, что картинка по центру

[Freestiler]

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

тогда поймешь, почему они попадают туда, куда нужно

http://forum.littlesanime.ru/style_images/2/bg_images/28.jpg

справа гигантское пустое пространство, залитое цветом фона

благодаря этому кажется, что картинка по центру

Эм... понял))

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

вот в чем беда?

 

 

+ у меня почему-то съехали шрифты...

т.е. в IE отображается тескт нормально... а в Опере очень мелко...

вот мой форум