Как сделать?

Сообщений: 21

Репутация: 3

Сообщение # 1 | 02:00:02 27 Июл 2014

Здравствуйте:) Подскажите плиз как мне сделать чтобы рамкой вокруг новости выступала одна картинка с определёнными постоянными кардинатами, к примеру 500 на 250 px? Чтобы на ней отображалось и название новости, и сам материал новости и дата добавления, кто добавил, сколько комментариев и т.д.? Я поставил и вот что получилось:

Как сделать чтобы само название постоянно было вверху, как указанно стрелочкой на картинке, а информация о дате добавления и т.д. всегда внизу? Не зависимо от самого текста новости. А то получается чем больше текст тем выше название и ниже информация. И чтобы текст размещался не по центру между этим всем по вертикали, а с отступом 15px от названия новости. Даже если сам текст из пары слов состоит? А если слов больше чем определённое колличество, то чтобы показывало "читать дале" и тогда открывалась полная новость. Кстати у меня не работает "Читать далее" просто если текст большой там ставится многоточие, и надо нажать на само название новости, чтобы открыть её. Как мне это сделать подскажите пожалуйста, весь css перерыл. margin и align на 0 стоят, а отступ всё равно не нулевой... Дизайн в css.
Вот ссылка на css: CSS
Вот сайт: Сайт
Вот код "Вид материалов" новостей сайта:

Код

<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;">$MESSAGE$</div><?endif?>
<?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?><div class="eDetails" style="clear:both;">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('16','/.s/t/1091/rating.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?><span class="e-category"><span class="ed-title">Категория:</span> <span class="ed-value"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span></span><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($USERNAME$)?><span class="e-author"><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 />

P.S.: И чтобы так же было и в каталоге файлов, и статей и т.д.

Прикрепления: 7496557.jpg (166.9 Kb)

Jekan5833

Сообщений: 784

Репутация: 54

Уровень замечаний:

Сообщение # 2 | 03:08:38 27 Июл 2014

попробуйте объяснить по нормальному а то нечего не понял из написаного

помог? ставь +
регистрация поддомена от сайта http://xn----otbzgmn4a.tk/ бесплатно в лс
setup:cf.qq.com,wf.qq.com

BoxerLab

Сообщений: 21

Репутация: 3

Сообщение # 3 | 10:44:24 27 Июл 2014

Jekan5833, Вот есть картинка

Мне надо сделать чтобы она была фоном для новостей сайта, для файлов и для статей.
А щас у меня там фоном 3 картинки: верхняя на которой название новости, средняя, которая повторяется по оси - Y и нижняя на которой отображается информация о загруженном файле. Мне надо заменить эти 3 на одну. Чтобы на ней было и название новости и сама новость и информация, и чтобы эта картинка не растягивалась в зависимости от новости. Чтобы она была всегда одинаковых размеров, а для новости поставить допустим число символов 100 к примеру, и чтобы потом можно было открыть полный текст новости. Думаю понятно:)

Прикрепления: 6325974.png (155.3 Kb)

Ubivator

Сообщений: 128

Репутация: 33

Сообщение # 4 | 14:01:24 27 Июл 2014

Код

<table style="border-collapse: collapse; width: 100%; background-image: url(http://forum.ucoz.ru/_fr/676/s6325974.jpg); background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: initial;" width="" align=""><tbody><tr><td><span style="color: rgb(220, 220, 220);">$TITLE$<br><br>$MESSAGE$<br><br>$DATE$ м прочие штуки</span></td></tr></tbody></table>

cinemabox.3dn.ru

BoxerLab

Сообщений: 21

Репутация: 3

Сообщение # 5 | 14:51:22 28 Июл 2014

Ubivator, А отступы можно делать по нормальному, а не с использованием <br>, это же бред:) Может можно разделить на 3 строки и сделать 1 строка параметр top и там название, 2 строка параметр center, и 3 строка bottom, ну что-то типа того:) Можно так сделать? И как?

Ubivator

Сообщений: 128

Репутация: 33

Сообщение # 6 | 17:38:13 28 Июл 2014

Отступы смотря какие=)

внутренние: padding: XXpx,

внешние: margin: XXpx.

Внутренний снизу ещё например:

padding-bottom: XXpx,

Внешний слева:

margin-left: XXpx

Задаются через стили: style= тр,тр,тр,

Если для каждой ячейки нужны разные отступы, то пишите для каждой ячейки.

Или в ксс можете прописать новые, например:

.news-top {тр,тр,тр
}
.news-center{тр,тр,тр
}
.news-bottom{тр,тр,тр
}

А в виде новостей <div class="news-top"></div>

Вообщем возможностей море делайте, как вам удобно =)

cinemabox.3dn.ru

Сообщение отредактировал Ubivator - Понедельник, 28 Июл 2014, 17:58:07

Yuri_G

uWeb support
uVip manager

Сообщений: 4339

Репутация: 943

Сообщение # 7 | 09:29:15 29 Июл 2014

Решение предоставлено. Тема закрыта!

Интересные решения для сайта uCoz ★ Настраиваем Seo в uCoz

Страница 1 из 1 1
Модератор форума: dotbot