Yenza le nqubo nge-CSS
Uma uhlela iwebhusayithi, ungase ube nesithakazelo ekufundeni ukuthi ungakha kanjani isithombe sangemuva esinqunyiwe noma i-watermark ekhasini lewebhu. Lena yindlela yokwelapha evamile eyenziwe ethandwayo ku-intanethi isikhathi esithile. Kuyinto umphumela onamandla ukuthi ube nayo esikhwameni sakho sokuklama web of tricks.
Uma ungakwenzi lokhu ngaphambili noma uzame ngaphambilini ngaphandle kwenhlanhla, inqubo ingase ibonakale isabisa, kodwa empeleni ayikho nzima kakhulu. Ngalesi sifundo esifushane, uzothola ulwazi oludingayo ukuze uqaphele inqubo endabeni yamaminithi usebenzisa i-CSS.
Ukuqalisa
Imifanekiso yasemuva noma ama-watermark (okuyiwona nje imifanekiso elula kakhulu emlandweni) anomlando kumklamo ophrintiwe. Amadokhumenti asele afaka ama-watermark kuwo ukuze awavimbele ekukopheni. Ukwengeza, amaflaya nezincwajana eziningi zisebenzisa izithombe ezinkulu ezingemuva njengengxenye yomklamo we-piece ephrintiwe. Umklamo weWeb wezindlela ezidele ezibolewe kusukela ekuphrintiweni nasezindaweni ezingemuva zingenye yalezi zitayela ezibolekiwe.
Lezi zithombe ezinkulu zasemuva kulula ukudala zisebenzisa lezi zakhiwo ezintathu zesitayela se-CSS :
- isithombe sangemuva
- isizinda-phinda
- okunamathiselwe kwangemuva
- ubukhulu obungemuva
Ingemuva-Isithombe
Uzosebenzisa isithombe sangemuva ukuze uchaze isithombe esizosetshenziswa njenge-watermark yakho. Lesi sitayela sisebenzisa nje indlela yefayili yokulayisha isithombe onawo kusayithi lakho, mhlawumbe kumhlahlandlela obizwa ngokuthi "izithombe."
isithombe sangemuva: url (/images/page-background.jpg);
Kubalulekile ukuthi isithombe ngokwawo sikhanya noma sikhanyise ngaphezu kwesithombe esivamile. Lokhu kuzokwenza ukuthi "i-watermark" ibheke lapho isithombe esinesithunzi esivela khona sibhekene nombhalo, ihluzo, nezinye izakhi eziyinhloko zekhasi lewebhu. Ngaphandle kwalesi sinyathelo, isithombe sangemuva sizokuncintisana nolwazi ekhasini lakho futhi kwenze kube nzima ukufunda.
Ungalungisa isithombe sangemuva kunoma yiluphi uhlelo lokuhlela njenge-Adobe Photoshop.
Ingemuva-Phinda
Impahla ephindaphindiwe-iphinda ilandelayo. Uma ufuna isithombe sakho sibe umfanekiso wesitayela esikhulu, ungasebenzisa le ndawo ukuze wenze leso sithombe siboniswe kanye kuphela.
umlando-uphinda: cha-phinda;
Ngaphandle kwempahla "ye-no-repeat", okuzenzakalelayo ukuthi isithombe sizophindaphinda kaningi ekhasini. Lokhu akuthandeki ezinkampanini zanamuhla zewebhu zewebhu, ngakho-ke lesi sitayela kufanele sibhekwe kubalulekile ku-CSS yakho.
Okunamathiselwe kwangemuva
Ukunamathiselwa kwangemuva yindawo abaqashi abaningi bewebhu abakhohlwa ngayo. Ukuyisebenzisa kugcina isithombe sakho sangemuva sigxilile lapho usebenzisa impahla "ehleliwe". Yilokho okuphendulela leso sithombe sibe se-watermark esigxile ekhasini.
Inani elizenzakalelayo lale mpahla "pheqa." Uma ungacacisi inani lokunamathiselwe ngemuva, isizinda sizopheqa kanye nalo lonke ikhasi.
okunamathiselwe kwangemuva: okuhleliwe;
Ubukhulu besendlalelo
Isayizi sangemuva yisakhiwo esisha se-CSS. Ikuvumela ukuthi usethe ubukhulu besizinda esekelwe ekubukeni kokubukwayo. Lokhu kuyasiza kakhulu kumawebhusayithi aphendulayo azobonisa ngobukhulu obuhlukahlukene kumadivayisi ahlukene .
ubukhulu besizinda: ikhava;
Izimiso ezimbili eziwusizo ongayisebenzisa kule ndawo zifaka:
- Ikhava - Isikali isisekelo ngakho-ke ububanzi obugcwele noma ukuphakama okugcwele kuboniswa. Lokhu kusho ukuthi ezinye izingxenye zesithombe zingase zingabonisi esikrinini kodwa ukuthi yonke indawo izovezwa.
- Qinisekisa - Ukulinganisa isithombe ngakho kokubili ububanzi nobude bonke kuboniswa endaweni eqoshiwe. Isithombe asiqedwe, kodwa ukuphazamiseka ukuthi izingxenye zendawo azikwazi ukumbozwa isithombe.
Ukungeza i-CSS ekhasini lakho
Emva kokuqonda izakhiwo ezingenhla kanye namagugu abo, ungangezela lezi zitayela kuwebhusayithi yakho.
Engeza okulandelayo ku-HEAD yekhasi lakho lewebhu uma wenza isayithi elilodwa lekhasi. Yengeza kumatheksthi e-CSS weshidi lesitayela sangaphandle uma ukwakha isayithi lamakhasi amaningi futhi ufuna ukusizakala amandla eshidi langaphandle.
umzimba {
isithombe sangemuva: url (/images/page-background.jpg);
umlando-uphinda: cha-phinda;
okunamathiselwe kwangemuva: okuhleliwe;
ubukhulu besizinda: ikhava;
}}
// ->
Shintsha i-URL yesithombe sakho sangemuva ukuze ufanise igama lomsebenzisi nefayela eliqondene nesayithi lakho. Yenza noma yiziphi ezinye izinguquko ezifanele ukuze uvumelane nomklamo wakho futhi uzoba ne-watermark.
Ungacacisa Indawo, Futhi
Uma ufuna ukubeka i-watermark endaweni ethize ekhasini lakho lewebhu, ungenza lokho futhi. Isibonelo, ungase ufune i-watermark phakathi kwekhasi noma mhlawumbe ekhoneni elingezansi, ngokuphambene nekhoneni eliphezulu, okuyisimo esizenzakalelayo.
Ukuze wenze lokhu, engeza impahla ye-background-style kwisitayela sakho. Lokhu kuzobeka isithombe endaweni eqondile ongathanda ukuthi ivele kuyo. Ungasebenzisa amanani wamaphikseli, amaphesenti, noma ukuvumelanisa ukufeza lowo mphumela wokubeka isikhundla.
isikhundla sangemuva: isikhungo;