Question

Подскажите пожалуйста как сделать кратинку под картинкой с изменяемой прозрачностью? - https://prnt.sc/yrtsto
Или же как придать данному блоку картинку фон?
 

<div class="files-right">

<div class="nickname"><h1>$ENTRY_TITLE$</h1> <?if($GROUP_ID$='4')?><span>$MODER_PANEL$</span><?endif?></div>
<div class="name">$SOURCE_URL$</div

</div>

 

 

 

.files-right {
 position: relative;
 display: block;
 float: right;
 margin-top: 60px;
 margin-right: 20px;
 width: 480px;
}

 

.nickname {
 display: block;
 position: relative;
 font-family: 'Montserrat', sans-serif;
 color: #000;
 top: -2px;
}

.nickname > h1 {
 font-weight: bold;
 text-transform: none;
 font-size: 50px;
 letter-spacing: 1px;
}

.nickname span {
 top: 2px;
 float: right;
 right: 0;
 position: absolute;
}

.name {
 display: block;
 text-transform: none;
 font-family: 'Montserrat', sans-serif;
 font-size: 20px;
 letter-spacing: 0.5px;
 margin-top: 15px;
 margin-bottom: 88px;
}

Answer 1

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

Comments

https://prnt.sc/yunnpy - вот блок, как раз хотел где фотография за ней разместить фотографию с пониженной прозрачностью

---

Админ CSGOSETTINGS.ru,

По скриншоту, извините, но пример не удачный, нужно на сайте смотреть.

---

Yuri_Geruk,

вот  https://newcsgosettings.at.ua/load/xizt/1-1-0-23

---

Админ CSGOSETTINGS.ru,

Стили строка 785:

.files-img {
 position: relative;
 display: block;
 float: left;
 width: 270px;
 margin: 20px;
 background: #00000033;
}

выделил красным, можно так сделать или прописать rgb цвет своей прозрачности и будет как нужно.

---

Yuri_Geruk,

А как там разместить кратинку? и увеличить её сделать например масштаб в 1000 раз больше

---

Админ CSGOSETTINGS.ru,

пропишите ее фоном: http://htmlbook.ru/css/background 

background: url(ссылка на фото)no-repeat 0%0%/cover;

---

Yuri_Geruk,

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