Приветствую Вас Прохожий | RSS Суббота, 03.12.2016, 20:37
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 14
Гостей: 13
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Вид материала в 3 колонки оформленные

Вид материала в 3 колонки оформленные материала, колонки, оформленные
Данный вид материалов отлично подходит под видео материалы, сделан под 3 колонки то есть в 33% от общего каждая колонка блока вида новостей.Вид материала в 3 колонки оформленные
Тестировал вид материалов в мазиле, в IE8 вид выходит лесенкой как и все таблицы, извечная проблема браузера, нужно писать отдельный стиль блоков для него.
Создавал я его на своем сайте почти тестовом criuleni.do.am , там же можно и увидеть живой вид в разделе видео криулян, создавался для пользователей нашего сайта ucozon.ru, для удобного вида отображения материалов.

Установка 3 блока вида материалов
Этот код вставляем в вид материалов

Code
<div style="width: 33%; float: left;"><center><fieldset>
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">
<?if(len($TITLE$)>33)?><?substr($TITLE$,0,31)?><?else?>$TITLE$<?endif?>..</a></div>
<div style="height:3px;"></div>
<div align="center">Дата: <span title="$TIME$">$DATE$</span><div style="height:3px;"></div>
<table style="border: 1px solid black; background-color: rgb(169, 169, 169);" align="" width=""><tbody><tr>
<td style="text-align: center; vertical-align: middle; padding: 3px; background-color: rgb(220, 220, 220); letter-spacing: 0pt; word-spacing: 0pt; border: 1px solid black;">
<div class="feature-thumb"><a href="$ENTRY_URL$" title="$TITLE$"><img class="feature" alt="" src="$OTHER1$" width="185" height="152" alt="$TITLE$"></a><span style="top: 124px; left: -7px;"><b>$CATEGORY_NAME$</b></span></div>
</td></tr></tbody></table>
</div><div style="height:3px;"></div>
Просмотров: $READS$ <?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</div> </fieldset></center></div>

для вывода скриншота я использую дополнительное поле 1 $OTHER1$
В таблицу стилей вставляем стиль вывод картинки фона для категорий
Code
.feature-thumb span {background: url(http://criuleni.do.am/img/feature-thumb.png) 0 0 no-repeat;color: #fff;}
img.feature {border: 4px solid #666;}
.dark img.feature {border: 4px solid #444;}
.feature-thumb, .feature-thumb2 {float: left;margin:0 0px 0px 0 ;position: relative;}
.feature-thumb span, .feature-thumb2 span {position: absolute;top: 80px;left: -7px;width: 133px;height: 28px;text-transform: uppercase;line-height: 180%;text-indent: 8px;}

автор вида материалов: mdbaner
сайт автора материалов : http://ucozon.ru
так как отображается вид у вас может быть иначе исходя из стилей вашего сайта, так как используется стандартный стиль class="eTitle" ucoz
Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 6262 | Комментарии: 9 | Рейтинг: 3.0/6 | |Категория: Скрипты Вид новостей | Добавил: mdbaner | Дата: 07.03.2011 | Скачали: 0 | Теги: материала, колонки, оформленные
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 9
8 DxB-studio   Дата: 27.03.2013  Время: 04:59   [№ 14562]
ADMIN Kak kopiravat........?

Ответ: Откройте гдаза, под каждым кодом есть Скопировать данный код

9 GoNecker   Дата: 27.03.2013  Время: 05:16   1 [№ 14563]
Ne kak eto sayt prosta fuflo./............

6 killer4639   Дата: 09.10.2012  Время: 10:17   [№ 13882]
как делать та подскажите пожалуйста народ куда$OTHER1$ этот встовлять??? напишите к коментариях пожалуйста как првельно я ужепол часа делаю ну нифига невыходит

-1   Спам
5 milashka   Дата: 11.03.2011  Время: 11:35   [№ 6993]
Спасибо большое всё работает)

+1   Спам
3 milashka   Дата: 11.03.2011  Время: 05:16   [№ 6989]
Подскажите пожалуйсто как зделать чтобы Картинка которая под TETLE была например фиксированной высоты например 35 px. А то когда Название материала длинное, то сайт перекашивает т.к блоки сдвигаются.. Подскажите как и где это зделать.
http://s010.radikal.ru/i314/1103/04/56344d903481.jpg
И вообще этот вид материалов красивый, как раз то что мне нужно, но оптимизирован он только под Мозилу. Это плохо,ведь у людей браузеры разные, например я пользуюсь Оперой.
Подскажите как исправить?

4 mdbaner   Дата: 11.03.2011  Время: 08:15   1 [№ 6990]
в этои строчке <?if(len($TITLE$)>33)?><?substr($TITLE$,0,31)?><?else?>$TITLE$<?endif?> замените все на <?if(len($TITLE$)>25)?><?substr($TITLE$,0,24)?><?else?>$TITLE$<?endif?> это укоротит название новости вашей

7 killer4639   Дата: 09.10.2012  Время: 10:30   2 [№ 13883]
подскажи пожалуйста как првельно сделать картинку а то она непоявляется я ужу че только неделал

1 buzina1979   Дата: 09.03.2011  Время: 13:33   [№ 6966]
После того как я поставила этот вид новостей ,сделала как написано зашла на сайт и испугалась блоки все внизу растянулись ,непоймешь где что находится,короче скривило сайт по полной!!! [img]http://ucozon.ru/sml/fool.gif[/img]

-1   Спам
2 mdbaner   Дата: 09.03.2011  Время: 14:05   1 [№ 6967]
значить у вас в странице самого материала внешний код не стандартный который и дает искажение.


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru