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


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

>

>

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

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

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

Код

<div style=»width:33%;float:left;»>    <div class=»short-story»>    <div class=»img-size»><img alt=»скрин $TITLE$» style=»margin:0;padding:0;border:0;» src=»$IMG_URL1$»>       </div>    <div class=»clr»> </div>    <div id=»catitle»><a href=»$ENTRY_URL$»>$TITLE$</a></div>    </div>    </div>

CSS:

Код

.short-story     border: solid 1px #353535;    border-radius: 8px;    margin: 15px 15px 10px 10px;    height: 260px;    overflow: hidden;    background: #353535;    box-shadow: 2px 2px 2px #888;      

  .img-size img     height: 200px;    width: 200px;      

  #catitle     font-weight: bold;    font-size: 13px;    text-align: center;    padding: 10px 0;    margin: 2px 0 0 0;      

  #catitle a     color: #ffd40b;    text-shadow: 0 1px 1px #949494;    

Кто создал, респект тому и его источник: http://webmaster-ucoz.ru/

04.04.2015Просмотров: 766(0)

Kostenvar ctmtmp = []load/vid_materiala_novostej_3_kolonki_dlja_ucoz/81-1-0-5479load/vid_materiala_novostej_3_kolonki_dlja_ucoz/81-1-0-5479load/vid_materiala_novostej_3_kolonki_dlja_ucoz/81-1-0-5479Вид материала новостей 3 колонки для ucoz &url=http://zornet.ru/load/vid_materiala_novostej_3_kolonki_dlja_ucoz/81-1-0-5479load/vid_materiala_novostej_3_kolonki_dlja_ucoz/81-1-0-5479load/vid_materiala_novostej_3_kolonki_dlja_ucoz/81-1-0-5479

источник: zornet.ru

ucoz-site.ru

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

>

>

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

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

Вид материала прописываем этот код:

Код

<div style=»width:33%;float:left;»>    <div class=»short-story»>    <div align=»center»><div class=»img-size»><img alt=»Скрипн $TITLE$» style=»margin:0;padding:0;border:0;» src=»$IMG_URL1$»></div>       </div>    <div class=»clr»> </div>    <div id=»catitle»><a href=»$ENTRY_URL$»>$TITLE$</a></div>   </div>    </div>

Это нужно в CSS:

Код

.short-story     border: solid 1px #353535;    border-radius: 8px;    margin: 15px 15px 10px 10px;    height: 260px;    overflow: hidden;    background: #353535;    box-shadow: 2px 2px 2px #888;      

  .img-size img     height: 200px;    width: 200px;      

  #catitle     font-weight: bold;    font-size: 13px;    text-align: center;    padding: 10px 0;    margin: 2px 0 0 0;      

  #catitle a     color: #ffd40b;    text-shadow: 0 1px 1px #949494;    

В стиле, размер картинки выставляем здесь.

Код

.img-size img     height: 200px;    width: 200px;    

Можно под музыкальный портал сделать, на самой картинке, группа или певец а в материалах его песня или концерт.

02.02.2015Просмотров: 875(0)

Kostenvar ctmtmp = []load/vid_materiala_novostej_v_3_kolonki_dlja_ucoz/81-1-0-5357load/vid_materiala_novostej_v_3_kolonki_dlja_ucoz/81-1-0-5357load/vid_materiala_novostej_v_3_kolonki_dlja_ucoz/81-1-0-5357Вид материала новостей в 3 колонки для ucoz &url=http://zornet.ru/load/vid_materiala_novostej_v_3_kolonki_dlja_ucoz/81-1-0-5357load/vid_materiala_novostej_v_3_kolonki_dlja_ucoz/81-1-0-5357load/vid_materiala_novostej_v_3_kolonki_dlja_ucoz/81-1-0-5357

источник: zornet.ru

ucoz-site.ru

Вид материалов в две или три колонки - Вид новостей - Скрипты - Каталог файлов

Категории раздела

Работа

SEO sprint - максимальная раскрутка сайтов! WMmail.ru - сервис почтовых рассылок

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

Внимание:

Материал скопирование с сайта ucozon.ru ,ссылка на наш сайт строго обязательна!

При нарушение этого, последует наказание.

Простенький вид материалов, чем то похожий на информера вывод, подходит для модуля фото, и так же кинофильмов тематики. Можно сделать в 3 и 4 окна все зависит во сколько процентов вы вставите див массив в начале кода. Установка: вставляем в вид материалов данный код

Code

<div>  <fieldset>  <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td>  <div>$MODER_PANEL$</div>  <div style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>  <a href="$ENTRY_URL$" title="$TITLE$"><img 0="" alt="$TITLE$" title="$TITLE$"longdesc="$OTHER1$" src="$OTHER1$" align="left" height="200" width="150"></a>  <fieldset>  Категория: $CATEGORY_NAME$  <hr>  Комментариев: $COMMENTS_NUM$  <hr>  Просмотров: $READS$  <hr>  Рейтинг: $RATING$  </fieldset>  </div>  </div></td></tr></table></fieldset>    </div>

Если вы хотите сделать в 3 колонки то следует <div> изменить на <div>

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

fead-web.ucoz.ru

Вид материала Classic в колонку для uCoz

Классический вид материала под каталоги файлы и новости и также блог. Где идет в 3 колонки и выводит красивой стилистике дату. Больше он подойдет под игровой дизайн и можно на новостной блог, где по изображению, что перекреплено к материалу все корректно смотрится. Что по дате, то она сделано в кругу, который прозрачно на стилях выведен и только по своему дизайну дополняет и где-то можно сказать, что визуально смотрится очень оригинально.

В самом низу будет написано название, но здесь с ним можно поработать или оставить по умолчанию. Но когда вы наведете на его, то изначально появится зеленый фон с кратким описанием, который потом плавно перейдет в синее гамму. Здесь считаю что это лишнее, все от стилей зависит, но эффект безусловно впечатляет. Мне пришлось его немного доработать, а это краткое описание поставить в самом каркасе на условных операторах. Чтоб оно корректно показывало и выводило столько знаков, то, то есть количество что вы сами выставили.

Но и не обошлось без шрифтовых иконок, они будут в самом низу, под описанием, это сразу установлено, сколько скачали, если вы ставите на каталог файлов, если на другой модуль, то можете изменить оператор и что-то свое для функциональности поставить и не забыть установить под функцию шрифтовую иконку. Проверяя его на тестовом сайте, стало интересно как он адаптирован под мобильные аппараты. Что адаптация присутствует, это отличная новость, но она не стандартная как привыкли, что в одну струну при небольшом размере экрана становятся. В нашем случай они просто сжимаются и это все равно будет понятно, кто будет заходить на интернет ресурс с мобильных аппаратах.

Его нужно ставить на светлую площадку, если на темную, то в стилях цвета переписывать.

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

Приступаем к установке:

1. Нужно обязательно подключить шрифтовые иконки, копируется и вверх сайта ставим, также можете по ссылке перейти и узнать как с ними работать.

Код

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

2. Первое что делаем, скачаем файл, в нем будет находится стили, которые прописаны в текстовом документе, что копируем и ставим CSS сайта.

3. Но здесь просто, в каталоге любом, но кроме форума идем вид материала и заменяем полностью код на этот.

Код

<div>  <figure>   <img src="$IMG_URL1$" alt="$TITLE$">   <h4>$TITLE$</h4><div>$DATE$</div>   <figcaption><a href="$ENTRY_URL$">   <h3>$TITLE$</h3>   <p> <?if(len($MESSAGE$)>250)?><?substr($MESSAGE$,0,250)?>.....<?else?>$MESSAGE$<?endif?>   </p> <center><h5><span><i></i> $RATING$ </span><span><i></i> $LOADS$ </span><span><i></i> $COMMENTS_NUM$</span></h5></center> </a>   </figcaption>    </div>

Все, как видим сложного не чего нет, он полностью на стилях создан и плюс к нему шрифты, и из этого можно вывод сделать, что редактировать его можно как вам нужно и подвести под свою стиль,, который главный на сайте.

Вот видео тут показано как будет смотреться в разном количестве колонок

Источник: uCozz.pRo

zornet.ru