Kujambula Tag (Zowonongeka) Tag

Kupanga mizere yowoneka yosangalatsa pamasamba ndi ma HR

Ngati mukufuna kuwonjezera mizere yosiyana, mawonekedwe a olekanitsa ku mawebusaiti anu, muli ndi njira zingapo. Mungawonjezere mafayilo enieni a mafano a mzerewu pamasamba anu, koma izi zifuna kuti musakatuli wanu apeze ndi kutsegula mafayilo awo, omwe angakhudze kusagwira ntchito pa siteti.

Mungagwiritse ntchito katundu wa malire a CSS kuti muwonjezere malire omwe ali ndi mizere pamwamba kapena pansi pa chinthu, ndikupanga bwino kulekanitsa mzere wanu.

Pomaliza, mungagwiritse ntchito chiganizo cha HTML cha lamulo losakanikirana - a

Mfundo Yowongoka Kwambiri

Ngati mwaikapo chinthu pa tsamba la intaneti, mwinamwake mwapeza kuti njira yosasinthika yomwe mizereyi ikuwonetsedwa si yabwino. Izi zikutanthauza kuti muyenera kutembenukira ku CSS kuti musinthe maonekedwe a zinthu izi kuti zigwirizane ndi momwe mukufuna kuti tsamba lanu liwonekere.

Tsamba lofunika kwambiri la HR likuwonetsedwa momwe asakatuli akufuna kuwonetsera. Masakono amasiku ano amasonyeza mafilimu osasangalatsa a 100%, kutalika kwa 2px, ndi malire a 3D mumdima kuti apange mzere.

Pano pali chitsanzo cha chinthu choyenera cha HR kapena mukuwona mu chithunzi ichi momwe HR wosakhazikika akuwonekera m'masakono amakono.

Kukwanira ndi Kutali ndi Zogwirizana Ponseponse

Miyendo yokhayo yomwe imagwirizana pazithunzithunzi za intaneti ndizitali ndi mafashoni. Izi zimatanthauzira momwe mzere udzakhalira. Ngati simutanthawuza m'lifupi ndikutalika kutalika kwake ndi 100% ndipo kutalika kwazitali ndi 2px.

Mu chitsanzo ichi m'lifupi ndi 50% ya gawo la makolo (onetsetsani zitsanzo izi m'munsimu zonsezi ndi mafashoni apamwamba. Mu chikhalidwe chokhazikitsa, mafashoni awa angalembedwe m'ndandanda yakunja yowongoka kuti azitha kuyendetsa bwino m'masamba anu onse):

kalembedwe = "m'lifupi: 50%;">

Ndipo mu chitsanzo ichi kutalika ndi 2em:

kalembedwe = "kutalika: 2m;">

Kusintha malire kungakhale kovuta

M'masakatuli amakono, osatsegula amamanga mzere mwa kusintha malire. Kotero ngati muchotsa malire ndi malo osindikizira, mzere udzatha pa tsamba. Monga momwe mungathe kuwonera (chabwino, simudzawona kalikonse, monga mizere idzakhala yosawoneka) mwachitsanzo ichi:

kalembedwe = "malire: palibe;">

Kusintha kukula, malire, ndi kalembedwe kwa malire kudzathandiza kuti mzerewo ukhale wosiyana ndipo uli ndi zotsatira zofanana m'masakono onse amakono. Mwachitsanzo, muzisonyeza izi malire ali ofiira, atha, ndi 1px lonse:

kalembedwe = "malire: 1px adasambira # 000;">

Koma ngati mutasintha malire ndi kutalika, mafashoni amawoneka mosiyana kwambiri ndi ma browsers omwe satha masiku ano kuposa momwe amachitira masiku ano. Monga momwe mukuonera mu chitsanzo ichi, ngati muwona mu IE7 ndi pansi (msakatuli yemwe wasokonezeka mwamsanga ndipo sakugwiritsidwanso ndi Microsoft) pali mzere wamkati womwe suwonekera m'mabuku ena (kuphatikizapo IE8 ndi pamwamba) :

kalembedwe = "kutalika: 1.5m; m'lifupi: 25m; malire: 1px olimba # 000;">

Masakatuli awo akale omwe sali okhudzidwa kwambiri pa webusaiti lero, popeza adasankhidwa ndi zosankha zamakono.

Pangani Lembali Lokongoletsera ndi Chithunzi Chakumbuyo

Mmalo mwa mtundu, mungathe kufotokoza chithunzi chakumbuyo kwa HR yanu kotero kuti ikuwoneka bwino momwe mukufunira, koma ikuwonetseratu mwachidule.

Mu chitsanzo ichi tinagwiritsa ntchito fano lomwe lili ndi mizere itatu ya wavy. Mwachiyika icho monga chithunzi chakumbuyo popanda kubwereza, chimapangitsa kupuma mu zomwe zikuwoneka ngati momwe mumaonera m'mabuku:

kalembedwe = "kutalika: 20px; kumbuyo: #fff url (aa010307.gif) palibe-kubwereza mpukutuwo; malire: palibe;">

Kusintha HR Elements

Ndi CSS3, mukhoza kupanga mzere wanu kukhala wokondweretsa kwambiri. The HR element mwachizolowezi mzere wosakanikirana , koma ndi CSS kusintha katundu, mukhoza kusintha momwe amawonekera. Kusintha kwapadera pa HR element ndiko kusintha kasinthasintha.

Mukhoza kusinthasintha mbali yanu ya HR kuti ikhale yochepa pang'ono:

hr {
-masintha: sinthasintha (10deg);
-blog-transform: kusinthasintha (10deg);
-sintha: sinthasintha (10deg);
-ms-kusintha: kusinthasintha (10deg);
kusintha: kusinthasintha (10deg);
}}

Kapena mungasinthe kuti ziwoneke bwino:

hr {
-masintha: sinthasintha (90deg);
-webkit-kusintha: kusinthasintha (90deg);
-sintha: sinthasintha (90deg);
-ms-kusintha: kusinthasintha (90deg);
kusintha: kusinthasintha (90deg);
}}

Kumbukirani kuti izi zimasinthasintha HR pogwiritsa ntchito malo omwe alipo panopa, choncho mungafunikire kusintha maimidwe kuti mupeze komwe mukulifuna. Sitikulimbikitsani kuti mugwiritse ntchito izi kuti muwonjezere mzere wokhoma kumapangidwe, koma ndi njira yokhala ndi zotsatira zosangalatsa.

Njira Yina Yopeza Mipata Pamasamba Anu

Chinthu chimodzi chimene anthu ena amachita mmalo mogwiritsa ntchito HR chinthu ndicho kudalira malire a zinthu zina. Koma nthawi zina HR ndi yabwino kwambiri komanso yosavuta kuigwiritsa ntchito kuposa kuyesera kukhazikitsa malire. Zitsanzo za bokosi zamasewera ena zingathe kukhazikitsa malire.