Веб-мастеру uCoz

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Веб-мастеру uCoz » Помощь, вопросы по uCoz » Кака изменить стандартный вид доски на более приятный ?


Кака изменить стандартный вид доски на более приятный ?

Сообщений 1 страница 22 из 22

1

Добрый день,хотелось бы на сайте изменить вид Доски объявлений со стандартного на какой нибудь интересный (для глаза приятный)....ну например такой Ссылка ,может кто то встречал такие скрипты?

0

2

Там, в принципе, ничего особенного - любой вид материалов подойдет. Единственное, что надо будет добавить, так это цену на видном месте. Может остальное по-мелочам доделать.

0

3

Да,я нашёл не плохой вид материала  Ссылка ,не много  подправил,но ещё есть вопросы?!...вот не получается подогнать текст (правая колонка немного налазит на текст)
http://s2.uploads.ru/t/WCeQT.jpg

Ещё хотелось бы прикрутить цену...что бы при заполнении , цена отображалась!
http://s2.uploads.ru/t/qHng4.jpg
Кнопку уже прикрутил))

Ну и на странице с полным описанием материала прикрутить слайдер как  Тут
Слайдер можно взять Тут, там 3-и варианта....но думаю что первый будет наиболее лучше...хотя если поставить рамку во втором,то тоже будет хороший))
Пробный слайдер поставил.....но не знаю как прикрутить туда картинки которые нужно загружать при добавлении нового материала.....так что бы они выводились в слайдере...?))

Да,забыл ссылку на свой сайт поставить ...Ссылка

Отредактировано Zhorik (19.08.2015 19:35)

0

4

Скиньте код - Доска объявлений » Вид материалов.
Цена у вас задается через дополнительное поле?

0

5

Вид материала - Доски объявления:

Вид материала

<div class="news">
<div class="news_1">
<div align="center"><h2>$MODER_PANEL$ <a href="$ENTRY_URL$">$TITLE$</a></h2></div>
<div class="img_news">
<img src="$IMG_URL1$" alt="$TITLE$"/>
</div>
<p class="message"> $MESSAGE$ </p>
<div class="clear"></div>
</div>
<div class="news_r">
<div class="date" title="$WDAY$ в $TIME$"> $DATE$ </div>
<ul>
<li><img src="http://mvcreative.ru/example/15/images/user.png" alt="" />
<a href="$PROFILE_URL$" title="автор материала"> $USERNAME$</a> </li>

<li><img src="http://mvcreative.ru/example/15/images/cat.png" alt="" />
<a href="$CATEGORY_URL$" title="автор материала">$CATEGORY_NAME$</a> </li>

<li><img src="http://mvcreative.ru/example/15/images/comm.png" alt="" />
<a href="$COMMENTS_URL$" title="автор материала">$COMMENTS_NUM$</a> </li>

<li><img src="http://mvcreative.ru/example/15/images/eye.png" alt="" />
<span title="просмотров">$READS$</span> </li>

<li><img src="http://жкх-гаспра.рф/images/price_.png" alt="" />
<a href="$PAGE_SELECTOR1$" title="Цена">$PAGE_SELECTOR1$</a> </li>

<br><div align="center"><a href="$ENTRY_URL$" class="myButton">подробнее</a></div></br>

</ul></div></div>

Но у меня ещё и текст в блоке заходит за правый бокс,и про слайдер я выше писал...((

а это Страница материала и комментария к нему:

Страница материала и комментария к нему

<html>
<head>
<meta charset="utf-8">
<title>$ENTRY_TITLE$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
<script type="text/javascript">
var navTitle = 'Navigation';
</script>
</head>

<body>
$ADMIN_BAR$
$GLOBAL_AHEADER$
<div class="wrapper">
$GLOBAL_PROMO$
<div id="casing">
<?if($MODULE_ID$='forum')?><div class="forum-box"><?endif?>
<!-- <middle> -->
<div id="content" <?if($HIDE_CLEFTER$)?>class="wide-page"<?endif?>>
<section><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> &raquo; <a href="$MODULE_URL$"><!--<s3193>-->Доска объявлений<!--</s>--></a> <?if($SECTION_NAME$)?>&raquo; <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> &raquo; <a href="$CAT_URL$">$CAT_NAME$</a></td>
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить объявление<!--</s>--></a> ]<?endif?></td>
</tr>
</table>
<hr />
<div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$</div>

<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">

<!-- <Слайдер доски объявления> -->
<section class="cr-container">
<input id="select-img-1" name="radio-set-1" type="radio" class="cr-selector-img-1" checked="checked" />
<label for="select-img-1" class="cr-label-img-1">1</label>
<input id="select-img-2" name="radio-set-1" type="radio" class="cr-selector-img-2" />
<label for="select-img-2" class="cr-label-img-2">2</label>
<input id="select-img-3" name="radio-set-1" type="radio" class="cr-selector-img-3" />
<label for="select-img-3" class="cr-label-img-3">3</label>
<input id="select-img-4" name="radio-set-1" type="radio" class="cr-selector-img-4" />
<label for="select-img-4" class="cr-label-img-4">4</label>
<div class="clr"></div>
<div class="cr-bgimg">
<div>
<span>Slice 1 - Image 1</span>
<span>Slice 1 - Image 2</span>
<span>Slice 1 - Image 3</span>
<span>Slice 1 - Image 4</span>
</div>
<div>
<span>Slice 2 - Image 1</span>
<span>Slice 2 - Image 2</span>
<span>Slice 2 - Image 3</span>
<span>Slice 2 - Image 4</span>
</div>
<div>
<span>Slice 3 - Image 1</span>
<span>Slice 3 - Image 2</span>
<span>Slice 3 - Image 3</span>
<span>Slice 3 - Image 4</span>
</div>
<div>
<span>Slice 4 - Image 1</span>
<span>Slice 4 - Image 2</span>
<span>Slice 4 - Image 3</span>
<span>Slice 4 - Image 4</span>
</div>
</div>
<div class="cr-titles">
<h3><span></span><span>Фото 1</span></h3>
<h3><span></span><span>Фото 2</span></h3>
<h3><span></span><span>Фото 3</span></h3>
<h3><span></span><span>Фото 4</span></h3>
</div>
</section>
<!-- </Слайдер доски объявления> -->

<br><tr><td width="85%"><?if($FILTER3_VALUE$)?>$FILTER3_VALUE$ | <?endif?> <?if($FILTER1_VALUE$)?>$FILTER1_VALUE$<?endif?> <?if($SCREEN_URL$)?>| <a href="$SCREEN_URL$" target="_blank"><!--<s5161>-->Фотография<!--</s>--></a><?endif?> </td>
<td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr>
<tr><td class="eText" colspan="2">$BRIEF$</td></tr></br>

<tr><td class="eDetails1" colspan="2"><?if($RATING$)?><div style="float:right"><?$RSTARS$('16','/.s/t/1321/rating.png','1','float')?></div><?endif?><?if($USER$)?> <div class="buttons"><a href="$AUTHOR_EMAIL_JS$" class="myButton" style="color:#FFFFFF">Написать автору письмо</a> </div> <span class="e-add"><span class="ed-title"><!--<s3178>-->Добавил<!--</s>-->:</span> <span class="ed-value"><a href="$PROFILE_URL$">$USER$</a></span></span><span class="ed-sep"> | </span><?endif?>
<?if($AUTHOR_NAME$)?> <span class="e-author"><span class="ed-title"><!--<s5192>-->Контактное лицо<!--</s>-->:</span> <span class="ed-value"> <u>$AUTHOR_NAME$</u><?endif?> <?if($AUTHOR_EMAIL_JS$)?>&nbsp; <?endif?> <?if($AUTHOR_SITE$)?><a rel="nofollow" href="javascript://" onclick="window.open('$AUTHOR_SITE$');return false;" title="Web-site">W</a><?endif?></span></span>
<?if($AUTHOR_PHONE$)?><span class="ed-sep"> | </span><span class="e-author-phone"><span class="ed-title"><!--<s5193>-->Телефон<!--</s>-->:</span> <span class="ed-value"><u>$AUTHOR_PHONE$</u></span></span><?endif?>
<?if($TAGS$)?><span class="ed-sep"> | </span><span class="e-tags"><span class="ed-title"><!--<s5308>-->Теги<!--</s>-->:</span> <span class="ed-value">$TAGS$</span></span><?endif?>
</td></tr>
<tr><td class="eDetails2" colspan="2"><span class="e-reads"><span class="ed-title"><!--<s3177>-->Просмотров<!--</s>-->:</span> <span class="ed-value">$READS$</span></span>
<?if($PLACED_TILL$)?><span class="ed-sep"> | </span><span class="e-placed"><span class="ed-title"><!--<s5236>-->Размещено до<!--</s>-->:</span> <span class="ed-value">$PLACED_TILL$</span></span><?endif?>
<?if($RATING$)?><span class="ed-sep"> | </span><span class="e-rating"><span class="ed-title"><!--<s3119>-->Рейтинг<!--</s>-->:</span> <span class="ed-value"><span id="entRating$ID$">$RATING$</span>/<span id="entRated$ID$">$RATED$</span></span></span><?endif?></td></tr>
</table>

<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></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>
</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> --></section>
</div>
<?if(!$HIDE_CLEFTER$)?>
<aside>
<div id="sidebar">
<div class="sidebox marked"><?if($URI_ID$='page1')?><div class="sidetitle"><span>WELCOME!</span></div><?endif?>
<div class="inner">
<div class="user-box">
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt=""><?endif?><?endif?><?endif?>
<div class="user-ttl"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5212>-->Приветствую Вас<!--</s>-->, <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a>!<?else?><!--<s5212>-->Приветствую Вас<!--</s>-->, <b>$USERNAME$</b>!<?endif?><?endif?></div>
<div class="user-btns"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a title="Мой профиль" href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a> | <a title="Выход" href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?><a title="Регистрация" href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a title="Вход" href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></div>
</div>
</div>
<div class="clr"></div>
</div>
$GLOBAL_CLEFTER$
</div>
</aside>
<?endif?>
<!-- </middle> -->
<div class="clr"></div>
<?if($MODULE_ID$='forum')?></div><?endif?>
</div>
</div>
$GLOBAL_BFOOTER$
<script type="text/javascript" src="/.s/t/1321/ui.js"></script>

</body>
</html>

Отредактировано Zhorik (19.08.2015 22:01)

0

6

Уже подправил....осталось разобраться с Доской объявления....
1) К установленному слайдеру прикрутить картинки которые будут загружать при добавлении нового материала и так же при редактировании материала.....не более 4-х картинок на слайдер!

2) При добавлении материала что бы выводилась цена!
3) Ну и сама страница с полным материалом и комментарием выглядела примерно так:

Фото

http://s6.uploads.ru/t/Xbowz.jpg

Доска объявления:

Вид материала

<div class="news">
<div class="news_1">
<div align="center"><h2>$MODER_PANEL$ <a href="$ENTRY_URL$">$TITLE$</a></h2></div>
<div class="img_news"> <a href="$ENTRY_URL$">
<img src="$IMG_URL1$" alt="$TITLE$"/>
</a></div>
<div class="message"> $MESSAGE$ </div>
<div class="clear"></div>
</div>
<div class="news_r">
<div class="date" title="$WDAY$ в $TIME$"> $DATE$ </div>
<ul>
<li><img src="http://mvcreative.ru/example/15/images/user.png" alt="" />
<a href="$PROFILE_URL$" title="автор материала"> $USERNAME$</a> </li>

<li><img src="http://mvcreative.ru/example/15/images/cat.png" alt="" />
<a href="$CATEGORY_URL$" title="автор материала">$CATEGORY_NAME$</a> </li>

<li><img src="http://mvcreative.ru/example/15/images/comm.png" alt="" />
<a href="$COMMENTS_URL$" title="автор материала">$COMMENTS_NUM$</a> </li>

<li><img src="http://mvcreative.ru/example/15/images/eye.png" alt="" />
<span title="просмотров">$READS$</span> </li>

<li><img src="http://жкх-гаспра.рф/images/price_.png" alt="" />
<a href="$PAGE_SELECTOR1$" title="Цена">$PAGE_SELECTOR1$</a> </li>

<br><div align="center"><a href="$ENTRY_URL$" class="myButton">подробнее</a></div></br>

</ul></div></div>

Страница материала и коментария

<html>
<head>
<meta charset="utf-8">
<title>$ENTRY_TITLE$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
<script type="text/javascript">
var navTitle = 'Navigation';
</script>
</head>

<body>
$ADMIN_BAR$
$GLOBAL_AHEADER$
<div class="wrapper">
$GLOBAL_PROMO$
<div id="casing">
<?if($MODULE_ID$='forum')?><div class="forum-box"><?endif?>
<!-- <middle> -->
<div id="content" <?if($HIDE_CLEFTER$)?>class="wide-page"<?endif?>>
<section><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> &raquo; <a href="$MODULE_URL$"><!--<s3193>-->Доска объявлений<!--</s>--></a> <?if($SECTION_NAME$)?>&raquo; <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> &raquo; <a href="$CAT_URL$">$CAT_NAME$</a></td>
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить объявление<!--</s>--></a> ]<?endif?></td>
</tr>
</table>
<hr />
<div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$</div>

<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">

<!-- <Слайдер доски объявления> -->
<section class="cr-container">
<input id="select-img-1" name="radio-set-1" type="radio" class="cr-selector-img-1" checked="checked" />
<label for="select-img-1" class="cr-label-img-1">1</label>
<input id="select-img-2" name="radio-set-1" type="radio" class="cr-selector-img-2" />
<label for="select-img-2" class="cr-label-img-2">2</label>
<input id="select-img-3" name="radio-set-1" type="radio" class="cr-selector-img-3" />
<label for="select-img-3" class="cr-label-img-3">3</label>
<input id="select-img-4" name="radio-set-1" type="radio" class="cr-selector-img-4" />
<label for="select-img-4" class="cr-label-img-4">4</label>
<div class="clr"></div>
<div class="cr-bgimg">
<div>
<span>Slice 1 - Image 1</span>
<span>Slice 1 - Image 2</span>
<span>Slice 1 - Image 3</span>
<span>Slice 1 - Image 4</span>
</div>
<div>
<span>Slice 2 - Image 1</span>
<span>Slice 2 - Image 2</span>
<span>Slice 2 - Image 3</span>
<span>Slice 2 - Image 4</span>
</div>
<div>
<span>Slice 3 - Image 1</span>
<span>Slice 3 - Image 2</span>
<span>Slice 3 - Image 3</span>
<span>Slice 3 - Image 4</span>
</div>
<div>
<span>Slice 4 - Image 1</span>
<span>Slice 4 - Image 2</span>
<span>Slice 4 - Image 3</span>
<span>Slice 4 - Image 4</span>
</div>
</div>
<div class="cr-titles">
<h3><span></span><span>Фото 1</span></h3>
<h3><span></span><span>Фото 2</span></h3>
<h3><span></span><span>Фото 3</span></h3>
<h3><span></span><span>Фото 4</span></h3>
</div>
</section>
<!-- </Слайдер доски объявления> -->

<br><tr><td width="85%"><?if($FILTER3_VALUE$)?>$FILTER3_VALUE$ | <?endif?> <?if($FILTER1_VALUE$)?>$FILTER1_VALUE$<?endif?> <?if($SCREEN_URL$)?>| <a href="$SCREEN_URL$" target="_blank"><!--<s5161>-->Фотография<!--</s>--></a><?endif?> </td>
<td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr>
<tr><td class="eText" colspan="2">$BRIEF$</td></tr></br>

<tr><td class="eDetails1" colspan="2"><?if($RATING$)?><div style="float:right"><?$RSTARS$('16','/.s/t/1321/rating.png','1','float')?></div><?endif?><?if($USER$)?> <div class="buttons"><a href="$AUTHOR_EMAIL_JS$" class="myButton" style="color:#FFFFFF">Написать автору письмо</a> </div> <span class="e-add"><span class="ed-title"><!--<s3178>-->Добавил<!--</s>-->:</span> <span class="ed-value"><a href="$PROFILE_URL$">$USER$</a></span></span><span class="ed-sep"> | </span><?endif?>
<?if($AUTHOR_NAME$)?> <span class="e-author"><span class="ed-title"><!--<s5192>-->Контактное лицо<!--</s>-->:</span> <span class="ed-value"> <u>$AUTHOR_NAME$</u><?endif?> <?if($AUTHOR_EMAIL_JS$)?>&nbsp; <?endif?> <?if($AUTHOR_SITE$)?><a rel="nofollow" href="javascript://" onclick="window.open('$AUTHOR_SITE$');return false;" title="Web-site">W</a><?endif?></span></span>
<?if($AUTHOR_PHONE$)?><span class="ed-sep"> | </span><span class="e-author-phone"><span class="ed-title"><!--<s5193>-->Телефон<!--</s>-->:</span> <span class="ed-value"><u>$AUTHOR_PHONE$</u></span></span><?endif?>
<?if($TAGS$)?><span class="ed-sep"> | </span><span class="e-tags"><span class="ed-title"><!--<s5308>-->Теги<!--</s>-->:</span> <span class="ed-value">$TAGS$</span></span><?endif?>
</td></tr>
<tr><td class="eDetails2" colspan="2"><span class="e-reads"><span class="ed-title"><!--<s3177>-->Просмотров<!--</s>-->:</span> <span class="ed-value">$READS$</span></span>
<?if($PLACED_TILL$)?><span class="ed-sep"> | </span><span class="e-placed"><span class="ed-title"><!--<s5236>-->Размещено до<!--</s>-->:</span> <span class="ed-value">$PLACED_TILL$</span></span><?endif?>
<?if($RATING$)?><span class="ed-sep"> | </span><span class="e-rating"><span class="ed-title"><!--<s3119>-->Рейтинг<!--</s>-->:</span> <span class="ed-value"><span id="entRating$ID$">$RATING$</span>/<span id="entRated$ID$">$RATED$</span></span></span><?endif?></td></tr>
</table>

<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></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>
</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> --></section>
</div>
<?if(!$HIDE_CLEFTER$)?>
<aside>
<div id="sidebar">
<div class="sidebox marked"><?if($URI_ID$='page1')?><div class="sidetitle"><span>WELCOME!</span></div><?endif?>
<div class="inner">
<div class="user-box">
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt=""><?endif?><?endif?><?endif?>
<div class="user-ttl"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5212>-->Приветствую Вас<!--</s>-->, <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a>!<?else?><!--<s5212>-->Приветствую Вас<!--</s>-->, <b>$USERNAME$</b>!<?endif?><?endif?></div>
<div class="user-btns"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a title="Мой профиль" href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a> | <a title="Выход" href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?>$LOGIN_FB$$LOGIN_VK$$LOGIN_OK$$LOGIN_GOOGLE$$LOGIN_YANDEX$$LOGIN_TWITTER$<?endif?><?endif?></div>
</div>
</div>
<div class="clr"></div>
</div>
$GLOBAL_CLEFTER$
</div>
</aside>
<?endif?>
<!-- </middle> -->
<div class="clr"></div>
<?if($MODULE_ID$='forum')?></div><?endif?>
</div>
</div>
$GLOBAL_BFOOTER$
<script type="text/javascript" src="/.s/t/1321/ui.js"></script>

</body>
</html>

Отредактировано Zhorik (21.08.2015 13:30)

0

7

Вобщем я тут пока у себя подправил пока вас не было,правда методом тыка и запросами в поиске тегов..))
вот что получилось : Ссылка
Но ещё нужно внутри страницы полного материала подправить Контактную информацию....вывести её по серединке блока или по краям с права и лева!
И ещё вот думаю сменить слайдер на странице с полным материалом в доске объявлений....заменить на этот (вариант №3 ) : Ссылка но что то не получается установить,наверное что то не так делаю...((

0

8

Цену я смотрю вы вывели. Вчера заходил с мобильного, мельком глянул код и ничего понять не мог: в вашем коде вместо поля цены стоял переключатель страниц — $PAGE_SELECTOR1$

Судя по тому, что блок контактной информации и текст в нем расположены по центру, то уже не актуально?
По поводу сладйреа: в примере слайдер работает на версии jQuery 1.8.0. У вас на сайте используется версия jQuery 1.7.2. Попробуйте в админке: Настройки Общие настройки, Версия библиотеки jQuery сменить на 1.10.2

0

9

Сегодня поменял слайдер,вроде как всё встало на свои места,
1) Вот думаю как сделать что бы на главной странице Доски объявления,Количество символов, отведенных тексту сокращенной версии сообщения:не превышало 250!
2) И можно ли прикрутить иконки к раздам объявления и как это сделать?
3) У меня слайдер режет (вернее не показывает всю картинку),как и где сделать что бы слайдер сжимал и показывал всю картинку?

0

10

Zhorik написал(а):

1) Вот думаю как сделать что бы на главной странице Доски объявления,Количество символов, отведенных тексту сокращенной версии сообщения:не превышало 250!

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

Код:
$MESSAGE$

и замените её на

Код:
<?if(len($MESSAGE$)>250)?><?substr($MESSAGE$,0,250)?>...<?else?>$MESSAGE$<?endif?>
Zhorik написал(а):

2) И можно ли прикрутить иконки к раздам объявления и как это сделать?

В принципе, прикрутить можно всё. Тут важно сказать, какие именно иконки вы собираетесь прикрутить (растровые или векторные). Вроде как ссылка каждой категории имеет свой уникальный ид. С помощью него можно указать иконки. ID категории можно подсмотреть при наведении мышки на ссылку (появится внизу слева).

Zhorik написал(а):

3) У меня слайдер режет (вернее не показывает всю картинку),как и где сделать что бы слайдер сжимал и показывал всю картинку?

Не вижу у вас на сайте никакого слайдера. Может я не там смотрю? Оставляйте ссылку на сайт и точное местоположение слайдера, дабы мне не бегать-искать по сайту.

0

11

Артем написал(а):

Не вижу у вас на сайте никакого слайдера.

ссылка на страницу со слайдером)) Ссылка
мне конечно подсказали вот такой вариант,но он не много тянет картинку....получается растянутая....
<div class="item">
<img height="400" width="755" src="$IMG_URL1$" alt="" />
</div>

0

12

Zhorik, не слайдер режет картинку: отсекается та область, что не входит в блок слайдера.
Если делать простыми средствами, тогда картинка получится: 1) с белыми выступами по краям (без потери качества); 2) растянута (с потерей качества).
Если же делать так, чтобы сохранялись и пропорции (ширина/высота), и качество картинки, то придется извернуться и попыхтеть, внося ряд изменений в стили и сам слайдер.
Третий вариант - обрабатывать изображения через графический редактор, обрезая их до размера слайдера.

Если у вас нет картинок отснятых в портретном режиме (вертикальных), то это намного облегчит задачу - так мы сможем подгонять картинки только по ширине.

Добавлено спустя 12 минут 10 секунд:

Что-то я поспешил с выводами - просмотрев повнимательнее картинки, понял, что такое тут не получится, ибо большинство картинок чуть ли не квадратные, а учитывая, что слайдер ориентирован на горизонтальные картинки, то картинки не будут вписывать в нужную ширину. Так что у вас остается только два вариант:
Вариант 1: редактировать картинки вручную, чтобы все они были горизонтальными;
Вариант 2: Добавить в стили выделенное красным (571 строчка):

.sliderContent .item {
position:absolute;
width:755px;
height:400px;
background:#fff;
text-align: center;
}

Далее, в слайдере выделенное красным вообще убрать и забыть об этом (использовать только в самых крайних случаях)

<div class="item">
<img height="400" width="755" src="$IMG_URL1$" alt="" />
</div>

В стили добавьте код:

Код:
.sliderContent .item img {
    max-width: 755px;
}

0

13

Разъясните пожалуйста,зачем добавлять эту запись в стили:

Код:
.sliderContent .item img {
max-width: 755px;
}

если есть вот эта запись!

Код:
.sliderContent .item {
position:absolute;
width:755px;
height:400px;
background:#fff;
text-align: center; 
}

Но всё равно конечно фотографии и картинки не полностью показывает...((
А может просто заменить слайдер на более подходящий и симпатичный....что Вы скажите Маэстро.,как дизайнер и профессионал ?))
Вот например на этот:
Ссылка - demo версия 2-й вариант!
в этом варианте можно как увеличивать картинку так и уменьшать при просмотре на слайдере....и просмотр во весь экран фото ..... такой вариант наверное для "доски объявления" будет более целесообразный для посетителей ?!
Единственное мне не понятно как будут участники добавлять свои фотографии или картинки,так как там по мимо орнаментальных нужно ещё и thumbs (уменьшенные размеры фото) ?

Отредактировано Zhorik (25.08.2015 13:31)

0

14

Я вам еще раз говорю: фотографии, что в первом примере, что во втором — горизонтальные! Точнее говоря: размер фотографий специально подогнан под размер слайдера.

Zhorik написал(а):

если есть вот эта запись!

Вчера поспешил и оставил не то значение, должно было быть:

Код:
.sliderContent .item img {
  max-height: 400px;
}

Та запись, что присутствует у вас, отвечает за размер блока слайдера, однако размер фотографий выходит за область слайдера. Моя запись как-раз делает так, чтобы высота фотографий была ориентирована под размер слайдера. Тогда картинки будут формироваться по высоте. Пример:
http://s3.uploads.ru/t/5ImcT.png
Пустая белая область по краям - это именно то, о чем я вам говорил выше.

Второй вариант слайдера мне нравится, он лаконичен, да и для доски объявлений будет самое то http://ucoz.usertalk.ru/uploads/0007/af/57/16415-2.gif
Увеличения фотографии действительно не хватает.

0

15

Артем написал(а):

Второй вариант слайдера мне нравится, он лаконичен, да и для доски объявлений будет самое то http://ucoz.usertalk.ru/uploads/0007/af/57/16415-2.gif

Попробую его поставить,я конечно не специалист....но в процессе буду задавать вопросы....хочется самому поэтапно разобраться в установке и наладке этого слайдера.....вот только мне не понятно,как автор объявления будет загружать картинки в двух разрешениях....для полного показа и в миниатюре? http://ucoz.usertalk.ru/uploads/0007/af/57/16417-5.gif

0

16

Что то этот " слайдер" у меня не запускается...видно что то я не так сделал...((
он не то что бы не запускается,вобще не показывает что он там есть...((
зайдите на страничку посмотрите что там не так ? Ссылка

Отредактировано Zhorik (26.08.2015 17:00)

0

17

Потому что слайдер работает под версией jQuery 1.11.0, а у вас на сайте используется версия 1.7.2. Конечно попробуйте в админке поменять версию на 1.10.2 (см. 8 сообщение), но не факт, что заработает.

0

18

Артем написал(а):

в админке поменять версию на 1.10.2

Пробовал поменять,результата не дало....пробовал и отдельно заливать ...(
и эти две строки тоже не помоги...

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script type='text/javascript' src='/unitegallery/js/jquery-11.0.min.js'></script>

0

19

А вы их ставили в head? Если да, то видимо юкоз запрещает ставить свою версию jQuery. К сожалению, в настоящий момент эту догадку проверить не могу. В таком случае вам только остается найти того, кто перепишет слайдер под одну из предложенных версий Jquery, либо выбирайте такой слайдер, что дружит с jQuery 1.10.2 или 1.7.2.

Других вариантов нет http://ucoz.usertalk.ru/uploads/0007/af/57/16417-1.gif

0

20

Артем написал(а):

кто перепишет слайдер

А вы не могли бы адаптировать этот слайдер под ucoz& http://ucoz.usertalk.ru/uploads/0007/af/57/16341-1.gif

0

21

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

0

22

Артем написал(а):

Разумеется нет, это не пятиминутное дело.

Жаль,хороший слайдер был бы((

0


Вы здесь » Веб-мастеру uCoz » Помощь, вопросы по uCoz » Кака изменить стандартный вид доски на более приятный ?