Думаю стандартный вид категорий который идет в стандартных шаблонах как то по дизайну не очень красиво вписываются под портал. И если даже шаблон нарисован под заказ всегда стает точка сомнение какой делать по фактуре этот скрипт или вообще его делать. Если его на сайте нет то становятся много блоков и навигация по сайту становиться слаба и гость уходит с сайта не найдя что искал. Этот скрипт все сразу на свои точки ставит и по нему что вам нужно вы быстро найдете. Выполнен он в темных тонах, но это не говорить что он под темный дизайн сайта, так как на светлом он отлично подойдет. Есть нумерация материалов что самое главное. Да и вообще выполнен и нарисован все красиво и качественно.
Оставляем стандарт и просто к нему прописываем стиль:
Если вы хотите иметь заголовок материала в 3D то вам стоит установить этот полезный скрипт очень красиво смотрится на темных дизайнах но и на светлых тоже норм
И та для этого нам нужен заголовок на примере:
src="Ваш оператор картинки или ссылка" ==> здесь должен быть оператор,вашей картинки пример $SCREEN_URL$ или какой ни-будь другой.
width="80px" ==> размер главной картинки на которую будет появляться картинка New можно увеличить по вашему желанию.
height="34" ==> размер картинки New,иногда главная картинки меньше,и картинка New вылазит из берегов.
margin-left:39px; margin-top:-3px; ==> это положение картинки,у некоторых она может покоситься.
Описание данного скрипта:
Скрипт отправляет сообщение на форум. Всё достаточно легко, Вам только нужно прописать: Полный адрес темы, ID раздела и ID темы. Остальное всё автоматически делает скрипт, красивое окошко, поддержка каптчи для определённых групп и стоит запрет отправки если сообщение имеет меньше 2-ух символов. Так же красиво выводятся сообщения об успешной отправке и об ошибке. В общем тестируем и оцениваем!
<script type="text/javascript">
var FullthUrl = '/forum/2-1'; // Ссылка на тему
var FthUrl = '2'; // ID раздела
var thUrl = '1'; // ID темы
</script>
<script type="text/javascript" src="http://www.php-ucoz.ru/js/uSite.Add-idea.js"></script>
/forum/2-1 — адрес Вашей темы
2— ID раздела
Новая форма поиска для сайтов на uCoz. Выполнена она в серых и синих тонах. Такую форму поиска можно установить в сайдбар или шапку сайта. И там и тут она будет смотреться хорошо.
Установив данный скрипт, Вы получите поле в каталоге файлов, на просмотр содержимого которого можно будет установить пароль (Рекомендуем помещать в данное поле ссылки на скачивание каких-либо файлов). В отличие от других аналогичных версий, данная выполнена с использованием PHP, и пароль теперь надежно хранится в базе данных. Скрипт предназначен для модуля "Каталог файлов"
УСТАНОВКА
1. Зайдите в ПУ, Управление дизайном, Каталог файлов, Настройки модуля, и активируйте поле "тип лицензии" (В замене стандартных надписей для страницы добавления в к/ф можно переименовать подпись к этому полю на "Тип файла")
2. Теперь зайдите в ПУ, Управление дизайном, Каталог файлов, Страница добавления/Редактирования, и после $BODY$ разместите код:
3. Перейдите в Управление дизайном, Каталог файлов, страница материала и комментариев к нему, и в нужном месте разместите код, который будет выводить ссылку для скачивания файла под паролем:
Код
<!-- <Форма скачивания по паролю> -->
<style>
.get_pass_form {font-size:11px;font-weight:bold} /*Ссылка "Скачать"*/
.info_message {padding:3px;font-size:11px} /*Информационное сообщение в uWnd окне*/
.pass_wrong {color:red} /*Сообщение о неверном пароле*
.pass_ok {color:green} /*Сообщение о верном пароле*/
.file_uplink {} /*Ссылка для загрузки (При успешном вводе пароля)*/
</style>
<?if($LICENCE$ != 'Бесплатно')?><a class="get_pass_form" href="javascript://" onclick="upass.getForm('$ID$')">Скачать</a><?endif?>
<script type="text/javascript" src="http://www.ujs.su/JS/ujs.uploadPass.js"></script>
<!-- </Форма скачивания по паролю> -->
4. Скачайте архив, разархивируйте, создайте в файловом менеджере FTP PHP папку "t", и загрузите в нее файл action.php и pass.dat.
5. Готово!
Описание работы скрипта:
После установки на странице добавления материала у Вас появится селектор с выбором типа файла: с паролем/без. Если Вы выбрали тип "с паролем", откроется форма для ввода пароля и данных, которые будут им скрыты. При нажатии кнопки добавить материал, в базу данных будет записана вся необходимая информация. В окошке, уведомляющем об успешном добавлении материала появится сообщение, напоминающее об установленном Вами паролем. Не забудьте его))
Карта Российской Федерации с выборкой по округам без javascript, чисто на CSS
Качественная реализация интерактивной карты Российской Федерации чисто на CSS без применения скриптов. Карта отображает все округа и регионы РФ с названием их столиц. Работает она следующим образом: при наведении на округ, он становиться голубоватым и видно название города-столицы округа. Также есть навигационная панель, при наведении на пункт с округом, также выделяется соответстующий округ голубым цветом.
К данной карте очень легко прикрутить любой функционал, например так, как реализовано это здесь. Отображаются не только округа, но и регионы и их столицы. Если покопаться в координатах, то при желании можно настроить навигационную панель и для регионов.
Html код очень прост, а css файл и вовсе имеет 2 строки. Самое главное не запутаться в координатах. Надеюсь карта вам пригодилась и я облегчил ваш рабочий процесс! Спасибо за внимание :))
-webkit-border-radius: 15px; - Степень закругления углов для Вебкит браузеров -moz-border-radius: 15px; - Степень закругления углов для браузеров на движке Mozilla border-radius: 15px; - Степень закругления углов для всех остальных браузеров -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4); - Параметры настройки тени вокруг картинки для Вебкит браузеров -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .4); - Параметры настройки тени вокруг картинки для браузеров на движке Mozilla box-shadow: 0 1px 5px rgba(0, 0, 0, .4); - Параметры настройки тени вокруг картинки для всех остальных браузеров
Для того, чтобы придать картинке эффект закруглённых углов, достаточно присвоить ей класс "normal-img"
Код
<img src="Ссылка на картинку" width="100" height="100" class="normal-img" />