Gradientas puslapio fone

Meniu

Vartotojo meniu

Forumo naujausi

Švari prisijungimo panelė...
Šiandien 01:33:32
Klaida?
Šiandien 01:00:25
jquery skrolina div'a ir ...
Šiandien 12:37:06
css generatorius teksto e...
Šiandien 12:23:45
Daug prisijungimo panelių
Šiandien 12:22:23
10-20 labai geru ir naudi...
Šiandien 12:07:40
failu upload pluginas
Vakar at 11:44:09
simboliu limitas ant text...
Vakar at 11:43:28
jquery efektas kai paspau...
Vakar at 11:39:00
Manualai.lt pagrindiniame...
Vakar at 11:37:02
Kaip atvaizduoti "tips" s...
Vakar at 11:35:21
kaip veikia slideshow?
Vakar at 11:27:39
Konferenciju puslapio diz...
Vakar at 11:11:40
Sistema
Vakar at 11:00:19
[Klausimas] Hostingas ?
Vakar at 10:58:37

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

Žodžių debesis

Mes naudojam Firefox!

Šiuo metu prisijungę

Reklama

Naujausi

Skaitomiausi

Reklama ir parama

Statistika