Gradientas puslapio fone | pamokos lietuviskai

Meniu

Vartotojo meniu

Forumo naujausi

Kur stojat ?
Šiandien 10:05:23
Del naujienu manau php :P
Šiandien 01:48:57
del instaliacijos
Vakar at 10:34:15
kaip perkelti objekta is ...
Vakar at 10:09:29
su kuo programinat?
Vakar at 06:21:26
PHPBB mano puslapyje
Vakar at 06:15:10
Daug daug font..
Vakar at 06:06:09
gif ant gif..
Vakar at 05:50:22
admin panele: prisijungia...
Vakar at 05:18:27
paprasta komentaru sistem...
Vakar at 04:42:33
Joomla Home page
Vakar at 03:42:00
[Atsakyta] meniu, ar yman...
Sausio 07, 2010, 09:28:16
Neshas galerija
Sausio 07, 2010, 09:17:45
Numeracija
Sausio 07, 2010, 09:05:13
Reika pagalbos
Sausio 07, 2010, 05:04:12

Apklausa

Kiek tau metų?

	< 10
	10 - 15
	16 - 18
	19 - 23
	23 - 27
	27 - 35
	35 +

Atsitiktiniai straipsniai

Mes naudojam Firefox!

Šis ir daugelis kitų puslapių bus daug geriau atvaizduojami su FireFox naršyklę. Tiesiog paspauskite:

Šiuo metu prisijungę

Niekas neprisijungęs.

Gradientas puslapio fone

Autorius: Primatas

Data: Antradienis, Vasario 24, 2009

Buvo paprašyta pamokos apie tai, kaip padaryti puslapio fone ne vientisą spalvą, bet gradientą.

Susijusios pamokos:

Gradientą puslapio fone padaryti yra gana paprasta, tereikia paveikslėlio su gradientu ir truputėlio žinių apie CSS. Paveikslėlį galite lengvai susikurti su Adobe Photoshop programa. Apie tai pamoka jau yra mūsų puslapyje, tai vardan to, kad nereiktų kartotis štai nuoroda: žiūrėti pamoką apie gradient paveiksliuko kūrimą

Kai jau turėsite paveiksliuką su gradientu, pvz:

css_gradiento_bg

Jį galėsite pakartoti išilgai puslapio viršaus, o likusią jo dalį užpildyti tokia spalva, kokia baigiasi paveikslėlis. Šioje pamokoje tai yra švelniai melsvas atspalvis, kurio kodas: #50dbdc. Visą šį darbą atlieka CSS. Pilną kodą matote žemiau.

Pabandyti pačiam (paprastas).

Pabandyti pačiam (sudėtingesnis).

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Puslapio pavadinimas</title>
<style type="text/ssc">
body {
	background-image:url('/kelias/iki/paveikslelio/paveikslelis.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #50dbdc;
}
</style>
</head>
<body>
<h1>
Puslapio turinys
</h1>
<p>
Puslapio pastraipa
</p>
</body>
</html>

Komentarai

Paieška

Tik registruoti vartotojai gali rašyti komentarus!

Prisijungę šių reklamų nematysite. prisijungti

Dizainą sukūrė: Neshas ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- Privertė veikti: Primatas
parašyti administracijai
Manualai.lt 2008-2009

Susijusios pamokos:

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

Meniu

Vartotojo meniu

Forumo naujausi

Apklausa

Atsitiktiniai straipsniai

Mes naudojam Firefox!

Šiuo metu prisijungę

Reklama

Naujausi

Skaitomiausi

Nuolaida serveriai.lt