Dzokorora nzira yacho neCSS
Kana iwe uri kugadzira webhusaiti, iwe unogona kunge uchifarira kudzidza kugadzira chimiro chakasikwa chemamiriro ekutanga kana watermark pane peji yewebhu. Ichi ndicho chirongwa chinowanzogadziriswa chave chichizivikanwa paIndaneti kwenguva yakareba. Icho chinhu chinogadzirisa kuva nehutano hwako webhugi ye tricks.
Kana usati waita izvi zvisati zvaitika kana wakazviidza kare kare usina ruzivo, iyo inogona kuita seinovhundutsa, asi haisi iyo yakaoma zvikuru zvachose. Nekudzidziswa kwenguva pfupi, iwe uchawana ruzivo rwaunoda kuti uzive nzira yacho munyaya yemaminitsi uchishandisa CSS.
Kutanga
Mifananidzo yakatarisa kana watermark (izvo zvichinyatsojeka mifananidzo yakareba) zvine nhoroondo mukudhinda kwakagadzirwa. Zvinyorwa zvenguva refu zvakasanganisira watermarks pavari kudzivirira kuti dzisakanganiswa. Uyezve, mahwendefa akawanda nemabhurocha anoshandisa zvifananidzo zvakakura sechikamu chekugadzirwa kwechinyorwa chakadhindwa. Webhu yakagadzirirwa yakave yakakweretwa mitambo kubva pakudhindwa uye mifananidzo yakabva kune imwe yemhando idzi dzakakweretwa.
Iyi mifananidzo mikuru yakawanda iri nyore kuumba uchishandisa aya matatu eCSS style :
- background-image
- mhemberero-dzokorora
- background-attachment
- background-size
Background-Image
Iwe uchishandisa chitubu-chinyorwa kuti ujekese chifananidzo chichashandiswa sawatermark yako. Izvi zvinongoshandisa nzira yefaira kutakura chifananidzo chaunacho pawebsite yako, zvichida mune rimwe bhuku rinonzi "mifananidzo."
background-image: url (/images/page-background.jpg);
Zvakakosha kuti chimiro chayo pachaicho chizere kana kuti chakajeka kupfuura chimiro chechinyakare. Izvo zvichaita kuti "watermark" ione umo mufananidzo wakafanana-wakajeka uri shure kwemashoko, mafirimu, uye zvimwe zvikamu zvikuru zvewebhu peji. Pasina danho iri, chimiro chemugumo chichakwikwidzana nemashoko ari papeji yako uye zvingaoma zvakaoma kuverenga.
Iwe unogona kugadzirisa chinyorwa chekumashure mune imwe chirongwa chekugadzira seAdobe Photoshop.
Mhemberero-Dzokorora
Nhoroondo-dzokorora pfuma inotevera. Kana iwe uchida kuti mufananidzo wako uve mufananidzo mukuru watermark-style, iwe ungashandisa iyi pfuma kuitira kuti chifananidzo icho chiratidze kamwe chete.
mhemberero-dzokorora: kwete-kudzokorora;
Pasina "chinyorwa-chinyorwa" chivako, chakashata ndechokuti chifananidzo chidzokorora kakawanda pane peji. Izvi hazvidikanwi mune zvakawanda zvemazuva ano webpage mapikicha, saka chirevo ichi chinofanira kuonekwa sechinokosha muCSS yako.
Mamiriro-Akabatanidzwa
Mhemberero-kusungirirwa inzvimbo iyo vakawanda vewebhu web designers vanokanganwa pamusoro. Kushandisa kuri kuchengetedza chimiro chako chemamiriro ekutanga chakagadziriswa panzvimbo apo iwe uchishandisa "yakagadzirirwa" pfuma. Ndicho chinoshandura chifananidzo icho muwatermark icho chakagadzirirwa peji.
Iko kusina kukosha kwechimba ichi "mupumburu." Kana iwe usingarevi chikwata chechigunwe chemukati, mamiriro acho ezvinhu achapeta pamwe chete nezvese peji.
background-attachment: fixed;
Background-Size
Nheyo-yakakura isimba reCSS idzva. Iko inokubvumira kuti uise uswa hwemashure anobva pachigaro chekutarisa chiri kuonekwa mazviri. Izvi zvinobatsira zvikuru kune webhusaiti dzewebhu dzinofanirwa kuratidza hukuru hwakasiyana pane zvigadzirwa zvakasiyana .
background-size: chivharo;
Zvinhu zviviri zvinobatsira zvaunogona kushandisa kune iyi inosanganisira:
- Chifukidziro - Zviyero mutsara kuitira kuti huwandu hwakazara kana hurefu hwakakwana huratidzwa. Izvi zvinoreva kuti zvimwe zvikamu zvechifananidzo hazvingaoneki pachikona asi kuti nzvimbo yose ichafukidzirwa.
- Zvine - Zviyero mufananidzo kuitira kuti zvose zvizere uye upamhi huratidze munzvimbo iyo yakanyorwa. Chifananidzo hachina kubviswa, asi kunetseka ndechokuti chikamu chemuganhu hachikwanisi kufukidzwa nemufananidzo.
Kuwedzera CSS kune Peji Yenyu
Mushure mekunge munonzwisisa zviri pamusoro apa uye maitiro avo, munogona kuwedzera mavara aya kune webhusaiti yenyu.
Wedzera zvinotevera ku HEAD yejiji yako yewebhu kana uri kuita seji peji peji. Zvichengetedze kune CSS michina yekunze kwepepeti kana iwe uri kuvaka nzvimbo yepamusoro-peji uye unoda kushandiswa nesimba reimwe pepa peji.