Darrel_ prieš 10 metų
Taigi.. background'o ir logo problemos kaip ir išsprestos.. Bet dabar knisuosi prie navigacijos ir niekaip sutvarkyti negaliu..
- Neatvaizduoja 3 navigacijos mygtukų paveikslelių tik 1
- Nesikeičia background'as mygtukų nors nuotrauką ikelta kaip turėtu pasikeisti
- Tekstai eina vertikaliai nors turėtu horizontoliai
HTML kodas
<html>
<head>
<title>PlayMC.LT Naujas kubelių pasaulis!</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<meta charset="utf-8" />
</head>
<!--
Dizainas: GReddy
Kodas: righN
-->
<body>
<div id="puslapis">
<div class="logo"></div>
<div id="navigacija">
<div class="nuorados">
<nav>
<ul>
<div class="mygtukas">
<li><a href="#">Pagrindinis</li></a>
<li><a href="#">Forumas</li></a>
<li><a href="#">Kontaktai</li></a>
</nav>
</ul>
</div>
</div>
<div class="naujienospav">
<p>Informacija apie PlayMC.LT minecraft serverių!</p>
<div id="naujiena">
<p>Serverio startas jau rytoj !</p>
</div>
</div>
<div class="footeris">
<span><center>Svetaines turinį kopijuoti griežtai draudžiama!</center></span>
</div>
</div>
</body>
</html>
CSS kodas
body {
background-image:url(nuotraukos/bg.png);
background-repeat:no-repeat;
}
.logo {
width:695px;
height:162px;
background-image:url(nuotraukos/logo.png);
margin:auto;
}
.nuorados a {
color:#dedede;
font-family:Myriad Pro;
font-size:13px;
font-style:italic;
font-weight:bold;
}
.nuorados li {
margin:0px 50px 0px 0px;
list-style-type:none;
display:inline;
}
.nuorados a:hover {
color:#dedede;
}
.mygtukas {
background-image:url(nuotraukos/pagrnenus.png);
width:130px;
height:15px;
}
.mygtukas:active {
background-image:url(nuotraukos/mygnus.png);
}
Darrel_ prieš 10 metų
Karoče.. Atrodo lyg ir bg problemą sutvarkiau bet db atsirado su logo.. Lyg ir normaliai iterpiu logotipą su CSS kodų bet jo nėra..
.logo {
width:293px;
height:163px;
background-image:url(nuotraukos/logo.png);
margin-left:auto;
margin-right:auto;
}
Darrel_ prieš 10 metų
Na aš paveikslelį išsididinau iki 1300x1100 dydžio, ir man užtenka. Visvien to dizaino niekas čj nenaudos :D
Darrel_ prieš 10 metų
Tai sakai gal man geriau būtu tiesiog background paveiksliuką padaryti didesnį? :D
Darrel_ prieš 10 metų
@aurimasko Man geriau būtu lietuviškos pamokos :D Bet šiaip pavydžiui panaudojau "repeat-x" tai man jis išsitese biški į šoną ir pradėjo kartotis.. Gal galėtum man pilnai ta funkciją sutvarkyti? :D
Darrel_ prieš 10 metų
Sveiki dar karteli :D, kaip ir pradėjau mokytis po truputi CSS tai ir dizainą pradėjau tokį mini koduot. Tai vat problemele tokia atsirado, man background'as permažas t.y jis ne per visa foną..
BG kodas:
body {
background-attachment:fixed;
background-image:url(nuotraukos/background.jpg);
background-repeat:no-repeat;
background-postion:center;
}