Upang palamutihan ang iyong website sa Internet, maaari kang gumawa ng mga pagbabago sa disenyo nito. Ang pagpapalit ng disenyo ay nagpapahiwatig ng anumang pagkilos, mula sa pagbabago ng background ng pangunahing pahina hanggang sa ganap na pag-redraw ng template ng site. Kung magpasya kang baguhin ang background ng iyong site, makakatulong ang sumusunod na tagubilin sa paglutas ng isyung ito.
Kailangan
Ang pag-edit ng file ng css
Panuto
Hakbang 1
Para sa pinaka-bahagi, ang code ng disenyo ng site ay matatagpuan sa file na style.css. Ngunit ang bawat template ay maaaring naiiba mula sa nakaraang isa, kaya ang disenyo ng code ay matatagpuan sa isang iba't ibang mga file, ngunit din sa extension ng css. Upang maitakda ang kulay ng background ng iyong site, dapat mong ipasok o palitan ang umiiral na halaga ng sumusunod na expression: / * puting background * / body {
background-color: #FFFFFF;} / * puting background ng pamagat, kulay ng itim na font * / h1 {
kulay: # 000000;
background-color: #FFFFFF;
}
Hakbang 2
Upang maipasok ang anumang imahe bilang isang background sa iyong site, dapat mong ipasok o palitan ang umiiral na halaga sa sumusunod na expression: body {
kulay sa background: # 000000;
background-image: url ("Image-1.jpg");
}
Dapat pansinin na sa kasong ito kinakailangan na magbigay ng isang link sa file ng imahe, na makikita sa parehong folder na may css file.
Hakbang 3
Kung nais mong i-tile ang isang maliit na larawan o isang maliit na larawan, pagkatapos ay gamitin ang background-ulit na utos. Upang magamit nang tama ang utos na ito, maraming mga pagpipino sa utos na ito:
background-ulitin: ulitin-x - ulitin ang imahe kasama ang x axis;
background-ulitin: ulitin-y - ulitin ang imahe kasama ang y axis;
background-ulit: ulitin - ulitin ang isang larawan kasama ang dalawang palakol nang sabay-sabay;
background-ulit: walang ulit - ang imahe ay hindi naulit;
background-attachment: pag-scroll - pag-scroll sa larawan kasama ang pahina;
background-attachment: naayos - ang imahe ay hindi naka-scroll.
Gamit ang syntax ng utos na ito, maipapakita mo kung paano ito gumagana sa mga halimbawa:
background-posisyon: 30px 40px - Ang imahe ay 30 pixel pababa mula sa itaas at 40 mga pixel mula sa kaliwa patungo sa kanan.
posisyon sa background: 60% 35% - Ang kaliwang padding ay 60% at ang nangungunang padding ay 25%.
