WordPress, Shopify ir PHPFusion programuotojų bendruomenė

Parašė Director· 2013 Spa. 15 20:10:14

Sveiki. Kokį kodą reikėtų iterptį į index.html tarkim, kad gauti tokį variantą?
Noriu kokį nors backgroundą uždėti, tarkim nuotrauką.
O viduryje video (talpinčiau turbūt į youtube.com)
Kam nesunku parašykit kodą, nes jis čia tikrai neilgas turėtu būti ;)

Redagavo Director· 2013 Spa. 15 20:10:54

Parašė Wasiulis· 2013 Spa. 15 23:10:50

<html>
<head><title>code-lt.com</title></head>
<style>
body { 
  background: url(http://wallpink.com/wp-content/uploads/2013/03/Girl-Listening-Music-Wallpaper-HD.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
</style>
<body>
<div align="center" width="640" style="padding-top:30;">
<div style="width:640px;height:480px;border:5px solid black;">
<iframe width="640" height="480" src="//www.youtube.com/embed/ehcVomMexkY" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</body>
</html>

Parašė Wasiulis· 2013 Spa. 16 00:10:36

Kas čia studijas kuria? :D
Galima ir taip daryti, koks skirtumas....

<html>
<head><title>code-lt.com</title></head>
<style>
body { 
  background: url(http://wallpink.com/wp-content/uploads/2013/03/Girl-Listening-Music-Wallpaper-HD.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 
#block {
	position: absolute;
	top: 50%;
	margin-top: -243px;
	left: 0;
	width: 100%;
}
</style>
<body>
<div align="center" id="block">
<div style="width:640px;height:480px;border:5px solid black;">
<iframe width="640" height="480" src="//www.youtube.com/embed/ehcVomMexkY" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</body>
</html>

Redagavo Wasiulis· 2013 Spa. 16 01:10:55