Sveiki, koduoju aš čia biški ir prireikia pagalbos. Darau navigaciją ir aš noriu kiekvienam navigacijos užrašui skirti atskira foną bet kad jie visi turėtu vienodus efektus. Manau pažiūrėja į šia foto suprasit ką turiu omeni
HTML kodas
<html>
<title> HARD-Play.lt </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style.css" rel="stylesheet">
</html>
<body>
<div class="logo">
<img src="images/logo.png"/>
</div>
<div class="info">
<t> Hard-Play.lt - man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, man tai px tegul buna tekstas, </t>
</div>
<div class="navigation">
<a href="#">PAGRINDINIS</a>
<a href="#">FORUMAS</a>
<a href="#">KONTAKTAI</a>
</div>
</body>
CSS kodas
body {
background: url(images/background.png) center center no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.logo {
margin-top: 7%;
margin-left: 37%;
}
.info t {
color: #fff;
font-family: Calibri;
font-weight: Bold;
font-size: 12px;
}
.info {
background: #000;
max-width: 568px;
max-height: 339px;
border-radius: 5px;
padding: 10px 20px;
margin-top: 2%;
margin-left: 25%;
border: 3px solid rgba(255,255,255,0.1);
}
.navigation a {
text-decoration: none;
color: #969696;
font-family: Arial;
font-size: 14px;
padding: 0 20px;
}
.navigation {
background: rgba(0,0,0,0.5);
border-radius: 3px;
}
Norėdamas rašyti pranešimą privalai prisijungti arba užsiregistruoti!
1
Yiin prieš 9 metus
.navigation > a:nth-of-type(1) {
background: red;
}
.navigation > a:nth-of-type(2) {
background: green;
}
.navigation > a:nth-of-type(3) {
background: blue;
}
0
SkepticalHippo prieš 9 metus
Kiekvienam navigacijos elementui užkabink po papildomą individualią klasę ir joms uždėk background-imageatributą.
Pavizdys:
<div class="navigation">
<a class="nav-bg-1" href="#">PAGRINDINIS</a>
<a class="nav-bg-2" href="#">FORUMAS</a>
<a class="nav-bg-3" href="#">KONTAKTAI</a>
</div>
.navigation a.nav-bg-1 {
background-image: url('http://domenas.lt/paveikslelis.png');
}
.navigation a.nav-bg-2 {
background-image: url('http://domenas.lt/paveikslelis.png');
}
.navigation a.nav-bg-3 {
background-image: url('http://domenas.lt/paveikslelis.png');
}