Рамка для изображений на сайте

[Max2011]

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

[Heon]

img {
border: 5px solid #7d6b72;
}

img Заменить на класс который у вас используеться в полной и короткой новости.
Вообщем на то во что у вас обвернуто {full-story} и {short-story} ну или добавить к вашему классу просто border: 5px solid #7d6b72;

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

[Max2011]

img {
border: 5px solid #7d6b72;
}

img Заменить на класс который у вас используеться в полной и короткой новости.
Вообщем на то во что у вас обвернуто {full-story} и {short-story} ну или добавить к вашему классу просто border: 5px solid #7d6b72;

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

спс за отклик, но не особо понял что и где менять

[Heon]

Имеем такой код короткой новости

<div class="message">{short-story}
	</div>

Идем в ксс и к классу message добавляем код что я дал.
или обворачиваем {short-story} в дивы с класом img

<div class="img">{short-story}
	</div>

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

.img {
border: 5px solid #7d6b72;
}

[Max2011]

Имеем такой код короткой новости

<div class="message">{short-story}
	</div>

я так понял этот код надо искать в shortstory.tpl?
все перерыл, нет у меня такого кода "message" и поэтому теряюсь.....

[Heon]

У вас совсем другой код,ишите {short-story} и смотрите в какой див обвернут.
или дай те код свой я скажу как и что!!

[Max2011]

shortstory.tpl

Нажми для просмотра

<div class="midblock">
<div class="dtop">&nbsp;</div>
<div class="shortstory">
<div class="dtitle">
<span class="comlink"><i><b>[com-link]{comments-num}[/com-link]</b></i></span>
<h1>[full-link]{title}[/full-link]</h1>
<div class="btfinfo">
<ul class="reset">
<li style="max-width: 300px; max-height: 12px;"><img class="caticon" src="{THEME}/images/caticon.png" alt="" />Категория: {approve} {link-category}</li>
<li><img class="caticon" src="{THEME}/images/calendar.png" alt="" />{date}</li>
<li>{author}</li>



<li>Просмотров: {views}</li>
<li class="isicons">
<span>[edit]<img src="{THEME}/dleimages/editstore.gif" border="0" alt="Edit" title="Редактировать новость">[/edit]</span>
<span>{favorites}</span>
</li>
</ul>
</div>
</div>
<div class="maincont">
<div >{short-story}</div>
<div class="clr"></div>
</div>
<div class="morelink">
<span class="ratecom">{rating}</span>
<div class="btfinfo">
<ul class="reset">
<li>[full-link]<b>Подробнее...</b>[/full-link]</li>
</ul>
</div>
</div>
</div>
<div class="clr"></div>
<div class="dbtm">&nbsp;</div>
</div>

Этот?

[Heon]

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

<div class="midblock">
<div class="dtop">&nbsp;</div>
<div class="shortstory">
<div class="dtitle">
<span class="comlink"><i><b>[com-link]{comments-num}[/com-link]</b></i></span>
<h1>[full-link]{title}[/full-link]</h1>
<div class="btfinfo">
<ul class="reset">
<li style="max-width: 300px; max-height: 12px;"><img class="caticon" src="{THEME}/images/caticon.png" alt="" />Категория: {approve} {link-category}</li>
<li><img class="caticon" src="{THEME}/images/calendar.png" alt="" />{date}</li>
<li>{author}</li>



<li>Просмотров: {views}</li>
<li class="isicons">
<span>[edit]<img src="{THEME}/dleimages/editstore.gif" border="0" alt="Edit" title="Редактировать новость">[/edit]</span>
<span>{favorites}</span>
</li>
</ul>
</div>
</div>
<div class="maincont"><div class="img">
<div >{short-story}</div>
<div class="clr"></div>
</div></div>
<div class="morelink">
<span class="ratecom">{rating}</span>
<div class="btfinfo">
<ul class="reset">
<li>[full-link]<b>Подробнее...</b>[/full-link]</li>
</ul>
</div>
</div>
</div>
<div class="clr"></div>
<div class="dbtm">&nbsp;</div>
</div>

и в css добавляем

.img {
border: 5px solid #a3a1a2;
}

[Max2011]

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

[Heon]

В css старый удали а этот добавь

.images-border img {
    border: 1px solid #000;
    padding:3px;
    width:200px;
    margin-right:5px; 
    margin-bottom:5px;

Найди

<div class="maincont"><div class="img">
<div >{short-story}</div>
<div class="clr"></div>
</div></div>

Где div class="img"> замени на images-border должно быть так

<div class="maincont"><div class="images-border">
<div >{short-story}</div>
<div class="clr"></div>
</div></div>

[Max2011]

рамка появилась, но картинки вытянулись по горизонтали и почему то на других страницах нет рамки и сайт не догружается

[Max2011]

модуля точно нет? так как я посмотрел у других там красивые двойные рамки, разных цветов и еще с тенью.....

[Heon]

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