• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по Ucoz » Как так сделать?
Как так сделать?
tomas686
Дата: Пятница, 21.08.2009, 20:22 | Сообщение # 1
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		Всем привет....вот меня интересует, как сделать например вот так:

или
Прикрепления: 9044804.gif (2.8 Kb) · 7018385.gif (2.9 Kb)
  
chu4___x
Дата: Пятница, 21.08.2009, 20:32 | Сообщение # 2
говорун
Группа: Проверенные
Пользователь №: 13
Сообщений: 211
Получено оценок: 19 		Что это?
«POST данные для модулей системы»
  
tomas686
Дата: Пятница, 21.08.2009, 20:44 | Сообщение # 3
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1
Прикрепления: 1342033.gif (2.9 Kb)
  
amenhaton
Дата: Пятница, 21.08.2009, 20:55 | Сообщение # 4
молчун
Группа: Пользователи
Пользователь №: 72
Сообщений: 25
Это иконки категорий.
Делается средствами хтмл-кода, CSS и собственных ручек.
  
tomas686
Дата: Пятница, 21.08.2009, 21:03 | Сообщение # 5
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		amenhaton, ну если вы такой вумный....покажите пожалуйста на примере ^_^
  
amenhaton
Дата: Пятница, 21.08.2009, 21:09 | Сообщение # 6
молчун
Группа: Пользователи
Пользователь №: 72
Сообщений: 25
tomas686, я не говорил, что я умный :p

Ну, что же, самый простой и хороший метод описан АлмЛексом :)

Code
<?if($CATEGORY_NAME$)?>
<div class="CatIcon$CID$ CatIcon"   
onclick="location.href='$CATEGORY_URL$';"
title="$CATEGORY_NAME$">
↑<a class="entryCatLink" href="$CATEGORY_URL$" title="Категория">
$CATEGORY_NAME$
</a></div><?endif?>

Это в вид материалов.
class="CatIcon$CID$ CatIcon". Это значит, что для блока class="CatIcon$CID$ CatIcon". Это значит, что для блока определяются два класса. В одном общая информация, в другом о иконкею

Далее в CSS вставляем

Code
.CatIcon { padding-left: 18px;cursor: pointer; }

.CatIcon1 {
background: url(адрес)   
left center no-repeat;}
.CatIcon2 {
background: url(адрес)
   left center no-repeat;}
.CatIcon3 {
background: url(адрес)   
left center no-repeat;}
.CatIcon4 {
background: url(адрес)
left center no-repeat;}
.CatIcon5 {background: url(адрес)
   left center no-repeat;}

Заливаете свои иконки и прописываете адрес там, где я это написал.
Выйдет немного по-другому, но код можно интегрировать. Проще говоря, с ним можно играться как пожелаешь.

Вот и всё :)

Сообщение отредактировал amenhaton - Пятница, 21.08.2009, 21:10
  
amenhaton
Дата: Пятница, 21.08.2009, 21:14 | Сообщение # 7
молчун
Группа: Пользователи
Пользователь №: 72
Сообщений: 25
Редактировать не могу - Опера глючит, поэтому исправлю так:

class="CatIcon$CID$ CatIcon". Это значит, что для блока определяются два класса. В одном общая информация, в другом о иконке.

  
tomas686
Дата: Пятница, 21.08.2009, 21:27 | Сообщение # 8
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1
Quote (amenhaton)
.CatIcon { padding-left: 18px;cursor: pointer; }

.CatIcon1 {
background: url(адрес)
left center no-repeat;}
.CatIcon2 {
background: url(адрес)
left center no-repeat;}
.CatIcon3 {
background: url(адрес)
left center no-repeat;}
.CatIcon4 {
background: url(адрес)
left center no-repeat;}
.CatIcon5 {background: url(адрес)
left center no-repeat;}

заменить "адрес" ссылкой на изображение?

  
amenhaton
Дата: Пятница, 21.08.2009, 21:28 | Сообщение # 9
молчун
Группа: Пользователи
Пользователь №: 72
Сообщений: 25
Да, без скобочек, просто ссылка типа

Code
.CatIcon1 {  
background: url(http://studioad.ru/kartinko's/kartinko.jpg)
  
tomas686
Дата: Пятница, 21.08.2009, 21:32 | Сообщение # 10
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		amenhaton, .CatIcon1 - обозначает ID категории?
  
amenhaton
Дата: Пятница, 21.08.2009, 21:33 | Сообщение # 11
молчун
Группа: Пользователи
Пользователь №: 72
Сообщений: 25
Да :)
  
tomas686
Дата: Пятница, 21.08.2009, 21:37 | Сообщение # 12
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		amenhaton, Работает, большое спасибо... :Q
  
tomas686
Дата: Пятница, 21.08.2009, 21:43 | Сообщение # 13
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		amenhaton, а как размер картинки то изменить??? :'(
  
amenhaton
Дата: Пятница, 21.08.2009, 21:44 | Сообщение # 14
молчун
Группа: Пользователи
Пользователь №: 72
Сообщений: 25
tomas686, в смысле?
Какие картинки залили, такие и будут.

Если вы про это, то в графическом редакторе.

Вот склад маленьких картинок...
Если нужно, конечно

Сообщение отредактировал amenhaton - Пятница, 21.08.2009, 21:45
  
tomas686
Дата: Пятница, 21.08.2009, 21:45 | Сообщение # 15
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		Нашел
Code
.CatIcon { padding-left: 18px;cursor: pointer; }

и давай на ТЫ переходи ^_^
  
amenhaton
Дата: Пятница, 21.08.2009, 21:46 | Сообщение # 16
молчун
Группа: Пользователи
Пользователь №: 72
Сообщений: 25
tomas686, давай :)

А вот про что ты )

  
tomas686
Дата: Пятница, 21.08.2009, 21:50 | Сообщение # 17
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		amenhaton, Плин, не помогает, может быть из за размера шрифта в заголовке материала? :'(
  
amenhaton
Дата: Пятница, 21.08.2009, 21:50 | Сообщение # 18
молчун
Группа: Пользователи
Пользователь №: 72
Сообщений: 25
tomas686, объясни детально что у тебя не так.

Сообщение отредактировал amenhaton - Пятница, 21.08.2009, 21:51
  
tomas686
Дата: Пятница, 21.08.2009, 21:55 | Сообщение # 19
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1
Залил картинку размером 32х32, она мелкая...
И еще можно вооон ту стрелочку убрать? angel
Прикрепления: 5593472.gif (1.6 Kb)
  
amenhaton
Дата: Пятница, 21.08.2009, 21:57 | Сообщение # 20
молчун
Группа: Пользователи
Пользователь №: 72
Сообщений: 25
tomas686, просто сотри её ^_^

Code
↑<a class="entryCatLink" href="$CATEGORY_URL$" title="Категория">

А суть проблемы так и не понял :)
То ли я тугодум?

Сообщение отредактировал amenhaton - Пятница, 21.08.2009, 21:58
  
tomas686
Дата: Пятница, 21.08.2009, 21:59 | Сообщение # 21
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		amenhaton, сорри за тупость...проблема в том что я залил картинку размером в 32х32, а выходит 18х18....
и еще напоследок :D как убрать ссылку JS рядом с картинкой? ^_^

Сообщение отредактировал tomas686 - Пятница, 21.08.2009, 21:59
  
chu4___x
Дата: Пятница, 21.08.2009, 22:02 | Сообщение # 22
говорун
Группа: Проверенные
Пользователь №: 13
Сообщений: 211
Получено оценок: 19 		tomas686, удалить строку не пробовали?
«POST данные для модулей системы»
  
tomas686
Дата: Пятница, 21.08.2009, 22:04 | Сообщение # 23
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		chu4___x, какую?
  
chu4___x
Дата: Пятница, 21.08.2009, 22:18 | Сообщение # 24
говорун
Группа: Проверенные
Пользователь №: 13
Сообщений: 211
Получено оценок: 19 		Которая вам не нужна :D
«POST данные для модулей системы»
  
tomas686
Дата: Пятница, 21.08.2009, 22:21 | Сообщение # 25
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1 		chu4___x, :D
тогда все пропадет(
  
Форум Studio AD » Сайтостроение » Общий форум по Ucoz » Как так сделать?
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.