Yifeza ubuchule ngeCSS
Ukuba uyila iwebhusayithi, unokuba nomdla ekufundeni indlela yokudala umfanekiso ongasemva okanye i-watermark kwikhasi lewebhu. Le yonyango yolwaphulo oluqhelekileyo oluye lwadumile kwi-inthanethi ixesha elide. Yisiphumo esichukumisayo sokuba nesibhakabhaka sakho sewebhu sokwenza izinto.
Ukuba awuzange wenze oku ngaphambili okanye uzame ngaphambili ngaphambili ngaphandle kwenhlanhla, inqubo ingase ibonakale iyisongela, kodwa ayikho nzima kakhulu. Ngale ngcaciso emfutshane, uya kufumana ulwazi oluyidingayo ukuqonda ubugcisa kwimizuzu yokusebenzisa i-CSS.
Ndiyaqalisa
Imifanekiso engemuva okanye i-watermark (leyo impela imifanekiso ebonakalayo imbala) inembali ekuyiyilwe. Amaxwebhu sele aquka ama-watermark kuwo ukuze abathintele ukukopishwa. Ukongeza, ezininzi iiflaya kunye neencwadana zisebenzisa imifanekiso enemvelaphi enkulu njengenxalenye yoyilo loxwebhu oluprintiweyo. Ukubunjwa kweWebhsti bekude kuboleke izitayela ukusuka kwimifanekiso yokuprinta kunye nemvelaphi yenye yeendlela ezibolekileyo.
Le mibala emikhulu yemvelaphi kulula ukuyisebenzisa usebenzisa ezi zilandelayo zakhiwo ezintathu zeCSS :
- umfanekiso wesemva
- ukuphindaphinda
- uqhotyoshelweyo
- ubungakanani bemvelaphi
Imvelaphi-Imifanekiso
Uza kusebenzisa umfanekiso wesimo semvelaphi ukuze uchaze umfanekiso oza kusetyenziswa njenge-watermark yakho. Le ndlela isebenzisa nje umzila wefayili ukulayisha umfanekiso onawo kwisiza sakho, mhlawumbi kwincwadi ebizwa ngokuthi "imifanekiso."
umfanekiso wesemva: url (/images/page-background.jpg);
Kubalulekile ukuba umfanekiso ngokwawo ukhanyise okanye obala ngaphezu komfanekiso oqhelekileyo. Oku kuya kudala ukuba "i-watermark" ijonge apho umfanekiso obalaseleyo uhleli emva kokubhaliweyo, imifanekiso, kunye nezinye izinto eziphambili kwiphepha lewebhu. Ngaphandle kwesi sinyathelo, umfanekiso wesiqalo uza kukhuphisana ngolwazi kwiphepha lakho kwaye kwenze kube nzima ukufunda.
Unokwenza ulungelelaniso umfanekiso wesiqalo kwiphina inkqubo yokuhlela njenge-Adobe Photoshop.
Imvelaphi-Phinda
Ipropati yokuphindaphinda imvelaphi iza emva koko. Ukuba ufuna umfanekiso wakho ube ngumfanekiso wesitayela esikhulu, uzakusebenzisa le propati ukwenza loo mfanekiso ibonakalise kanye kuphela.
imvelaphi-uphinda: akukho-phinda;
Ngaphandle kwepropati "engekho-phinda", okungafaniyo kukuba umfanekiso uza kuphinda phinda kwakhona kwiphepha. Oku kungathandeki kwiinkqubo ezininzi zeewebhu zanamhlanje, ngoko le ndlela ifanele ibhekwe kubalulekile kwiCSS yakho.
Isiqulatho seMvelaphi
Isinamathiselo sangasemva yipropati abaninzi abayili bewebhu bayalilibala. Ukusebenzisa oko kugcina imifanekiso yakho yangasemva ifakwe kwindawo xa usebenzisa "ifayili". Yinto ejika loo mfanekiso kwi-watermark echanekileyo kwiphepha.
Ixabiso elingagqibekanga le propati "pheqa." Ukuba awucacisi ixabiso lokunamathisela isiqalo, imvelaphi iya kupheqa kunye nalo lonke iphepha.
isiqhotyoshelwano esisemvelaphi: esilungisiweyo;
Ubukhulu bemvelaphi
Ubukhulu bemvelaphi yipropati entsha yeCSS. Ikuvumela ukuba usethe ubukhulu bemvelaphi esekelwe kwikhangela yokujonga ibukelwa kuyo. Oku kunceda kakhulu kwiiwebhusayithi eziphendulayo eziza kubonisa ngobukhulu obuhlukeneyo kwiidivaysi ezahlukeneyo .
ubungakanani bemvelaphi: ikhava;
Iimpawu ezibini eziyimfuneko ongayisebenzisa kule propati zibandakanya:
- Isembozo - Isikali semvelaphi ukuze ububanzi obupheleleyo okanye ukuphakama okupheleleyo kuboniswe. Oku kuthetha ukuba ezinye iinxalenye zomfanekiso zingabonakali kwisikrini kodwa ukuba yonke indawo iya kugutywa.
- I-Contain - Scales umfanekiso ukuba zombini ububanzi bonke nobude buboniswe kwindawo ekuthiwa yiyo. Umfanekiso awunqunyulwa, kodwa ukuphazamiseka kukuba iindawo zendawo zingenakugujwa ngumfanekiso.
Ukongeza i-CSS kwikhasi lakho
Emva kokuba uqonde iipropati ezingentla kunye neempawu zazo, ungongeza ezi zitayela kwiwebhusayithi yakho.
Yongeza oku kulandelayo kwi-HEAD yekhasi lakho lewebhu xa wenza isayithi elilodwa lephepha. Yongeza kwiindlela ze-CSS zetekisi langaphandle xa usakha isayithi elinamaphepha amaninzi kwaye ufuna ukusetyenziswa ngamandla kwiphepha langaphandle.
umzimba {
umfanekiso wesemva: url (/images/page-background.jpg);
imvelaphi-uphinda: akukho-phinda;
isiqhotyoshelwano esisemvelaphi: esilungisiweyo;
ubungakanani bemvelaphi: ikhava;
}
// ->
Tshintsha i-URL yesithombe sakho semvelaphi ukuze ufanise igama lomgca kunye nefayile yefayile echaphazelekayo kwisayithi lakho. Yenza nayiphi enye inguqu efanelekileyo ukuze ulungele uyilo lwakho kwaye uza kuba ne-watermark.
Unako ukucacisa indawo, nawe
Ukuba ufuna ukubeka i-watermark kwindawo ethile kwiphepha lakho lewebhu, unokukwenza njalo. Umzekelo, unokufuna i-watermark phakathi kwiphepha okanye mhlawumbi kwikhoneni elingezantsi, ngokuchasene nekona eliphezulu, oko kungagqibekanga.
Ukwenza oku, yongeza ipropati-indawo yokuma kwisitayela sakho. Oku kuza kufaka umfanekiso kwindawo echanekileyo ukuba ungathanda ukuba ibonakale. Ungasebenzisa ixabiso leepikseli, iipesenti, okanye ulungelelaniso ukufezekisa ukuba le mpu melelo.
isikhundla-sikhundla: isikhungo;