Четкий вид материалов для сайтов ucoz
Интересный вид материалов, для сайтов системы ucoz. Подходит для любых видов сайтов светлой и серой графики, с приятными видами углов и цвета, переделать в другой цвет с легкостью можно в стиле.Вид материалов тестировался на сайте ucozon.ru Четкий вид материалов
Установка:
Данный код вставляем в в панель управления , вид материалов модуля
Code
<hr> <table class="aBlock" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px;"> </td></tr><tr><td style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(255, 255, 255);" align="center"> <div class="aTitle" style="text-align: justify;"><a href="$ENTRY_URL$">$TITLE$</a></div> <table class="aBlock" border="0" cellpadding="1" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px;"> <table style="padding-bottom: 1px;" border="0" cellpadding="1" cellspacing="1" width="100%"> <tbody><tr><td colspan="2" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(184, 184, 184);" align="left"> <div style="float: left;"><span class="seryyi">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span></div> <div style="float: right;"> <span class="seryyi">Автор: <a href="javascript://" rel="nofollow" onclick="window.open('http://ucozon.ru/index/8-$UID$','$UID$','scrollbars=1,top=0,left=0,resizable=1,width=720,height=600');return false;"> $USERNAME$</a> | Дата: $DATE$</span></div> </td> </tr> <tr valign="top"><td style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(184, 184, 184);" align="left" width="22%"> <div class="eMessage" style="text-align: left; clear: both; padding-top: 10px; padding-bottom: 5px;"><div align="center"> <a href="$ENTRY_URL$" title="$TITLE$"> <img src="$OTHER1$" align="left" border="1" hspace="10" vspace="5" width="200"></a></div></div> </td> <td style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(184, 184, 184);" align="right"> <div class="eMessage" style="text-align: left; clear: both; padding-top: 10px; padding-bottom: 5px;"> <span class="seryyi">$MESSAGE$</span> </p></div></td></tr> <tr><td colspan="2" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(184, 184, 184);" align="left"> <div style="float: right;"></div> <a href="$ENTRY_URL$"><b> Подробнее/Скачать</b></a> | <span class="seryyi">Просмотров: [<b>$READS$</b>]</span> | <a href="$COMMENTS_URL$"> Комментарии: [<b>$COMMENTS_NUM$</b>]</a> </td></tr> </tbody></table></td></tr></tbody></table></td></tr></tbody></table>
данный код стиля вставляем в таблицу стилей в самый верх
Code
.aBlock {background:url('http://ucozon.ru/SCRIN7/1/fon_mdbaner.png'); border:1px solid #5d5d5d;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px;} .aTitle {font-family:Verdana,Arial,Sans-Serif;font-size:11px;font-weight:bold;color:#5d5d5d; padding: 4px; border:1px solid #5d5d5d;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius: 2px; height:14px; background:url('http://ucozon.ru/SCRIN7/1/4.11.png') repeat-x ;} .aTitle a:link {text-decoration:none; color:#5d5d5d;} .aTitle a:visited {text-decoration:none; color:#5d5d5d;} .aTitle a:hover {text-decoration:none; color:#5d5d5d;text-shadow:0px 1px 0px #fff} .aTitle a:active {text-decoration:none; color:#5d5d5d;} .aText {text-align:justify; padding:10px;} .aName {font-family:Verdana,Arial,Sans-Serif;font-size:11px;color:#5d5d5d; padding: 4px; border:1px solid #5d5d5d;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius: 2px; height:14px; background:url('http://ucozon.ru/SCRIN7/1/4.11.png') repeat-x ;} .aDetails {background:url('');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt; } .aDetails1 {background:url('');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; } .aDetails2 {background:url('');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; } hr {height:4px;background:#e0e0e0;border:1px solid #5d5d5d} label {cursor:pointer;cursor:hand} .seryyi {text-decoration:none; color:#626262;}
далее настройка цвета под ваш дизайн
$OTHER1$ это дополнительное поле, то есть ссылка скрин ваш замените на свое для отображения картинки
Автор\Источник: ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 6671
| Комментарии: 23
| Рейтинг: 3.5 /4 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты Вид новостей | Добавил: mdbaner
| Дата: 25.12.2010 | Скачали: 0 | Теги: Для , ucoz , четкий , Вид , сайтов , материалов
Похожие новости на нашем сайте
Всего комментариев: 23
Порядок вывода комментариев:
По умолчанию
Сначала новые
Сначала старые
0
Супер!!! Очень подходит к моему сайту !
+1
mdbaner можно под этот саит сделать [spoiler]http://xxxlgaming.ucoz.ru[/spoiler]
0
Админы помогите пожалуйста как сделать : Пример создаем блок в конструкторе и там делаешь ссылки и добавляешь страницу , хочу чтобы выглядило примерно так как на сайте http://cs-strikez.clan.su/ там блоки по бокам "спрайты cs" , "мастерская", "Видео ", "разное" и тд а когда нажимаешь на любую ссылку там как в Каталог файлов , как мне так сделать помогите пож....
0
((( мне всё равно нужна ваша помощь, уже третий день бьюсь с этим кодом! я уже всё настроил осталось решить проблему с этой картинкой..... отвечающий код для добавления скриншота """"<img src="$AUTHOR_SITE$" align="left" border="1" hspace="10" vspace="5" width="150"></a></div>""""
как мне написать код в таком виде....
"""если скриншот то -> ["$AUTHOR_SITE$"]; если нет скриншота то ->> (image URL из Файлового менеджера)""""
0
скиньте ссылку на видеоурок как вставлять изображение в левую строку? а то 1x ни как не объяснит!
0
Ну вот так бы и сразу ссылку, а то голову себе ломал )))) спасибо!
+1
используйте условия , смотрите как в виде материалов сделано на ucozon
0
спасибо большое, видео урок действительно помог!!! есщё вопрос, а как сделать если при добавлении статьи без скриншотов, изображение (какое либо) само добавлялось?
+1
да а после вы захотите и новость что б сама добавлялась нет такое не возможно.
0
объясните пожалуйста, как вставлять в левый отдел картинку??? немогу понять .. пожалуйста отзовитесь
0
читайте ниже комм. смотрите видео урок по дополнительным полям, для автоматизации заливки скрина.
0
Только не понятно как изображение вставлять! для 1x нельзя делать инструкцию по подробнее?
0
просмотрите видео урок по дополнительным полям, помогает понять как использовать для скрина
0
а что вы так 1x я к тому что вас загружать лишней работай кинул картинку на форум в прошлую тему
0
Так тебе надо для каждой категории что ли картинки я потом сам не смогу их вставить что ли
0
не мне надо а вам как я вижу. Вставить сами вы не можете потому как вам уже подробно разложили на форуме , а вы все не как не можете.