Записи участника (levin) (Форум аццкого кодера)

Форум аццкого кодера

  • Страница 1 из 1
  • 1
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » levin [8]
Результаты поиска
Дата: Вторник, 08.01.2013, 22:54 | Сообщение #1 | Тема: Как привязать к каждой категории каталога свою картинку?
levin
Рядовой
Группа: Зарегистрированные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, А можешь прописать для фотоальбома исходник $CATEGORIES$, не просто скопировав исходный код, а оставив там теги $????$, что бы код получился универсальным???

 
Дата: Среда, 09.01.2013, 21:05 | Сообщение #2 | Тема: Как привязать к каждой категории каталога свою картинку?
levin
Рядовой
Группа: Зарегистрированные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline
Цитата (likbezz, Вт, 08.01.2013, 23:44:15)
..а зачем?..

я не могу понять. Вышеописанный код подходит если вручную прописывать категории фотоальбома на отдельно созданной странице. Но если на сайте много категорий и альбомов, его невозможно применить для вставки в шаблон "страницы со списком фотографий раздела" или в шаблон страницы со списком фотографий альбома!
Получается что нужно разместить код который будет работать на всех страницах фотоальбома, что бы категории раздела (разделы и альбомы) отображались в виде заглавной фотки и названия под ней.
Может есть какой вариант для реализации, но я до этого додумать не могу. Туп. wacko

 
Дата: Среда, 09.01.2013, 22:32 | Сообщение #3 | Тема: Как привязать к каждой категории каталога свою картинку?
levin
Рядовой
Группа: Зарегистрированные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline
Цитата (likbezz, Ср, 09.01.2013, 21:35:59)
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$ и т.д. и вставить это в шаблон страницы со списком категорий.
Так вот, какие переменные нужно использовать?

Цитата (likbezz, Ср, 09.01.2013, 21:35:59)
Но лично я, пока, не вижу того чего нельзя было сделать стилями ..

Стилями можно было бы, но есть ведь еще и модуль "статьи" и "блог" и еще всякие, к которым нельзя использовать наши превьюшки, так как в них фоток нет. А в шаблоне мы сможем задать отдельный код вместо $categories$ используя оператор <?if module_name=photo ?> то выводим наш код, в противном случае, оставляем обычный вид $categories$.
Прикрепления: 0025110.jpg (15.8 Kb)

Сообщение отредактировал levin - Среда, 09.01.2013, 22:45
 
Дата: Пятница, 11.01.2013, 11:24 | Сообщение #4 | Тема: Как привязать к каждой категории каталога свою картинку?
levin
Рядовой
Группа: Зарегистрированные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline
Цитата (likbezz, Чт, 10.01.2013, 00:15:44)
пиши стили относительно

Так как надо стили прописать то ?
или мы здесь только наполнением форума занимаемся?

 
Дата: Среда, 23.01.2013, 20:38 | Сообщение #5 | Тема: Как привязать к каждой категории каталога свою картинку?
levin
Рядовой
Группа: Зарегистрированные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline


 Ок. Извиняюсь за бестактность. Нет возможности посвящать изучению 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
 
Дата: Среда, 23.01.2013, 23:16 | Сообщение #6 | Тема: Как привязать к каждой категории каталога свою картинку?
levin
Рядовой
Группа: Зарегистрированные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline


 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
 
Дата: Понедельник, 28.01.2013, 22:56 | Сообщение #7 | Тема: Как привязать к каждой категории каталога свою картинку?
levin
Рядовой
Группа: Зарегистрированные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline


 Я вернулся, не прошло и двух недель :-). Вот об этом я говорил, когда сетовал на нехватку времени :-)
Цитата (likbezz, Чт, 24.01.2013, 12:53:42)
А уменьшить фотку до нужного размера не приходило в голову?

Да, так и сделал, точнее я не уменьшал фотки, а взял ссылку с миниатюры, которая делается Юкозом при загрузке фотографий и помещается в превью.

Цитата (likbezz, Чт, 24.01.2013, 12:53:42)
.. А зачем делать фон ссылкой .. если можно присвоить ссылке фон ..

Не получается присвоить ссылке фон. Точнее получается, но не задаются размеры. Как только вставляем "#cid1 a{...", фон сжимается в a.catName и ограничивается размером текста и отказывается расширяться :-((

[/color]

 
Дата: Вторник, 29.01.2013, 23:29 | Сообщение #8 | Тема: Как привязать к каждой категории каталога свою картинку?
levin
Рядовой
Группа: Зарегистрированные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline
Код

<?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>), то размер ей задать не удается :-(
У меня получалось это делать раньше, не сложная вполне операция, но в нашем случае слоя нет.

 
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » levin [8]
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия