Меню сайта
АКЦИЯ!!!
Категории раздела
Меню [34]
Меню для сайтов на Ucoz
Кнопки [15]
Кнопки для uCoz
Блоки и формы [22]
Блоки и формы для uCoz.
Вид материалов [41]
Вид материалов для uCoz
Мини-Профили [7]
Мини-Профили для uCoz
Переключатели [29]
Переключатели страниц для uCoz
Информеры [35]
Информеры для uCoz
Плейеры для сайта [23]
Аудио, видео, радио плейеры
Слайдеры [21]
Слайдеры и карусели картинок.
Вид опросов [8]
Вид опросов для uCoz
Часы и календари [8]
Часы и календари для uCoz.
Статистика сайта [20]
Статистика сайта для uCoz
Скрипты [25]
Скрипты для uCoz
Виджеты [2]
Виджеты для uCoz
Мини-чаты [6]
Мини-чаты для uCoz
Ajax для uCoz [8]
Ajax для uCoz
Шаблоны сайтов [0]
Шаблоны и шапки для uCoz.
Анимация [3]
Анимация и анимашки для сайтов на Ucoz.
Игры [6]
Игры для uCoz.
Прочее для uCoz [18]
Прочее для uCoz.
Сервис

Translate my page
Выбрать язык / Select language:



   
веб студия Одесса создание интернет магазинов создание каталога товаров Создание сайтов раскрутка сайтов портфолио веб студии продвижение сайтов готовые дизайны сайтов наши заказчики Дизайн макеты для создания сайтов Flash игры для сайтов Мини-Чат для сайтов uCoz Вид опроса для сайта Часы и календари для сайтов дизайн сайтов-визиток онлайн радио для сайта кнопки для сайтов статистика для сайта юкоз мини-профили для сайта Полезное для сайтов переключатели страниц для сайтов ajax окна для сайтов скрипты для сайта информационные блоки для сайтов информеры для сайта Формы для Ucoz слайдер для сайта информеры для юкоз меню для сайта вид материалов для сайтов вид материалов uCoz Готовые сайты Новые Бизнес дизайн макеты Новые дизайн макеты Медицина дизайн макеты интернет магазинов Новые дизайн макеты Рестораны Новые дизайн макеты Музыка и клубы Новые дизайн макеты Отели дизайн макеты производство и услуги дизайн макеты интерьер дизайн макеты строительство дизайн макеты сельское хозяйство Новый дизайн макет Транспорт Новый дизайн макет Образование Новый дизайн макет Мода дизайн макеты компьютеры дизайн макеты мобилки Логотипы портфолио
Бесплатное отправление смс сообщений!
Поиск
Календарь
«  Апрель 2024  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930
Архив записей
Наш опрос
Есть ли у Вас сайт?
Всего ответов: 27
Друзья сайта

МЕТА - Украина. Рейтинг сайтов Рейтинг@Mail.ru
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама

Главная » Вид материалов
1 2 3 4 5 »

Вид материала новостей 3 колонки для ucoz





Если решили координатно изменить свой дизайн, то Вид материала новостей 3 колонки для ucoz отличное разрешение вашей ситуаций. Но во первых, сам код не сложный и стили к нему идут без одной ссылки. Если будет на главной, то вообще не будет груз брать на себя, но кроме картинок, что находятся там. Внизу на темном виде будет выводиться название, на светлом портале отлично смотрится, но я проверил на темном и как сами видите, стоит как родной и в дизайн новшество привлекло.



Вид новостей:



CSS: 


Категория: Вид материалов | Просмотров: 496 | Добавил: RedStar | Дата: 18.08.2015 | Комментарии (0)

Вид материалов новостного блога для сайта ucoz

Думаю вы много видели такой скрипт Вид материалов новостного блога для сайта ucoz они все походи по дизайну, но разные по функциональности. Этот код вы можете поставить на блог, но лучше безусловно его под новости. Так как там можно ограничить краткое описание, которое будет под картинкой. И всегда он будет стоять ровно и не ниже и выше, вот в чем прелесть. 

Установка: 

CSS: 

Вид новостей: 

Код

Категория: Вид материалов | Просмотров: 692 | Добавил: RedStar | Дата: 09.08.2015 | Комментарии (0)

Новый вид категорий (кнопочки в строчку)

 

 

Новый вид категорий (кнопочки в строчку)
Вставляем туда, где хотим видеть категории:

Вставляем в CSS:




Значки перед категориями для ucoz



Значки перед категориями для ucoz. Простой и полезный скрипт для украшения вашего сайта, написанный по просьбе нашего пользователя iNet, которому отдельное спасибо за идею =). Функции скрипта: скрипт автоматически устанавливает значки, указанные в массиве перед каждой категорией. Подходит для модулей: каталог файлов, каталог статей, каталог сайтов, онлайн игры.



УСТАНОВКА

1. Зайдите в ПУ, управление дизайном, каталог файлов/игр/статей/сайтов, и на нужных страницах (Главная страница каталога,страница добавления, страница материала и комментариев к нему и др.) после /body> разместите код:



Код


<style>
.imgwrap {padding:2px}
.cat_image {vertical-align:-4px}
</style>
<script>
var pic = ['http://www.ujs.su/JS/scr/default.png','http://changegroup.ucoz.ru/img_1.png','http://changegroup.ucoz.ru/img_2.png','http://changegroup.ucoz.ru/img_3.png'];
var cats = 4; // число категорий
$(function () {
// By ujs.su;
for(i=0;i < cats+1; i++) {
var pics = pic[i] ? pic[i] : pic[0];
$('#cid'+i+'').find('a').before('<span class="imgwrap"><img class="cat_image" src="'+pics+'" border="0" /></span>')
}
})
</script>


2. Теперь настраиваем скрипт. 

У нас есть две переменные: cats - количество категорий в модуле и массив с картинками pic.

а) В переменной cats измените число 3 на число категорий в вашем модуле.

б) В массиве pic пропишите пути к картинкам для категорий. (В одинарных кавычках через запятую.)

Внимание! в первом (нулевом) значении массива прописывается стандартная картинка для категорий, к которым не указано картинок!

в) Также скрипт имеет css стили, для упрощенной настройки отображения значков. В соответствии с правилами css, при необходимости (если что-то криво) настройте классы .imgwrap и .cat_image

3. Готово!

Категория: Вид материалов | Просмотров: 507 | Добавил: RedStar | Дата: 04.12.2014 | Комментарии (0)

Вид меню категорий в стиле flat

И так для начала нам следует установить на страницу вашего сайта системную переменную отвечающую за отображение данного меню: 

Код

Код

$CATEGORIES$

Или второй пример меню в отдельной ячейке: 

Код
 
<div class="navigation-right"> $CATEGORIES$ </div>

Теперь давайте установим CSS стили для данного меню: 

Код
 
/* Рубрики блога ------------------------------------------*/ .catsTable { width:240px; overflow: hidden; border-collapse:0px; } .catsTd { float:left; width:240px; height:20px; color:#9e9ea0; margin: 0px 0px 10px 0px!important; } a.catName:link, a.catName:visited, a.catName:active { margin:0; float:left; width:230px; height:15px; display:block; position:absolute; padding:4px 0px 4px 10px; background:#fff!important; font:11px Verdana,Arial,sans-serif; color:#777; } .catsTd a:hover{ color:#fff; font-weight:bold; background:#96C7E6!important; } .catNumData { float:right; width:40px; height:18px; background:#59B0D4; position: relative; padding:5px 0px 0px 0px; font:9px Verdana,Arial,sans-serif; text-align:center; font-weight: bold; color:#fff; } .catDescr{display:none}

И для второго примера меню категорий в отдельной ячейке:

Код
 
/* Рубрики блога в ячейки ------------------------------------------*/ .navigation-right { width:220px; background:#fff; margin-top: 15px; border: 1px solid #B6C0CD; padding: 10px 10px 5px 10px; border-radius:3px; } .navigation-right .catsTable { width:220px; overflow: hidden; border-collapse:0px; } .navigation-right .catsTd { float:left; width:220px; height:20px; color:#9e9ea0; margin: 0px 0px 10px 0px!important; } .navigation-right a.catName:link, .navigation-right a.catName:visited, .navigation-right a.catName:active { margin:0; float:left; width:210px; height:19px; display:block; position:absolute; padding:4px 0px 0px 10px; background:#F4F8F9!important; font:11px Verdana,Arial,sans-serif; color:#777; } .navigation-right .catsTd a:hover{ color:#fff; font-weight:bold; background:#96C7E6!important; } .navigation-right .catNumData { float:right; width:40px; height:18px; background:#59B0D4; position: relative; padding:5px 0px 0px 0px; font:9px Verdana,Arial,sans-serif; text-align:center; font-weight: bold; color:#fff; } .navigation-right .catDescr {display:none}

 

Категория: Вид материалов | Просмотров: 541 | Добавил: RedStar | Дата: 24.09.2014 | Комментарии (0)

Вид категорий фотоальбома с превью для uCoz

Если Вам наскучил стандартный вид фотоальбома с последними добавленными фотографиями, и Вы хотели бы видеть его таким, как на других CMS, то есть интересное решение. В этом варианте категории фотоальбомов будут содержать последнюю добавленную в категорию фотографию, название, количество изображений и описание.
Установка
Создаем информер
Раздел: Фотоальбомы
Тип данных: Категории
Количество колонок по желанию
Код шаблона информера:

Код
<div class="g-album">  
<div class="g-album-p">  
<a href="$CATEGORY_URL$">  
<span class="g-album-s" id="c$NUMBER$"><span class="g-album-b"></span></span>  
</a>  
</div>  
<div class="g-album-i">  
<b>$CATEGORY_NAME$</b><br>Фотографий: $NUM_DATA$<br><div class="g-album-descr">$CATEGORY_DESCR$</div>  
</div>  
</div>  

  <script type="text/javascript"> $('#c$NUMBER$').load('$CATEGORY_URL$ .phtTdMain:first img');</script>

Вставьте следующий код в Таблицу стилей (CSS):

Код
.g-album {display:inline-block; overflow:hidden; border:1px dashed #ccc; border-radius:3px; padding:5px; margin-bottom:15px;}  
.g-album-p {float:left; width:100px;}  
.g-album-b {float:left; width:90px; height:67px;}  
.g-album-i {float:left; width:150px;}  
.g-album-s img {width:90px; height:67px; border-radius:3px;}  
.g-album-descr {font-size:10px; color:#666; margin-top:5px;}

 

Категория: Вид материалов | Просмотров: 648 | Добавил: Chif | Дата: 13.09.2014 | Комментарии (0)

Красивый новый вид материалов

Скачать архив

Категория: Вид материалов | Просмотров: 786 | Добавил: Chif | Дата: 13.09.2014 | Комментарии (0)

 

Скрипт для юкоз: Вид новостей 
Код вида материлов:

Код:

<br><table class="etable" align="center" cellpadding="3" cellspacing="1" width="575">   
  <tr class="etitle"><td colspan="2" width="100%"> $CATEGORY_NAME$: $TITLE$</td>   
  </tr>   
  <tr class="erow">   
  <td align="center" height="200" width="140">   
  <img class="img" src="ссылка на картинку" alt="Фильм Перевозчик 3 / Transporter 3" height="172" width="120">   
  </td>   
  <td width="460">   
  $MESSAGE$   

  </td></tr>   
  <tr class="etitle">   
  <td align="center" colspan="2">   
  <a class="white" href="$ENTRY_URL$">Подробнее</a> | Просмотров: $READS$ | Оценка пользователей: $RATING$</td>   
  </tr>   
  </table>

 

Это вставляем в css, в любое место: 

Код:

.etable {   
   background: #6496C8;   
   border: 0px;   
  }   
  .etitle {   
   background: #6EA0D2;   
   border: 0px;   
   color: #FFFFFF;   
   font-family: Tahoma;   
   font-size: 11px;   
   font-weight: bold;   
  }   
  .eans {   
   background: #FFFFFF;   
   border: 0px;   
   color: #326496;   
   font-family: Tahoma;   
   font-size: 11px;   
  }   
  .erow {   
   background: #FFFFFF;   
   border: 0px;   
   color: #326496;   
   font-family: Tahoma;   
   font-size: 11px;   
  }   
  .img {   
   border: 1px;   
   border-color: #6496C8;   
   border-style: solid;   
  }

 

Категория: Вид материалов | Просмотров: 737 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Для установки этого вида каталога сайта , выполните всего 1 пункт! 
Удалите всё из вида материалов и вставьте туда это: 

Код:

<div class="block">   
   <div class="block_title">   
   <div class="cblock_title_fix"><div class="moder_panel">$MODER_PANEL$</div><a href="$SITE_URL$">$TITLE$</a></div>   
   </div>   
   <div class="block_content">   
<div class="MusicBlock">   
   <table cellpadding="0" cellspacing="0" height="35" width="100%">   
   <tr>   
   <td style="text-align: center;float: center;width:10%;" align="center">   
   <div align="center" class="screenshot"><a target="_blank" href="$SITE_URL$" title="$TITLE$"><?if($IMG_URL1$)?><img src="$IMG_URL1$" border="0" alt="" height="31" width="88"/><?else?><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/ucoztop-88x31.png" border="0" alt="" height="31" width="88"/><?endif?></a></div>   
   </td>   
   <td style="width:78%; padding-left:7px; padding-bottom:1px;">   
   <a target="_blank" href="$SITE_URL$" class="entryLink" title="Переити на сайт!">   
   <font color="#36638e" style="font-size:11px;">   
   <b>$TITLE$</b>   
   </font></a>   
   <div style="font-size:9px; color:#8B8989;" align="left">   
   <a title="Дата: $DATE$ <br> Ушли: $REDIRECTS$<br> Ктегория: $CATEGORY_NAME$">Дата: $DATE$ | Ушли: $REDIRECTS$ | Ктегория: $CATEGORY_NAME$ <?if($MODER_PANEL$)?>| Модерация: $MODER_PANEL$ <?endif?></a>   
   </div></td>   
   <td style="width:12%;" align="center">   
   <div style="margin-right:5px;float: right;font-size:9px; color:#8B8989;">   
   <center>   
   <?$RSTARS$('12','/.s/img/stars/9/12.png','1','float')?>   
   <a title="Рейтинг: $RATING$ <br>Голосов: $RATED$">Рейтинг: $RATING$</a>   
   </center></div></td></tr></table> </div>   
   </div>   
   </div>

 

Категория: Вид материалов | Просмотров: 569 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Плюсы скрипта: 
+ Не занимает много места 
+ Есть плеер 
+ Отдельная кнопка проиграть трек 
+ Отдельная кнопка остановить трек 
+ И просто хороший дизайн =) 

Минусы: 
- При включение трека идет пару секунд на загрузку прлеера и загрузку подробострей о треке! 

Установка: 
1. ПУ » Управление дизайном » Каталог файлов » Вид материалов: 

Код:

<div class="MusicBlock" style="">     
     <table style="" cellpadding="0" cellspacing="0" height="35" width="100%">     
     <tr><td style="text-align: center;float: center;width:4%;" align="center"><a href="javascript:void(0)" onclick="$('#id$ID$_audio_play').slideToggle('slow');$('#id$ID$_audio_play_addons').slideToggle('slow');">     
     <span id="id$ID$_audio_pimp"><input style="width:45px;height:35px;margin-left:2px;" type="submit" border="0" value="PLAY" title="Проиграть: $TITLE$ Трек" onclick="$('#id$ID$_audio_simg').toggle();$('#id$ID$_audio_pimp').toggle();"/></span>     
     <span id="id$ID$_audio_simg" style="display:none;"><input style="width:45px;height:35px;margin-left:2px;" type="submit" value="STOP" title="Остановить: $TITLE$ Трек" onclick="$('#id$ID$_audio_pimp').toggle();$('#id$ID$_audio_simg').toggle();"/></span>     
     </a></td>     
     <td style="width:61%; padding-left:7px; padding-bottom:1px;"><a href="$ENTRY_URL$" class="entryLink" title="Подробние об етом треке или скачать!"><font color="#36638e" style="font-size:11px;"><b>$TITLE$</b></font></a><div style="font-size:9px; color:#8B8989;" align="left"> <?if($DATE$='Сегодня' || $DATE$='Вчера')?><img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/25--28.gif" border="0" title="Новий трек!" /> | <?endif?><a title="Дата: $DATE$ <?if($RFILE_SIZE$)?><br>Длительность $RFILE_SIZE$<?endif?> <br>Скачало: $READS$">Дата: $DATE$ <?if($RFILE_SIZE$)?>| Длительность: $RFILE_SIZE$ <?endif?>| Скачало: $READS$</a></div></td>     
     <td style="width:200;" align="right"><div id="id$ID$_audio_play" style="display:none;float: center;"><object id="audioplayer1670" type="application/x-shockwave-flash" data="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/uppod.swf" width="200" height="35"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/uppod.swf" /><param name="flashvars" value="comment=fifagamers.ru&st=http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/video74-394.txt&file=$AUTHOR_SITE$" /></object></div></td>     
     <td style="width:10%;" align="center"><div style="margin-right:5px;float: right;font-size:9px; color:#8B8989;"><center><?$RSTARS$('12','/.s/img/stars/9/12.png','1','float')?><a title="Рейтинг: $RATING$ <br>Голосов: $RATED$">Рейтинг: $RATING$</a></center></div></td></div></tr></table> </div>

2.Меняем на свои поля 
$AUTHOR_SITE$ - Ссылка на трек 
$RFILE_SIZE$ - Длительность 
$READS$ - Скачало 

3. ПУ » Управление дизайном » CSS: 

Код:

.MusicBlock {opacity: 0.7;background:#cfe4ea;border:1px solid #3e81b2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:3px;text-shadow: 1px 1px 0px #BEBEBE;}     
     div.MusicBlock:hover {opacity: 1.0;border:1px solid #FFFFFF;text-shadow: 1px 1px 0px #BEBEBE;}

Категория: Вид материалов | Просмотров: 784 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)


Copyright "IPC" © 2008
Хостинг от uCoz