Как поменять дизайн статей стандартного дизайна юкоз

голоса: 0
Как подстроить дизайн №959.  Статьи чтобы при просмотре на главной и в категориях разделялось на 2 части, с левой стороны чтобы была картинка а рядом справа краткое описание и чтобы регулировало размер картинки (сжимало) если большая(чтобы дизайн непортило), а в полном описании статьи чтобы вверху по центру была картинка и ниже шло описание.

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

А так же как правильно написать код чтобы Ссылка на источник материала была в виде картинки и в ней сразу была вписана ссылка которая прописываеться в эту строку при добавлении материала.
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ
С вашими запросом вам сюда https://upartner.pro/
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
какой смысл в этом сервисе вопросов и ответов если нормально непомогают?
Евгений Сафроненко,
Прочтите ваш вопрос, пожалуйста, ваш вопрос выглядит как заказ фронта работ, а не просьба помочь и не видно ваших стараний в данном направлении.

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

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

Как сделать вид материалов в несколько колонок можете прочесть в материале - http://forum.ucoz.ru/forum/32-42730-1

пример сдесь
http://rpg.ucoz.ua/load/rpg/games/3
я пробовал так же само сделать но каталог файлов отличаеться от статей к томуже этот шаблон скачаный с интернета и я в нем несовсем разбираюсь.

сделать это нужно на другом шаблоне

я пробовал перед кодом меседжа поставить код имг но картинка непоказываеться.

 

Евгений Сафроненко,
предоставьте код вида материалов каталога статей
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$IMAGE1$$MESSAGE$</div><?endif?><div class="eDetails" style="clear:both;">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?><a class="e-category" href="$CATEGORY_URL$">$CATEGORY_NAME$</a><span class="ed-sep"> | </span><?endif?>
<span class="e-reads"><span class="ed-title">Просмотров:</span> <span class="ed-value">$READS$</span></span><span class="ed-sep"> | </span>
<?if($AUTHOR_NAME$)?><span class="e-author"><span class="ed-title">Author:</span> <span class="ed-value">$AUTHOR_NAME$</span></span><span class="ed-sep"> | </span><?endif?>
<?if($USERNAME$)?><span class="e-add"><span class="ed-title">Добавил:</span> <span class="ed-value"><a href="$PROFILE_URL$">$USERNAME$</a></span></span><span class="ed-sep"> | </span><?endif?>
<span class="e-date"><span class="ed-title">Дата:</span> <span class="ed-value"title="$TIME$">$DATE$</span></span>
<?if($COMMENTS_URL$)?><span class="ed-sep"> | </span><a class="e-comments" href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</div></td></tr></table><br />

 

Евгений Сафроненко,

неправильно сделали в этой части:

$IMAGE1$$MESSAGE$

замените код:

$IMAGE1$

на следующий:

<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_SMALL_URL1$" alt="$TITLE$" /></a><?endif?>

после замены отпишитесь, помогу сделать отступ от текста между фото.

немного нето, сдесь оно отображаеться только ссылкой а саму картинку открывает только если нажать на ссылку

оставил только такое

<img src="$IMG_URL1$">

картинку показывает но как сделать обтекание?

вот код с обтеканием

style="float:left;margin: 7px 7px 7px 0;

но немогу с марджином разобрать как неменяю все показатели ничего неменяеться, может ли быть что имено в css гдето конфликтует?

Евгений Сафроненко,
style="float:left;margin: 7px 7px 7px 0px;
Евгений Сафроненко,
Все же условие стоило бы оставить так как происходит проверка на то прикреплено ли фото или нет, убрав условие вы сделали небольшую ошибку, если фото не будет прикреплено, будет отображаться пустой квадрат без фото.

Предоставьте ссылку на каталог где вы это выполняете, как я вижу - http://rpg.ucoz.ua/publ/ здесь вовсе нет никаких изменения.

на данный момент настраиваю дизайн данного сайта с отступами разобрался.

насчет вашего предложения оставить условия тоже согласен сейчас вот ищю информацию как его изменить таким образом чтобы если есть картинки то она отображаеться а если нету то будет отображаться стандартная типа "изображение отсутствует" сам принцип условия понимаю но в кодах еще сложновато ориентироваться((

Евгений Сафроненко,

Это легко делается, смотрим условие ниже:

<?if($IMG_URL1$)?>
<a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_SMALL_URL1$" alt="$TITLE$" /></a>
<?else?>
<img src="ссылка на иконку фото если нет фото к материалу" alt="$TITLE$" />
<?endif?>
...