Question

код информера: 

<div class="g-album"> 
<div class="g-album-p"> 
<a href="$CATEGORY_URL$"> 
<span class="g-album-s" id="c$NUMBER$"><span class="g-album-b"></span></span> 
</a> 
</div> 
<div class="g-album-i"> 
<b>$CATEGORY_NAME$</b><br>Фотографий: $NUM_DATA$<br><div class="g-album-descr">$CATEGORY_DESCR$</div> 
</div> 
</div> 

 

код css шаблона:

.g-album {display:inline-block; overflow:hidden; border:1px dashed #ccc; border-radius:3px; padding:5px; margin-bottom:15px;} 
.g-album-p {float:left; width:100px;} 
.g-album-b {float:left; width:90px; height:67px;} 
.g-album-i {float:left; width:150px;} 
.g-album-s img {width:90px; height:67px; border-radius:3px;}

плохо разбираюсь в css, что нужно дописать, чтобы вместо картинки была картинка папочки, а на ней уже картинка. Ну тоесть под картинку нужно нарисовать еще папку. 

Answer 1

Ничего сверх делать не нужно, заменить шаблон информера на следующий:

<div class="g-album"> 
<div class="g-album-p"> 
<a href="$CATEGORY_URL$"> 
<span class="g-album-s" id="c$NUMBER$"><span class="g-album-b"></span></span>
<img src="http://ups.clan.su/skachannye_fajly.jpg" width=100> 
</a> 
</div> 
<div class="g-album-i"> 
<b>$CATEGORY_NAME$</b><br>Фотографий: $NUM_DATA$<br><div class="g-album-descr">$CATEGORY_DESCR$</div> 
</div> 
</div>

<script type="text/javascript"> $('#c$NUMBER$').load('$CATEGORY_URL$ .phtTdMain:first img');</script>

выше в коде прописана ссылка - http://ups.clan.su/skachannye_fajly.jpg замените на вашу

Comments

чето не работает, я вижу, что папочка отрисовывается на долю секунды, а потом поверх неё рисуется картинка( надо чтобы картинка была на папочке

---

jacson007 jdfh,

Отредактируйте шаблон информера и замените на:

<div class="g-album"> 
<div class="g-album-p"> 
<a href="$CATEGORY_URL$"> 
<span class="g-album-s" id="c$NUMBER$"><span class="g-album-b"></span></span>
<img src="http://ups.clan.su/skachannye_fajly.jpg" width=100> 
</a> 
</div> 
<div class="g-album-i"> 
<b>$CATEGORY_NAME$</b><br>Фотографий: $NUM_DATA$<br><div class="g-album-descr">$CATEGORY_DESCR$</div> 
</div> 
</div>

<script type="text/javascript"> $('#c$NUMBER$').load('$CATEGORY_URL$ .phtTdMain:first img');</script>

---

Yuri_Geruk,

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

---

jacson007 jdfh,

Пропишите это в ксс...

.g-album-s img {position:relative; top:150px;left:10px}
.g-album-i {position:relative; top:150px;}