Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Каталоги: настройка дизайна
Каталоги: настройка дизайна
Модератор форума
Сообщение # 1 | 15:36:35
Настройка вида материалов в каталогах (работаем стилями)
Новый стандартный шаблон вида материалов имеет вид:
Code
<div class="eBlock" style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div class="eMessage" style="clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?>
<?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?>
<div class="eDetails" style="clear:both;">
<?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?>
Просмотров: $READS$ |
<?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?>
Дата: $DATE$
<?if($RATING$)?>| Рейтинг: $RATING$/$RATED$<?endif?>
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</div>
</div>



Появились новые классы:

.eBlock - отвечает за общий вид контейнера с материалом.
.eTitle - отвечает за заголовок материала.
.eMessage - отвечает за вид самого материала.
.eAttach - отвечает за вид приложений к материалу (прикрепления).
.eDetails - отвечает за дополнения к материалу (категория, просмотры, кто добавил и т.д.)

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

Простенький пример оформления стилей вида материалов.

/* EntryModule Style */
.eBlock {}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#A67F48; padding: 2px 0 0 25px; background: url('https://src.ucoz.ru/t/151/14.gif') no-repeat top left; height: 25px;}
.eMessage {border:1px dashed #A67F48;text-align:justify;padding-bottom:5px;}
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('https://src.ucoz.ru/t/151/15.gif') no-repeat 0px 0px;}
.eDetails {border:1px dashed #A67F48;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding:10px;text-align:left;font-size:8pt;}

.eTitle a:link {text-decoration:underline; color:#A67F48;}
.eTitle a:visited {text-decoration:underline; color:#A67F48;}
.eTitle a:hover {text-decoration:underline; color:#000000;}
.eTitle a:active {text-decoration:underline; color:#000000;}
/* ------------------ */



CSS-конструктор для настройки вида материала: Перейти »
Сообщение отредактировал Selena - Понедельник, 24 Сен 2007, 23:43:10
Disel6746
Сообщений: 6
Репутация: 0

Сообщение # 121 | 18:55:06
Не могу понять почему не открывает видео и нет скриншотов... изначально все работало, но после смены дизайна сайта не заработало((

вроде все скрипты и даже CSS старые перенес:

Code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$ENTRY_TITLE$ - $SITE_NAME$</title>
<link href="/css/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?42"></script>
<script type="text/javascript">
  VK.init({apiId: 2682911, onlyWidgets: true});
</script>

<link href="/css/nivo-slider.css" type="text/css" rel="stylesheet" />
<!--[if IE 7]><link href="/css/style_ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if IE 8]><link href="/css/style_ie8.css" rel="stylesheet" type="text/css" /><![endif]-->  
<script type="text/javascript">
/* <![CDATA[ */
if(window.opera) {document.write('<link href="/css/opera.css" rel="stylesheet" type="text/css" />');}
/* ]]> */
</script>
<!--Не трогать-->
<link type="text/css" rel="StyleSheet" href="/css/layer1.css" />
<script type="text/javascript" src="/js/u.js"></script>
<style type="text/css">.UhideBlockL {display:none}</style>
<?substr('</head>',strpos('</head>','/head>')-1)?>
<!--Не трогать-->
<body>
$GLOBAL_AHEADER$
$GLOBAL_INFORMER$

<!-- Main Content -->
<div id="maincontent">
<div id="maincontent_top">
<div id="maincontent_bottom">
<div class="contentArea">

<!-- News Box -->

<div class="modpan">$MODER_PANEL$</div>
<h2>$ENTRY_TITLE$</h2>

<div class="post_infobox"></div>
<link type="text/css" rel="StyleSheet" href="/.s/src/video.css" />
<center>
<table><tr><td bgcolor="#696969">
<div class="vep-video-block">
$EOBJECT$
<a href="javascript:void(0)" onclick="player.showVideo()" class="vep-playvideo">
<img src="$SCREEN_URL$" alt="" width="480" />
<span class="vep-playbutton"></span>
<?if($DURATION$)?><span class="vep-length">$DURATION$</span><?endif?>
</a>
<div id="videocontent" class="vep-videocontent" style="display:none;"></div>
</div>
</td></tr></table>  

</center>

<div class="post_infobox">
<div style="float:right;font-size:9px;"><?$RSTARS$('30','/images/30.png','1','float')?></div><img src="/images/calendar_icon.png" width="12" height="14" class="first" alt="" />$ADD_DATE$, $ADD_TIME$ | Категория: <a href="$CAT_URL$">$CAT_NAME$</a> | Просмотров: $VI_READS$ | Длительность: $DURATION$ </div>

<img src="/images/blog_icon.png" width="17" height="14" align="left"><p>$BRIEF$</p>
<div class="clearboth"></div>

<div class="vep-screenshots">
<script type="text/javascript">
if (typeof(allEntImgs$ID$)!='undefined'){
var ar=Math.floor(Math.random()*allEntImgs$ID$.length);
document.write('<img alt="" title="<?$SIGN$(3183)?>" src="'+allEntImgs$ID$[ar][3]+'" width="'+allEntImgs$ID$[ar][4]+'" border="0" onclick="_bldCont1($ID$,ar);" style="cursor:pointer;">');
}
</script>

<!-- Комментарии Вконтакте -->
<center>
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?45"></script><script type="text/javascript">
  VK.init({apiId: 2682911, onlyWidgets: true});
</script><div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, attach: "*"});
</script>
</center>
<!-- /Комментарии Вконтакте -->

</div>

</div>
<div class="clearboth"></div>
</div>  
</div>
</div>
$GLOBAL_BFOOTER$
</body>
</html>


Заранее, огромное спасибо!!
navchannja
Сообщений: 14
Репутация: 10

Сообщение # 122 | 21:10:28
Мы хотим, чтобы дети на школьном сайте имели возможность проходить тесты(раздел ТЕСТЫ). http://nikschool1.ucoz.ru/tests

Но дело в том, что категории видны только под меню, слева. Подскажите, пожал., как можно сделать так, чтобы категории показывались на главной стр. перед тестами ? Образец http://metodcentr10.at.ua/dir/

Код нашей страницы тестов

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title><?if($TEST_NAME$)?>$TEST_NAME$ - <?endif?><?if($CAT_NAME$)?>$CAT_NAME$ - <?endif?>$MODULE_NAME$ - $SITE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/491.css" />
</head>

<body style="background:#FFFFFF; margin:0px; padding:0px;">
$ADMIN_BAR$

$GLOBAL_AHEADER$

<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="100%" align="center">

<!-- <middle> -->
<table border="0" cellpadding="0" cellspacing="1" width="100%" style="background:#FFFFFF;">
<tr>
<td valign="top" width="200">
$GLOBAL_CLEFTER$
</td>

<td valign="top" style="border-left:1px solid #A9A9A9;border-right:1px solid #A9A9A9;">
<table border="0" cellpadding="15" cellspacing="0" width="100%"><tr><td style="background:#FFFFFF;"><!-- <body> --><div><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Головна<!--</s>--></a> » <?if($CAT_NAME$)?><a href="$MODULE_URL$"><!--<s5133>-->Тести<!--</s>--></a><?else?><?if($TEST_NAME$)?><a href="$MODULE_URL$"><!--<s5133>-->Тести<!--</s>--></a><?else?><!--<s5133>-->Тести<!--</s>--><?endif?><?endif?> <?if($TEST_NAME$)?><?if($CAT_NAME$)?>» <a href="$CAT_URL$">$CAT_NAME$</a> <?endif?>» $TEST_NAME$<?else?><?if($CAT_NAME$)?>» $CAT_NAME$<?endif?><?endif?></div><hr />
<?if($NO_CATEGORIES$)?>$CATEGORIES$<hr /><?endif?>
$BODY$<!-- </body> --></td></tr></table>
</td>

<td valign="top" width="200">
$GLOBAL_DRIGHTER$
</td>
</tr>
</table>
<!-- </middle> -->

</td></tr></table>

$GLOBAL_BFOOTER$

</body>

</html>
Rostislav
Сообщений: 2396
Репутация: 591

Сообщение # 123 | 00:49:26
navchannja,

нужен код вызова категорий $CATEGORIES$

который у вас есть, но он настроен неправильно, думаю, что так будет лучше ;)

Code
<?if($CATEGORIES$)?>$CATEGORIES$<hr /><?endif?>

navchannja
Сообщений: 14
Репутация: 10

Сообщение # 124 | 14:19:39
Супер! Всё получилось ! Вы умничка!

Скажите, пожалуйста, а возможно ли создать страничку с тестами на по категориям, а отдельно в раздвижном меню, и чтобы результаты прохождения тестов приходили в соответствующий раздел в панели управления ? :)
avak
Сообщений: 4
Репутация: 0

Сообщение # 125 | 23:04:49
Добрый вечер, извените что пишу не по теме просто у меня нет прав или ещо чегото там одним словом я не могу создавать новые темы! Я скачал шаблон но в нём есть скрипт который блокирует рекламму юказ но я его не могу найти и из за этого у меня вот вот с минуту на минуту должны заблокировать сайт! Народ помогите както выйти из этой ситуации и найти этот скрипт, заранее огромное спасибо!
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 126 | 23:06:11
avak, где адрес сайта?

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Nikos0218
Сообщений: 48
Репутация: 33

Сообщение # 127 | 19:26:57
Доброго времени суток !!! Подскажите, кто знает как это сделать. Нужно установить иконки перед
категориями Новости сайта. Пример: Смотреть здесь - это для категорий каталога файлов. Подскажите скрипт или куда запихнуть иконки .

Сайт: http://odniprogi.ucoz.ru/
Прикрепления: 8306331.jpg (34.0 Kb)
Валерчик_мс
Сообщений: 1
Репутация: 0

Сообщение # 128 | 21:48:07
У меня такой вопрос:
У меня сайт сконцентрирован по центру, вот как растянуть правый и левый край(границу) сайта? Т.е чтоб сайт был на весь экран!
Kruz@k
Сообщений: 6
Репутация: 0

Сообщение # 129 | 20:12:10
Уважаемые,выручайте! Когда изменял дизайн кнопки "скачать",что то натворил! Во общем теперь там где одна ссылка на скачку,высвечивается вторая кнопка "скачать",но она не рабочая( просто когда кликаешь на нее,она обновляет страницу! Надеюсь понятно объяснил:) Как это исправить? Благодарю!
Ах да,заметил,что лишняя кнопка только на тех материалах,на которых ссылка с другого сервера, а вот которые загружены на мой сервер,там все путём:)
Вот скрины:


Сайт: agmu.moy.su
Cтраница материала и коммент. к нему


<b>
Сообщение отредактировал Kruz@k - Четверг, 17 Янв 2013, 20:18:07
chelekenec
Сообщений: 29
Репутация: 15

Сообщение # 130 | 12:01:08
Нужно чтобы при добавлении материала в блог, форум, новости сайта, каталог сайта вообщем везде по умолчанию стояли нужные мне шрифт, размер, цвет и расстояние между строк, как это сделать.
например вот ссылка на сайт так должно быть а вот ссылка как не должно быть
BigBooble
Сообщений: 61
Репутация: 22

Сообщение # 131 | 12:16:50
Kruz@k, Вставьте вместо вашего:

Код
<html><head>  

<meta http-equiv="content-type" content="text/html; charset=UTF-8">  
<title>$ENTRY_TITLE$ - $CAT_NAME$ <!--if($SECTION_NAME$)-->- $SECTION_NAME$<!--endif--> - $MODULE_NAME$ - $SITE_NAME$</title>  
<?$META_DESCRIPTION$?>  

<link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
</head>  
<body>  
$ADMIN_BAR$  
<div id="all">  
$GLOBAL_AHEADER$  
<div id="content">  
<!-- <middle> -->  
<div id="leftcol">  
$GLOBAL_CLEFTER$  
</div>  
<div id="rightcol">  
$GLOBAL_DRIGHTER$  
</div>  
<div id="maincol">  
<!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tbody><tr>  
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5182>-->Файлы<!--</s>--></a>  

<?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a></td>  
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a>  

]<?endif?></td>  
</tr>  
</tbody></table>  
<hr>  
<div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?><div style="text-align: center; "><b><u>$ENTRY_TITLE$</u></b></div></div>  
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">  
<tbody><tr><td width="85%">  
<!--IF--> <!--IF(($FILE_URL$))--><a href="$FILE_URL$"><!--<s5223>--><img src="http://agmu.moy.su/knopki/blue.png" alt="" style="" width="110pxpx" height="30pxpx"></a><!--</s>--> <font size="2" style="font-size: 10pt; " face="Century Gothic"><sup><b><u>$FILE_SIZE$</u></b></sup></font> ·<!--</s>--> <font size="2" style="font-size: 10pt; " face="Century Gothic"><u><sup><b>$RFILE_SIZE$</b></sup></u></font><?endif?>
<!--IF--> ·</td><td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr>  
<tr><td class="eText" colspan="2"><br>$MESSAGE$</td></tr>  
<tr><td class="eDetails1" colspan="2"><?if($RATING$)?><div style="float:right"><?$RSTARS$('12','http://agmu.moy.su/12-3-.png','1','float')?></div>  
<?endif?><!--<s3179>-->Категория<!--</s>-->: <a href="$CAT_URL$">$CAT_NAME$</a><?if($USER$)?> | <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a><?endif?>  
<?if($TAGS$)?> | <!--<s5308>-->Теги<!--</s>-->: $TAGS$<?endif?>  
</td></tr>  
<tr><td class="eDetails2" colspan="2"><!--<s3177>-->Просмотров<!--</s>-->: <b>$READS$</b> | <!--<s3181>-->Загрузок<!--</s>-->: <b>$LOADS$</b>  
<?if($COMMENTS_NUM$)?>| <!--<s3039>-->Комментарии<!--</s>-->: <b>$COMMENTS_NUM$</b><?endif?>  
<?if($RATING$)?>| <!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<b><span id="entRated$ID$">$RATED$</span></b><?endif?></td></tr>  
</tbody></table>  

<?if($COM_IS_ACTIVE$)?>  
<?if($COM_CAN_READ$)?>  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tbody><tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->:<b>$COM_NUM_ENTRIES$</b><br><a href="javascript://" onclick="complaint('Kruz@k')"></a><center><a href="javascript://" onclick="complaint('Kruz@k')"><img src="http://agmu.moy.su/knopki/zhaloba2.png" border="0"></a></center>  
<script type="text/javascript" src="http://agmu.moy.su/knopki/ucodes_newComplaint.js"></script></td><td align="right" height="25">  

$COM_PAGE_SELECTOR$</td></tr>  
<tr><td colspan="2">$COM_BODY$</td></tr>  
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>  
<tr><td colspan="2" height="10"></td></tr>  
</tbody></table>  
<?endif?>  

<?if($COM_CAN_ADD$)?>  
$COM_ADD_FORM$  
<?else?>  
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Скачивать файлы могут только зарегистрированные пользователи.<!--  

</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]  

</div><?endif?>  
<?endif?>  
<?endif?><!-- </body> -->  
<div style="clear: both"></div>  
</div>  
<div style="clear: both"></div>  
<!-- </middle> -->  
</div>  
$GLOBAL_BFOOTER$  
</div></body></html>

Добавлено (13 Июн 2013, 12:16:50)
---------------------------------------------
Но, сохраните старый код!

GoticAngel
Сообщений: 8
Репутация: 3

Сообщение # 132 | 12:21:32
Добрый день! Каким образом можно поменять фон на странице: Новый ответ добавлен! Если не хотите ждать.... Спасибо.
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 133 | 15:04:59
GoticAngel,
В CSS сайта найдите классы replaceBody и replaceTable. Первое - стиль самой страницы, второе - блока с надписью.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
olga2008
Сообщений: 10
Репутация: 0

Сообщение # 134 | 07:01:13
Добрый день. как можно вывести на главной полностью всю последнюю статью из определенной категории. именно только последнюю?
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 135 | 07:25:38
olga2008, видимо информером, или через js.

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Каталоги: настройка дизайна
Поиск: