Jūs esate sename manualai.lt puslapyje.
Naujasis puslapis yra v2.manualai.lt

forumas.manualai.lt

kodai.manualai.lt

dizainas.manualai.lt

idomu.manualai.lt

top

Sekite mus Facebook'e

Sekite mus Facebook'e

Vartotojo meniu

Forumo naujausi


Gradientas puslapio fone PDF Spausdinti
Autorius: Primatas   

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
vatep   |2009-12-05 16:54:02
Kaip padaryt, kad ir virsuj butu gradient ir apacioj ? O siaip labai aciu!
primatas   |2009-12-05 21:58:24
avatar reikes kazkokio div'o pvz kuris bus fix position ir apacioje, viena gradienta
gali uzdet ant body ir virsui position nurodyt, o kita tam div'e kuri bus
apacioje
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."

 

bottom
top

Reklamos

joomla, css, html, web dizaino, photoshop, pascal forumai
  • Hey.lt - Nemokamas lankytojų skaitliukas

Naujausi

Skaitomiausi


bottom

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

t