Sameynta xariiqyo xiiso leh oo ku saabsan bogagga shabakadaha leh HR tags
Haddii aad u baahato inaad ku darto hannaanka, khadadka qaabka kala duwan ee bogaggaaga, waxaad leedahay dhawr fursadood. Waxaad ku dari kartaa faylasha sawirada dhabta ah ee bogaggaaga, laakiin taasi waxay u baahan doontaa biraawsarkaagu inuu dib u helo oo uu ku dhejiyo faylasha, taas oo saameyn xun ku yeelan karta waxqabadka goobta.
Waxaad isticmaali kartaa hantida xuduudka CSS si aad uhesho xuduudaha kuwaas oo u shaqeeya sida jaantusyada midka sare ama hoosta hoose, si waxtar leh u abuuraya khadadkaaga kala go'a.
Ugu dambeyntiina, waxaad isticmaali kartaa halbeegga HTML ee qaanuunka tooska ah -
Xeerka Xeerka Xadka
Haddii aad waligaa gelinayso bogga internetka, waxaad u badan tahay inaad ogaatay in habka ugu habboon ee khadadkaas loo soo bandhigay aysan ahayn mid ku habboon. Tani waxay ka dhigan tahay inaad u baahatid CSS si aad u hagaajisid muuqaalka muuqaalka ee arrimahan si aad ula socotid sida aad u rabto boggagaaga inuu eego.
Xayndaab HR oo astaan ah ayaa lagu soo bandhigaa habka browser uu rabo inuu muujiyo. Dareemayaasha casriga ah waxay caadi ahaan muujiyaan calaamadaha HR-ga oo leh 100%, dhererka 2px, iyo xuduudda 3D oo madow ah si loo abuuro xariiqda.
Halkan waxaa ku qoran tusaale tusaaleyn ah heerka HR ama waxaad ku arki kartaa sawirkan sida HR-ga aan u eegin daalacashada casriga ah.
Jidweynaha iyo Dhererka ayaa ku habboon daaqadaha dhinac walba
Noocyada kaliya ee ku xiran dhammaan daalacayaasha webka waa ballaarada iyo qaababka. Kuwani waxay qeexayaan inta ay le'eg tahay lineka. Haddii aadan qeexin ballaca iyo dhererka width width waa 100% iyo dhererka default default waa 2px.
Tusaalahan ayaa ah 50% ka mid ah walxaha waalidka (xusuusnow tusaalooyinka hoos ku qoran oo dhan waxaa ka mid ah qaababka qadka tooska ah ee goobaha wax soo saarka, qaababka noocaas ah ayaa dhab ahaan lagu qori doonaa warqad muuqaal ah oo loogu talagalay maaraynta maareynta dhamaan bogagaaga):
style = "width: 50%;">
Iyo tusaale ahaan dhererkeedu waa 2em:
style = "height: 2em;">
Isbedelka Xuduudaha ayaa noqon kara caqabad
Dhexdhexaadiyeyaasha casriga ah, shabakadda waxay ku dhejisaa xariijinta adoo hagaajinaya xuduudda. Sidaas darteed haddii aad ka saarto xuduudka leh hanti qaabka, khadku wuxuu ku dari doonaa bogga. Sida aad u arki kartid (si fiican, ma arki doontid wax, sida xariiqyada aan la arki karin) tusaalahan:
style = "border: none none">
Dejinta xajmiga xajmiga, midabka, iyo qaabka ayaa ka dhigaya lineka midba midka kale wuxuuna saameyn isku mid ah ku yeelanayaa dhamaan dookhiyeyaasha casriga ah. Tusaale ahaan, muujinta muujinta xadka waa mid casaan ah, googo'an, iyo 1px ballaaran:
style = "xuduudda: 1px dashed # 000;">
Laakiin haddii aad bedesho xuduudda iyo dhererka, qaababku waxay u muuqdaan wax ka duwan kuwa daalacanaya oo aad u baqdin badan marka loo eego daalacayaasha casriga ah. Sida aad ku arki karto tusaalahan, haddii aad u aragto IE7 iyo ka hooseeya (browser ah oo si fiican u shaqeynaya oo aan taageersanayn Microsoft) waxaa jira khad toos ah oo aan toos ahayn oo aan ku muujin daalacayaasha kale (oo ay ku jiraan IE8 iyo kor) :
style = "height: 1.5em; width: 25em; xadka: 1px solid # 000;">
Kuwa diiqadayaasha ah ee ka soo horjeeda runtii ma aha wax walaac ah oo ku saabsan naqshadeynta websaydka maanta, maadaama ay badanaaba badalaan fursado casri ah.
Samee Qaab Sawir leh oo leh Sawir Gaar ah
Halkii laga beddeli lahaa midab, waxaad ku qeexi kartaa sawirka asalkaaga HR-gaaga si uu u eego sida aad rabto, laakiin weli muuqaal ahaan astaamaha calaamaddaada.
Tusaalahan waxaan isticmaalnay sawir ka mid ah seddex xariiq oo istiraatiiji ah. Adiga oo u muuqda sawirka asalka ah oo aan ku celin, wuxuu abuuraa nasasho maaddo u eg sida aad u aragto buugaagta:
style = "dherer: 20px; asalka: #fff url (aa010307.gif) xariiqa xariiqa dib u celin; xadka: midna;">>
Beddelidda Hormada HR
Iyada oo CSS3, waxaad sidoo kale ka dhigi kartaa xariiqyadaada xiiso badan. Unugga HR waa caado ahaan astaan u ah, laakiin leh CSS isbedelka hantida, waxaad bedeli kartaa sida ay u egyihiin. Isbedelka ugu wanaagsan ee ku saabsan xubinta HR waa inuu bedelo wareegga.
Waad bedeli kartaa astaantaada HR si ay u noqoto mid yar oo talobixin ah:
hr {
-moz-transform: beddel (10deg);
-webkit-is-beddelka: beddel (10deg);
-o-is-beddel: u wareeji (10deg);
-ms-transform-u-beddel (10deg);
isbeddel: beddel (10deg);
}
Ama waxaad u kala jajabin kartaa si ay u noqoto mid gebi ahaanba taagan:
hr {
-moz-transform: jebin (90deg);
-webkit-badalasho: baddal (90deg);
-o-is-beddel: u wareeji (90deg);
-ms-transform-ga: baddal (90deg);
isbeddelka: baddal (90deg);
}
Xasuusnow in tani ay soo celiso HR oo ku salaysan meesha uu hadda ku yaal dukumeentiga, sidaa darteed waxaad u baahan kartaa inaad hagaajiso booska si aad u hesho meesha aad rabto. Kuma talinayso inaad tan u isticmaashid khadadka toosan ee naqshadeynta, laakiin waa hab lagu helo saameyn xiiso leh.
Hab kale oo Laga Helo Looxyadaada
Hal shay oo dadka qaarkood ay sameeyaan halkii ay isticmaali lahaayeen elementa HR waa in ay ku tiirsan yihiin xuduudaha kale ee kale. Laakiin mararka qaarkood HR waa mid aad u sahlan oo u sahlan in la isticmaalo marka la isku dayo in la sameeyo xuduudaha. Qodobbada qaabka sanduuqyada qaar ka mid ah daalacayaashu waxay samayn karaan xuduud xitaa khafiif ah.