top
Pradžia
Photoshop
Pagrindai
Objekto iškirpimas
Layers (Sluoksniai)
Blending options
Brushes (Teptukai)
Baziniai įrankiai
Replace Color
Hue/Saturation
Ryškumas/Kontrastas
Color Balance
Levels, Contrast, Color
Levels (Lygmenys)
Selective Color
Channel Mixer
Gradient Map
Foto Filtrai
Shadow/Highlights
Pen Tool naudojimas
Blending Mode
Animacija
Nuotraukų redagavimas
Nuotraukos portretas
Realistinė tatuiruotė
Lūpų dažymas
Foto manipuliacija
Aksominė oda
Dirbtinis įdegis
Tonavimas
Glow manipuliacija
Vektorinės nuotraukos efekto gavimas nevektorinant
Web dizaino pamokos
Pagrindai
Objektų atspindžiai
Tinklalapio fonai
Web 2.0 stilius
HandBag dizainas
5 horizontalūs meniu
Prisijungimo panelė
Jūros Gerybės
Night Hotel
Web Studios
Teksto efektai
Karamelinis
Pepsi
Spindintis
Saulės
Pikselinis
Rašytinis
Animacinis
Animacinis 2
Matinis
Žalias glow
Tekstūrinis
Modernus
Rašytinis 2
Kitos pamokos
Vizitinė kortelė
Logotipų kūrimas
Web Reality
Century Tor
Photoshop resursai
Teptukai
Vector
Grunge
Abstract
Splatter
Smudge
Spalvų parėjimai (Gradients)
Tekstūros
Grunge
Popieriaus
Medžio
Patterns
Photoshop forumas
HTML
Pagrindai
HTML intro
Pagrindiniai elementai
Elementų atributai
Teksto formatavimas
Specialieji simboliai
Nuorodos (angl. links)
Rėmai (Frame)
Lentelės
Sąrašai
Formos ir įvedimas
Spalvos
Spalvų vardai
Spalvų reikšmės
Papildomos
Header'iai
Išeities kodai (source)
CSS
Pagrindai
CSS intro
Sintaksė
Stiliių įterpimas
Fonas
Teksto formatavimas
Šrifto nustatymai
Rėmų nustatymai (border)
Kontūrų nustatymas
Paraštės (margin)
Vidinė erdvė (padding)
Sąrašų stilius
Papildomos
Matmenys
Atvaizdavimas ir pozicija
Pozicijos
Meniu pvz nr. 1
CSS/HTML dizaino darymas
Gradientas puslapio fone
JavaScript
Pagrindai
JavaScript intro
Kaip vykdomas
Kur padėti
Išdėstymas
Komentarai
Kintamieji
Palyginimai ir logika
Ciklas if... else...
Ciklas switch
Pop-up dėžutės
Funkcijos
Ciklas for
jQuery
Intro
Lightbox efektas
Pop-up dialogų apžvalga
jQuery temos forume
Papildomos
Pop-up langas
PHP
Pagrindai
PHP intro
Sintaksė
Kintamieji
Eilutės
Duomenų išvedimas
Operatoriai
if..else ir elseif
Switch ciklas
Masyvai
Ciklai
Formos
Sesijos
Papildomos
wamp serverio instaliacija
OOP
Datos ir laiko lietuvinimas
Funkcijų sąrašai
Spausdinimo funkcijos
masyvų funkcijos (array functions)
PHP ir SQL forumas
Kita
Pagalba ir pamokų pageidavimas
Photoshop
HTML, CSS, JavaScript
PHP ir SQL
Galerijos
Wallpaper
administratoriaus Neshas
vartotojos Cherry
vartotojo HarD
Joomla!
Instaliavimas
Papildų instaliavimas
Siuntiniai
Redaktorius "Pabandyk pats"
Puslapio žemėlapis
Forumas

Vartotojo meniu

Forumo naujausi

Apklausa

Kiek tau metų?
 

Mes naudojam Firefox!

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

FireFox

Šiuo metu prisijungę

    Niekas neprisijungęs.

Nuolaida serveriai.lt


Gradientas puslapio fone PDF Spausdinti
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!

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."
 
Prisijungę šių reklamų nematysite. prisijungti

bottom
top

Reklama

Plakatas
Plakatas
Plakatas

Naujausi

Skaitomiausi

Statistika

hey.lt

bottom

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