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

[vkams]

Добрый день!
В стиле prosilver добавил мод Skype и решил добавить свою кнопку в профиле (в моде изображение запрашивается с сайта skype.com). Нарисовал, положил в styles\prosilver\imageset\, вписал вручную в imageset.cfg, обновил все кэши - не видит! Система подстановок имён мне непонятна, действовал по аналогии.

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

[Rayden]

Кто не видит, чего не видит, чего должно быть видно, где чего прописывал? Мы все догадываться должны?
imageset.cfg кстати совершенно не обязательно было трогать.
Изображение можно положить в любую папку и оно будет доступно в шаблоне.

Добавлено спустя 38 секунд:
И вообще, почему тема начата не в разделе стили?

[vkams]

И вообще, почему тема начата не в разделе стили?

Ой, это я отупел после целого дня шаманских плясок с бубном. И невнятное объяснение тоже. Попробую поточнее.

Для вывода иконки в профиле в файле viewtopic_body.html используется конструкция:

Код: Выделить всё

					<!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->

Я по аналогии добавляю

Код: Выделить всё

					<!-- IF postrow.U_SKYPE --><li class="skype-icon"><a href="skype:{postrow.U_SKYPE}?call" onclick="return skypeCheck();" title="{L_SKYPE} {postrow.U_SKYPE}">{L_SKYPE}</a></li><!-- ENDIF -->

В файле buttons.css такое:

Код: Выделить всё

ul.profile-icons li.icq-icon	{ width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
ul.profile-icons li.skype-icon	{ width: {IMG_ICON_CONTACT_SKYPE_WIDTH}px; height: {IMG_ICON_CONTACT_SKYPE_HEIGHT}px; }

Файл icon_contact_skype.gif лежит рядом с icon_contact_icq.gif. Само поле skype в профиле заполнено, до экспериментов со своим изображением исправно подгружалась кнопка с сайта skype по запросу:

Код: Выделить всё

  <!-- IF postrow.U_SKYPE --><li class="skype-icon"><a href="skype:{postrow.U_SKYPE}?call" onclick="return skypeCheck();"><img src="http://mystatus.skype.com/smallicon/{postrow.U_SKYPE}" title="{L_SKYPE} {postrow.U_SKYPE}" border="0" /></a></li><!-- ENDIF -->

Изображение можно положить в любую папку и оно будет доступно в шаблоне.

Каким образом прописывать путь к нему?

[Rayden]

Сей гиморойный путь следует выбирать только в тех случаях, когда у вас различные картинки в различных языках.
Когда же картинка одна для всех языков, следует поступать проще.
В папке со стилем три папки:
imageset
template
theme

путь в любую можно заменить переменной:
{T_IMAGESET_PATH}/image.gif
{T_TEMPLATE_PATH}/image.gif
{T_THEME_PATH}/image.gif

[vkams]

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

Подстановка через {T_IMAGESET_PATH} понятна, буду в дальнейшем использовать, но в данном случае нужна доработка.
Вставить с помощью описанной Вами конструкции получилось: <img src="{T_IMAGESET_PATH}/icon_contact_skype.gif"> , однако нужен эффект "подсветки" (hover). В конце концов, кнопка должна действовать как и прочие, так что и внедрение её в код должно быть похожим - а как?

[Rayden]

Этот вопрос уже не имеет отношения к "доступу к изображениям" и делается не через img, а через бекграунд.

Но если в двух словах, то для блока, содержащего картинку прописывается размер (тот самый квадрат, чтоб было видно только половинку картинки) прописывается два стиля, обычный и ховер. Для ховера ставится или другая картинка в бекграунд, или та же, но со смещением, чтоб показывалась нижняя часть.

Далее. Внутрь этого блока прописывается еще один, с такими же размерами, но содержащий ссылку.

Примеры не привожу, по памяти все равно ошибусь, а в просилвере все есть.

[vkams]

Автор мода Skype откликнулся: http://www.phpbb.com/community/viewtopi ... 0&t=965425 Надеюсь, через какое-то время будет окончательная версия мода.
К сожалению, и после его рецепта пришлось экспериментировать, чтобы заработало. Честно сказать, объём правок, которые нужно внести для отнюдь не радикального изменения движка форума, меня поразил: до чего же сложный код, как же его дальше люди будут обслуживать и менять?

[AlexV_attention]

Появился такой вопрос:
В хидере, разместил кнопку правила, вставил таким образом:

<ul class="linklist rightside">
<li class="icon-rules"><a href="./viewtopic.php?f=35&t=21" title="Правила">Правила</a></li>
<li class="icon-faq"><a href="./faq.php" title="Часто задаваемые вопросы">FAQ</a></li>

На фтп в папку 0:/www/styles/prosilver/theme/images/ - закинул icon_rules.gif

Обновил стили, наборы изображений, кеш - а рисунка все равно не видно! Раз 5 пробывал менять = и ничего не помогло! Подскажите пожалуйста в чем проблема и как ее исправить!?

[Палыч]

AlexV_attention
А почему рисунок должен быть виден? Где указание на него?
У вас применяется класс icon-rules. Вы определили этот класс в css(по аналогии с icon-faq)?

[AlexV_attention]

У вас применяется класс icon-rules. Вы определили этот класс в css(по аналогии с icon-faq)?

Хм.. нет, не знал. А можно поточнее в какой именно таблице!? И что значит определить!?

[Палыч]

в какой именно таблице!?

Ни в какой.
файл colours.css

Код: Выделить всё

/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-faq						{ background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
.icon-members					{ background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
.icon-home						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-ucp						{ background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
.icon-register					{ background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
.icon-logout					{ background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
.icon-bookmark					{ background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
.icon-bump						{ background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
.icon-subscribe					{ background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
.icon-unsubscribe				{ background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
.icon-pages						{ background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
.icon-search					{ background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }

файл buttons.css

Код: Выделить всё

/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}

[AlexV_attention]

Палыч, благодарю вас!

[Ksarien]

у меня возник такой вопрос:
добавил в imageset/imageset.cfg строку
img_bg_pattern = bg_pattern.gif*591*591

в свой подключаемый css добавил следующее:
body { background: #eefcff url("{IMG_BG_PATTERN_SRC}") repeat; }

но в генерируемом цсс пусто: background: #eefcff url("") repeat;

подскажите плиз, где именно обрабатывается imageset.cfg, чтобы можно было потом юзать IMG_BG_PATTERN_SRC?

я понимаю что если поставить ручками {T_IMAGESET_PATH}/bg_pattern.gif, то все заработает.
но хотелось бы "по науке".
-------------
порывшись в style.php
вроде бы формируется список изображений из таблицы стиля, хранящейся в базе.
по ходу либо юзать доступные слоты под пользовательские изображения, либо никак?!

[Rayden]

По науке в includes/acp/acp_styles.php

Но по науке в imageset прописывают те картинки, которым нужен размер.
А бекграунды кидаются в themes/images и вызываются как раз через {T_THEME_PATH}/images/

[Izya]

но в генерируемом цсс пусто

А Набор изображений обновляли в админке в закладке Стили?