Peršokti į turinį
  • ŽAIDIMAI
  • , ŽAIDIMAI
  • ŽAIDIMAI

Pirmas koduotas dizainas.

NeRlz

Parašė NeRlz
forume HTML / HTML5

 Pasidalinti

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 4164 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Recommended Posts

NeRlz Dalyvis (-ė)

NeRlz

Sveiki, šendieną ėmiausi HTML kodavimo amato. Iš tikrūjų mane tai labai patraukė, bet kad kažką koduoti reikia turėti ką, todėl radau šioje temoje http://www.supergames.lt/topic/211957-pirmas-html-dizainas-galit-nuomone/ toki visai simple dizainą, ir pabandžiau jį su pamokom ir pnš. pakoduoti.

Nu ir štaip kaip pirmas blynas gavosi: 

efa0d7db8c72fb0633372668e8b3c5f9767.png

 

Žinau su apačia, tai nieko gero nesigavo, nu bet anyway pirmas darbas, vertinkit, kritikuokit ir t.t. :) Dėkui už dėmesį.

 

Ps. Palieku kodus:

 

HTML failo:

 



 

<!DOCTYPE HTML>

<html>
<head>
<title>lukasstrike Dizainas</title>
	<link rel="stylesheet" type="text/css" href="stiliai.css" />
<head>

<body>
<div>
<div id="virsus"></div>
</div>
		
		<div id="menu">
				<div class="linkai">
					<ul>
						<li><a href="http//google.lt">PAGRINDINIS</a></li>
						<li><a href="http//google.lt">APIE MUS</a></li>
						<li><a href="http//google.lt">FORUMAS</a></li>
						<li><a href="http//google.lt">STRAIPSNIAI</a></li>
					</div>
				</div>
		<div id="lapas">
	<center>
	<br>
	<br>
	<br>
	<b>Lorem Ipsum</b><br>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
	</center>
	</div>
			<div id="apacia"> © visos teises saugomos Zukas.<br>
							Kodavo: Zukas.</div>
		</div>
</body>
</html> 

 

Ir CSS

 

body {
background-color: #d9d9d9;
}


#virsus {
		width: 1265px;
		height: 311px;
		background-image: url(header.png);
		
}

#menu {
		width: 1265px;
		height: 59px;
		position: relative;
		background-color: #202020;
		border-bottom: 2px solid #7b7b7b;
}



.linkai {
position: absolute;
top: 18px;
left: 0px;
}

.linkai ul {
margin: 0;
}

.linkai li {
margin: 0px 18px 0px 18px;
list-style-type: none;
display: inline;
}

.linkai li a{
color: white;
padding: 5px 12px 7px;
text-decoration: none;
font-size: 15px;
font-family: verdana;
}

.linkai li a:hover {
color: black;
}
		
		#lapas {
		width: 1265px;
		height: 227px;
		background-color: #f1f2f3;
		border-bottom: 2px solid #7b7b7b;
}	
		#apacia {
		clear: borth;
		height: 70px;
		background-color: #202020;
		text-align: center;
}

 

 

  • Teigiamai 2
NeRlz Dalyvis (-ė)

NeRlz

  • Autorius

Sakau dizainą pasijėmiau iš temos: http://www.supergames.lt/topic/211957-pirmas-html-dizainas-galit-nuomone/

O kam man ką nors keisti, aš ir tep laimingas, kad sugebėjau iš nupiešto dizaino padaryti visą HTML kodą. Paprasčiausiai darau viską mokymosi žinioms po kol kas, o dizainą, kad pasėjimiau tikrai manau savininkas nesupyko.

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 4164 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.

×
 Pasidalinti
Eiti į

  • Šiame puslapyje naršo:   0 nariai

    • Nėra registruotų narių peržiūrinčių šį forumą.

Skelbimai


×
×
  • Sukurti naują...