Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Video jako tło

Założony przez  lucky79vip.

22.03.2017, 23:49
#1
Witam,
czy jest jakiś sposób aby tło forum zamienić np na filmik wrzucony na serwer lub youtube ?
Pozdrawiam
23.03.2017, 00:04
#2
<video autoplay="" loop="" muted="" id="bg-video">
<source src="http://www.sadistic.pl/flv/20130223/1361640160_0d6_381.mp4" type="video/mp4">
</video>

#bg-video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
}
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
23.03.2017, 00:13
#3
(23.03.2017, 00:04)Fyeem napisał(a):
<video autoplay="" loop="" muted="" id="bg-video">
    <source src="http://www.sadistic.pl/flv/20130223/1361640160_0d6_381.mp4" type="video/mp4">
</video>

#bg-video {
   position: fixed;
   right: 0;
   bottom: 0;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: -100;
}
Dzięki za kod, a gdzie to dodać/lub podmienić ? Jestem zielony :/
23.03.2017, 00:20
#4
W szablonie index znajdź:
<body class="landscape nb">
zamień na:
<body> <video autoplay="" loop="" muted="" id="bg-video">
<source src="http://www.sadistic.pl/flv/20130223/1361640160_0d6_381.mp4" type="video/mp4">
</video>

W global.css znajdź:
body {
background-image: url(../../../images/tg/bodybg.jpg);
background-attachment: fixed;
background-position: top center;
background-size: cover;
color: #f9f9f9;
text-align: center;
line-height: 1.4;
margin: 0 auto;
font-family: 'pt_sansregular', Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
overflow-y: scroll;
}
zamień na:
body {
color: #f9f9f9;
text-align: center;
line-height: 1.4;
margin: 0 auto;
font-family: 'pt_sansregular', Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
overflow-y: scroll;
}
#bg-video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
}
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
23.03.2017, 00:23
#5
#bg-video {
   position: fixed;
   right: 0;
   bottom: 0;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: -100;
}

To dodajesz w style i szablony > style > twoj styl > global.css

A to potem to 

<video autoplay="" loop="" muted="" id="bg-video">
    <source src="http://www.sadistic.pl/flv/20130223/1361640160_0d6_381.mp4" type="video/mp4">
</video>

Dodajesz tam gdzie zechcesz mieć tło.
28.03.2017, 22:16
#6
Wszystko super, tylko że video jest na 1 stronie już wchodząc w listę userów itd to tło jest białe.
28.03.2017, 22:38
#7
(28.03.2017, 22:16)lucky79vip napisał(a): Wszystko super, tylko że video jest na 1 stronie już wchodząc w listę userów itd to tło jest białe.
Zrób analogicznie do pkt podanych powyżej.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08



Użytkownicy przeglądający ten wątek:

1 gości