|
Результаты поиска
|
|
| [1 | Тема: Как привязать к каждой категории каталога свою картинку?] levin [08.01.2013, 22:54] |
|
likbezz, А можешь прописать для фотоальбома исходник $CATEGORIES$, не просто скопировав исходный код, а оставив там теги $????$, что бы код получился универсальным??? |
|
| [2 | Тема: Как привязать к каждой категории каталога свою картинку?] levin [09.01.2013, 21:05] |
я не могу понять. Вышеописанный код подходит если вручную прописывать категории фотоальбома на отдельно созданной странице. Но если на сайте много категорий и альбомов, его невозможно применить для вставки в шаблон "страницы со списком фотографий раздела" или в шаблон страницы со списком фотографий альбома!
Получается что нужно разместить код который будет работать на всех страницах фотоальбома, что бы категории раздела (разделы и альбомы) отображались в виде заглавной фотки и названия под ней.
Может есть какой вариант для реализации, но я до этого додумать не могу. Туп.  |
|
| [3 | Тема: Как привязать к каждой категории каталога свою картинку?] levin [09.01.2013, 22:32] |
levin,
Цитата (levin, Ср, 09.01.2013, 21:05:16)
я не могу понять. Вышеописанный код подходит если вручную прописывать категории фотоальбома на отдельно созданной
Из чего это следует?
Так, мы пытаемся разобрать исходник $CATEGORIES$, дабы добавить превью фотографии.
В итоге должно получиться так:
Код Код <td style="width: 100%;" class="catsTd" id="cid16" valign="top"><a href="http://likbezz.ucoz.ru/load/16" class="catName">Работа с файлами</a> <span class="catNumData" style="unicode-bidi: embed;">[2]</span><div class="catDescr">Работа с файлами</div></td>
выдает нам ссылку с текстом "работа с файлами" отправляющую по адресу "http://likbezz.ucoz.ru/load/16".
Это видно, если посмотреть исходный текст выделенного фрагмента из FF.
Для того что бы код подходил ко всем категориям и ко всем альбомам, нужно заменить a href="http://likbezz.ucoz.ru/load/16" на $какой то URL$, "Работа с файлами" на $какой то Name$ и т.д. и вставить это в шаблон страницы со списком категорий.
Так вот, какие переменные нужно использовать?
Но лично я, пока, не вижу того чего нельзя было сделать стилями ..
Стилями можно было бы, но есть ведь еще и модуль "статьи" и "блог" и еще всякие, к которым нельзя использовать наши превьюшки, так как в них фоток нет. А в шаблоне мы сможем задать отдельный код вместо $categories$ используя оператор <?if module_name=photo ?> то выводим наш код, в противном случае, оставляем обычный вид $categories$.
Сообщение отредактировал levin - Среда, 09.01.2013, 22:45 |
|
| [4 | Тема: Как привязать к каждой категории каталога свою картинку?] levin [11.01.2013, 11:24] |
Так как надо стили прописать то ?
или мы здесь только наполнением форума занимаемся? |
|
| [5 | Тема: Как привязать к каждой категории каталога свою картинку?] levin [23.01.2013, 20:38] |
Ок. Извиняюсь за бестактность. Нет возможности посвящать изучению ucoz`а столько времени, сколько хотелось бы. Вот и приходится искать легкие пути.
Я понял что нужно прописать отдельные стили для категорий, это самый верный вариант. Информер не подходит, так как в моем случае нужно превью и для разделов и для категорий (не напасешься информеров и условных операторов).
Насколько я могу понять, код должен выглядеть примерно так:
<?if($MODULE_ID$=='photo')?>
<style type="text/css">
td#cid$NUMBER$.catsTd /* данная строка как я понял указывает на ячейку в которую вписано название категории */
{width: 100px; height: 100px;
background:url('www.имя_сайта.ru/_ph/$SID$/и вот как указать картинку то нужную???' ) /* или как то нужно использовать $CATEGORY_URL$ , но этого кажется будет недостаточно, так как нам нужно добраться до файла картинки. */
}
</style>
<?endif?>
А вот что делает catDescr, не пойму.
Сообщение отредактировал levin - Среда, 23.01.2013, 20:53 |
|
| [6 | Тема: Как привязать к каждой категории каталога свою картинку?] levin [23.01.2013, 23:16] |
likbezz,
Проработал код, получилось!!!
Немного подправил юзабилити, а в основном все так и оставил. Честно говоря не совсем понял отдельные элементы, но в целом отлично получилось!!!
Поставил так:
Код
<?if($MODULE_ID$=='photo')?>
<style type="text/css">
#mod_photo table.catsTable{display:block;border-collapse:collapse;border-spacing:0;}
#mod_photo tr{ }
#mod_photo td{background-repeat:no-repeat;background-position:center 5px;text-align:center;}
#mod_photo span.catNumData,#mod_photo div.catDescr{ }
.catsTd { height: 150px; padding: 140px 0px 0px 0px; text-align:center; }
.catname {font: 16px 'Tahoma','Arial';}
/* Это общие стили - ширина, отступы и тп */
/* А это стили с картинками, для каждой категории */
#mod_photo td{}
#cid5 {background: url("/_ph/5/2/301115797.jpg") no-repeat scroll 0% 0% / 150px 130px transparent; background-position:top center}
</style>
<?endif?>
Думаю теперь, как сделать бэкграунд активной ссылкой по адресу что и catName, для этого надо его заключить в div, но вот до него добраться видимо не получится.
В любом случае спасибо. Очень помог, я потратил почти 4 часа, но все же разобрался!
БЛИН!
Обажаю интернет эксплорер, он проигнорировал мое указание на размер бэкграунда и поля padding и вывел фоту на всю ширину ячейки!!!
Сообщение отредактировал levin - Среда, 23.01.2013, 23:36 |
|
| [7 | Тема: Как привязать к каждой категории каталога свою картинку?] levin [28.01.2013, 22:56] |
Я вернулся, не прошло и двух недель :-). Вот об этом я говорил, когда сетовал на нехватку времени :-)
А уменьшить фотку до нужного размера не приходило в голову?
Да, так и сделал, точнее я не уменьшал фотки, а взял ссылку с миниатюры, которая делается Юкозом при загрузке фотографий и помещается в превью.
.. А зачем делать фон ссылкой .. если можно присвоить ссылке фон ..
Не получается присвоить ссылке фон. Точнее получается, но не задаются размеры. Как только вставляем "#cid1 a{...", фон сжимается в a.catName и ограничивается размером текста и отказывается расширяться :-((
[/color] |
|
| [8 | Тема: Как привязать к каждой категории каталога свою картинку?] levin [29.01.2013, 23:29] |
Код
<?if($MODULE_ID$=='photo')?>
<style type="text/css">
#mod_photo table.catsTable{display:block;border-collapse:collapse;border-spacing:0;}
#mod_photo tr{ }
#mod_photo td{background-repeat:no-repeat;background-position:center 5px;text-align:center; }
#mod_photo span.catNumData,#mod_photo div.catDescr; }
#mod_photo a{display:block;background-repeat:no-repeat;background-position:center 7px;padding-top:147px;}
.catsTd {padding: 90px 0px 0px 0px; text-align:center; }
.catname {font: 16px 'Tahoma','Arial'; }
#mod_photo td{}
#cid8 a {background: url("/_ph/9/1/149663905.jpg") no-repeat scroll 0% 0% / 100px 80px transparent; background-position:top center; }
</style>
<?endif?>
В результате получается ссылка 
Если текст уже фоты, фота урезается.
По всякому уже издевался над ссылкой, но если внутри ссылки нет слоя (<a><div></div></a>), то размер ей задать не удается :-(
У меня получалось это делать раньше, не сложная вполне операция, но в нашем случае слоя нет. |
|
