Twettaq it-teknika b 'CSS
Jekk qed tfassal websajt, tista 'tkun interessat fit-tagħlim kif toħloq stampa fissa ta' sfond jew watermark fuq paġna tal-web. Dan huwa trattament ta 'disinn komuni li kien popolari online għal żmien pjuttost twil. Huwa effett utli li jkollok fil-borża tad-disinn tal-web tiegħek ta 'tricks.
Jekk int ma għamiltx dan qabel jew ippruvajtha qabel mingħajr xortih, il-proċess jista 'jidher intimidanti, iżda fil-fatt mhuwiex diffiċli ħafna. B'din il-tutorja fil-qosor, inti se tikseb l-informazzjoni li għandek bżonn biex tikkontrolla t-teknika fi ftit minuti billi tuża s-CSS.
Kif tibda
Stampi ta 'sfond jew filigrani (li huma verament immaġini tal-isfond ħfief ħafna) għandhom storja fid-disinn stampat. Id-dokumenti ilhom inkludew marki ta 'l-ilma fuqhom biex ma jitħallewx jiġu kkupjati. Barra minn hekk, ħafna flyers u fuljetti jużaw stampi ta 'sfond kbar bħala parti mid-disinn għall-biċċa stampata. Id-disinn tal-Web ilu stili mislufa minn stampa u immaġini fl-isfond huma wieħed minn dawn l-istili missellfa.
Dawn l-istampi ta 'sfond kbar huma faċli biex jinħolqu bl-użu tat-tliet proprjetajiet ta' stil CSS li ġejjin:
- immaġni ta 'sfond
- irrepeti l-isfond
- twaħħil ta 'sfond
- Daqs ta 'l-isfond
Sfond-Image
Int ser tuża immaġni ta 'sfond biex tiddefinixxi l-immaġni li se tintuża bħala marka ta' l-ilma tiegħek. Dan l-istil sempliċement juża file path biex jgħabbi immaġni li għandek fuq is-sit tiegħek, x'aktarx f'direttorju imsejjaħ "immaġini".
immaġni ta 'sfond: url (/images/page-background.jpg);
Huwa importanti li l-immaġini nnifisha tkun eħfef jew aktar trasparenti minn immaġni normali. Dan se joħloq dik il-ħarsa "watermark" fejn immaġni semi-trasparenti tinsab wara t-test, grafika, u elementi prinċipali oħra tal-paġna web. Mingħajr dan il-pass, l-isfond se jikkompeti ma 'l-informazzjoni fuq il-paġna tiegħek u jagħmilha diffiċli biex tinqara.
Tista 'taġġusta l-immaġni ta' sfond fi kwalunkwe programm ta 'editjar bħal Adobe Photoshop.
Sfond - Irrepeti
Il-proprjetà li tirrepeti l-isfond tiġi wara. Jekk trid li d-dehra tiegħek tkun grafika kbira ta 'watermark-stil, tuża din il-proprjetà biex din l-immaġni tidher darba biss.
irrepeti l-isfond: le-irrepeti;
Mingħajr il-proprjetà "mingħajr ripetizzjoni", l-inadempjenza hija li l-immaġni se terġa 'titkompla fuq il-paġna. Dan mhux mixtieq fil-biċċa l-kbira tad-disinji tal-web page moderna, għalhekk dan l-istil għandu jitqies bħala essenzjali fis-CSS tiegħek.
Attachment ta 'Sfond
It-twaħħil ta 'sfond huwa proprjetà li bosta web disinjaturi tinsa. Permezz ta 'dan, iżżomm l-immaġini tal-isfond tiegħek iffissata fil-post meta tuża l-proprjetà "fissa". Huwa dak li dawriet dik id-dehra f'marka ta 'l-ilma li hija ffissata fuq il-paġna.
Il-valur awtomatiku għal din il-proprjetà huwa "scroll." Jekk ma tispeċifikax il-valur ta 'twaħħil ta' l-isfond, l-isfond jiskrollja flimkien mal-bqija tal-paġna.
twaħħil ta 'l-isfond: fiss;
Sfond Daqs
Id-daqs tal-isfond huwa proprjetà CSS aktar ġdida. Tippermetti li tiffissa d-daqs ta 'sfond ibbażat fuq il-veduta li qed tidher fih. Dan huwa utli ħafna għal websajts li jirrispondu li se juri f'mezzi differenti fuq apparati differenti .
daqs ta 'l-isfond: kopertura;
Żewġ valuri ta 'għajnuna li tista' tuża għal din il-proprjetà jinkludu:
- Qoxra - Ilaħħal l-isfond hekk jew tidher il-wisa 'kollha jew l-għoli sħiħ. Dan ifisser li xi partijiet ta 'l-immaġni jistgħu ma jidhrux fuq l-iskrin iżda li ż-żona kollha tkun koperta.
- Kontenut - Ilaħħal l-immaġini hekk li kemm il-wisa 'kif ukoll l-għoli huma murija fiż-żona li qed tissejjaħ. L-istampa mhix maqtugħa, iżda l-iżvantaġġ huwa li l-partijiet taż-żona jistgħu ma jkunux koperti bl-immaġini.
Żieda tas-CSS mal-Paġna Tiegħek
Wara li tifhem il-proprjetajiet ta 'hawn fuq u l-valuri tagħhom, tista' żżid dawn l-istili fuq il-websajt tiegħek.
Żid dan li ġej mal-HEAD tal-paġna web tiegħek jekk tkun qed tagħmel sit ta 'paġna waħda. Żidha mal-istili CSS ta 'folja ta' stil estern jekk qed tibni sit ta 'diversi paġni u tixtieq li tieħu vantaġġ mill-qawwa ta' folja esterna.
korp {
immaġni ta 'sfond: url (/images/page-background.jpg);
irrepeti l-isfond: le-irrepeti;
twaħħil ta 'l-isfond: fiss;
daqs ta 'l-isfond: kopertura;
}
// ->
Ibdel il-URL ta 'l- immaġni ta' l- isfond tiegħek biex tqabbel il-fajl speċifiku tal-fajl u l-fajl li huwa rilevanti għas-sit tiegħek. Agħmel kull tibdil xieraq ieħor biex taqbel mad-disinn tiegħek ukoll u ser ikollok watermark.
Tista 'Speċifika Pożizzjoni, wisq
Jekk trid tqiegħed il-watermark f'post speċifiku fuq il-paġna web tiegħek, tista 'tagħmel dan ukoll. Per eżempju, tista 'tkun trid il-marka ta' l-ilma fin-nofs tal-paġna jew forsi fil-kantuniera t'isfel, għall-kuntrarju tal-kantuniera ta 'fuq, li hija l-inadempjenza.
Biex tagħmel dan, żid il-proprjetà tal-pożizzjoni ta 'l-isfond ma' l-istil tiegħek. Dan se jqiegħed l-istampa fil-post eżatt li tixtieq li tidher. Tista 'tuża valuri tal-pixel, perċentwali jew allinjamenti biex jinkiseb dak l-effett ta' pożizzjonament.
pożizzjoni tal-isfond: ċentru;