Страница 1 из 11
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Как подключить фон к вид материалу?
Как подключить фон к вид материалу?
trem200
Дата: Понедельник, 28.08.2017, 15:23 | Сообщение # 1
Проверенные
Сообщений:384
Награды: 3


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



Поставил данный вид материала: http://zornet.ru/load....-0-8038
Прикрепления: 3854315.jpg(58Kb)
Страна: (RU)
VIP36RUS
Дата: Понедельник, 28.08.2017, 16:26 | Сообщение # 2
Проверенные
Сообщений:78
Награды: 3


Не знаю точно но может вместо ссылки на фон поставить $IMG_URL1$

IPSGuru.RU - Сообщество веб администраторов
Zone-CS.RU - Проект игровых серверов Counter Strike
ClubCheats.RU - Читы для игр
Страна: (RU)
Kosten
Дата: Понедельник, 28.08.2017, 16:36 | Сообщение # 3
Администраторы
Сообщений:15290
Награды: 50


trem200, лучше спросить у пользователя maniacvn, как понимаю он выставлял.
Страна: (RU)
Kosten
Дата: Понедельник, 28.08.2017, 16:46 | Сообщение # 4
Администраторы
Сообщений:15290
Награды: 50


trem200, в комментариях ЗДЕСЬ автор вид материала отписал.
Страна: (RU)
trem200
Дата: Понедельник, 28.08.2017, 17:14 | Сообщение # 5
Проверенные
Сообщений:384
Награды: 3


Kosten,
Цитата Kosten ()
в комментариях ЗДЕСЬ автор вид материала отписал.


У меня так же всё прописано

Код
/* вид файлов */
.service-details {
width: 98%;
min-width: 300px;
height: 185px;
overflow: hidden;
position: relative;
margin: 5px;
float: left;
background: url($IMG_URL1$);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.service-details:hover img {
box-shadow: 0px 0px 45px 47px rgba(0, 0, 0, 0.8);
border: 10px solid rgba(0, 0, 0, 0);
}

.service-details img {
position: absolute;
right:0px;
width: 175px;
height: 175px;
float: left;
border-radius: 50%;
border: 10px solid rgba(0, 0, 0, 0);
box-shadow: 0px 0px 27px 1px #000000;
margin:5px;
}

.service-details .service-hover-text h3 {
padding: 5px;
color:#95b9bf;
text-align:left;
font-size:18px;
font-family: 'Jura', sans-serif;
transition: color 1s, font-size 1s, text-shadow 1s;
-moz-transition: color 1s, font-size 1s, text-shadow 1s;
-webkit-transition: color 1s, font-size 1s, text-shadow 1s;
-o-transition: color 1s, font-size 1s, text-shadow 1s;
background: #313b46;
}
.service-details:hover h3 {
padding: 5px;
color:#fff;
z-index:10;
font-size:18px;
text-shadow:0 0 20px #EAF8FF;
}
.service-details .service-hover-text h4 {
margin-right: 0;
padding: 0 5px 2px;
color: #9A9A9A;
border: 1px solid #5D5D5D;
border-radius: 2px;
font-family: tahoma,arial,sans-serif;
margin-bottom: 10px;
display: inline-block;
}
.service-details .service-hover-text p {
position: absolute;
padding: 10px;
font-size: 14px;
font-family: 'Jura', sans-serif;
color: #3a3a3a;
text-align:left;
}
.service-details .service-text h2 {
position: absolute;
width: 50%;
padding: 2px;
color:#fff;
text-align:left;
text-shadow:1px 1px 1px #000;
font-size:14px;
font-family:Arial Narrow, Arial, sans-serif;
background: #438a96;
transition: color 1s, font-size 1s, text-shadow 1s;
-moz-transition: color 1s, font-size 1s, text-shadow 1s;
-webkit-transition: color 1s, font-size 1s, text-shadow 1s;
-o-transition: color 1s, font-size 1s, text-shadow 1s;
}
.service-details .service-hover-text a {
font-size: 12px;
background: #313b46;
margin-right: 0;
padding:5px;
color: #FFF;
border-radius: 2px;
font-family: tahoma,arial,sans-serif;
margin-bottom: 10px;
display: inline-block;
border: 0px solid #00BFFF;
}
.service-details:hover a {

}
.service-details .service-hover-text{
width: 50%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
background: #fff;
color: #ccc;
box-shadow: 19px 8px 79px 30px #fff;
/* display: none;*/
transition: all 0.5s ease-in-out;
-moz-transition: all 0.4s;
}

.service-details:hover .service-hover-text {
display: block !important;
color:;
left: 0px;
top: 0px;
}
.service-details .service-text {
position: absolute;
bottom: 0px;

}
.service-details .service-text p {
position: absolute;
right:3px;
bottom:3px;
line-height: 40px;
text-align:center;
font-family: 'Jura', sans-serif;
font-size: 13px;
font-weight:600;
color:#fff;
background: #ff0000;
border-radius: 50%;
box-shadow: 0px 0px 23px 5px #ff0000;
width:40px;
height:40px;
}
.service-white {
width: 100%;
height: 25px;

}
Страна: (RU)
Kosten
Дата: Понедельник, 28.08.2017, 17:30 | Сообщение # 6
Администраторы
Сообщений:15290
Награды: 50


trem200, просто не встречался с таким вид материалом, возможно вид материалов нужно выставлять.
Страна: (RU)
HTML5
Дата: Понедельник, 28.08.2017, 18:34 | Сообщение # 7
Проверенные
Сообщений:156
Награды: 3


trem200, насколько я знаю, $IMG_URL1$ работать в CSS не будет. Тебе надо переписать HTML часть, чтоб сделать, как ты хочешь.

Большая база фильмов и мультфильмов онлайн в Full HD и HD качестве KinoYes.tk
Страна: (US)
Kosten
Дата: Понедельник, 28.08.2017, 19:04 | Сообщение # 8
Администраторы
Сообщений:15290
Награды: 50


Цитата HTML5 ()
$IMG_URL1$ работать в CSS не будет.

Это верняк, там не чего делать, говорю в самом коде нужно выставлять.
Страна: (RU)
waak
Дата: Понедельник, 28.08.2017, 23:39 | Сообщение # 9
Vip
Сообщений:289
Награды: 7


просто добавьте стили в сам вид материалов которые отвечают за фон и всё будет работать

Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372
Вебмани R234675901433
Киви 79094024545
Страна: (RU)
waak
Дата: Понедельник, 28.08.2017, 23:41 | Сообщение # 10
Vip
Сообщений:289
Награды: 7


так как если вывести данный оператор $IMG_URL1$ из кода вида материалов то он не будет работать так как вам нужно

Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372
Вебмани R234675901433
Киви 79094024545
Страна: (RU)
Kosten
Дата: Вторник, 29.08.2017, 23:39 | Сообщение # 11
Администраторы
Сообщений:15290
Награды: 50


Цитата waak ()
просто добавьте стили в сам вид материалов которые отвечают за фон и всё будет работать

Так формально один фон будет, а здесь как понимаю фон будет браться от IMG_URL1, что как выставить. чтоб у каждого свой фон будет, здесь вот не понятно, через стили не как не выйдет так сделать.
Страна: (RU)
-SAM-
Дата: Среда, 30.08.2017, 03:10 | Сообщение # 12
Проверенные
Сообщений:242
Награды: 14


Всё правильно написали, нужно правки внести и задать задний фон инлайн-стилем прям тому блоку, в котором материал (а стили на задний фон блока из общей таблицы стилей убрать тогда уж). Вот еще пример подобной темы, где обсуждалось, и вид материалов указал (как там прописано, так и в этом сделать можно).

Страна: (UA)
Форум про uCoz » Раздел для uCoz » Вопросы по uCoz » Как подключить фон к вид материалу?
Страница 1 из 11
Поиск: