Ataovy mahaliana ireo rindran-tsoratra hita ao amin'ny pejy Internet miaraka amin'ny marika HR
Raha mila ampidirina amin'ny sehatra marin-tampona, manasaraka amin'ny tranokala ianao dia manana safidy vitsivitsy. Azonao atao ny mampiditra ny rakitra tena izy ao amin'ireo pejin-drakitra ao amin'ny pejinao, saingy izany dia mitaky ny tranonkalanao mba haka sy haka ireo rakitra ireo, izay mety hisy fiantraikany ratsy eo amin'ny fahombiazan'ny tranonkala.
Azonao atao ny mampiasa ny faritra fonenan'ny CSS mba hanampiana ireo sisin-dàlana izay maneho ny tsipika eny an-tampony na eo amin'ny faran'ny elanelana, mamorona amin'ny fomba mahomby ny tsipika sasantsasany.
Farany, azonao atao ny mampiasa ny singa HTML momba ny fitsipika horita - ny
Ny singa mitarika horita
Raha efa nametraka singa iray tao amin'ny tranonkala iray ianao, dia azo inoana fa hitanao fa tsy tsara ny fomba tsy itiavan'ireo andalana ireo. Midika izany fa mila miverina any amin'ny CSS ianao mba hanitsiana ny endrik'ity endrik'ireo singa ireo mba hifanaraka amin'ny fomba tianao hijerena ny tranonkala.
Ny mari-pamantarana HR fototra dia aseho amin'ny fomba hanehoana ny tranonkala. Ny mpizahatena maoderina matetika dia maneho ny mari-pamantarana HR tsy misy mari-pototra amin'ny 100%, haavo 2px, ary ny sisintany 3D amin'ny mainty mba hamoronana ny tsipika.
Ireto misy ohatra momba ny singa HR mahazatra na azonao jerena ato amin'ity sary ity ny fomba fisainan'ny HR tsy mipetaka amin'ny browser amin'izao fotoana izao.
Ny habe sy ny haavony dia miorina amin'ny alalan'ny navigateur
Ny habaka tokana izay mifanaraka amin'ny tranonkala browsers dia ny sakantsakana sy ny karazany. Ireo dia mamaritra ny halehiben'ny tsipika. Raha tsy mamaritra ny habe sy ny haavony ny habaka dia 100% ary ny haavo habaka dia 2px.
Ao anatin'ity ohatra ity dia 50% ny singa fototra ao amin'ny efitrano (jereo ireo ohatra ireo eto ambany izay misy endri-tsoratra.) Ao amin'ny famokarana famokarana, ireo endri-javatra ireo dia ho voasoratra amin'ny endriny ivelan'ny tranokala mba hanamora ny fitantanana manerana ny pejy rehetrao):
style = "width: 50%;">
Ary amin'ity ohatra ity ny haavo dia 2em:
style = "height: 2em;">
Ny fanovana ny sisintany dia mety ho sarotra
Ao amin'ny tranonkala maoderina, manamboatra ny tsipika ny navigateur amin'ny fanitsiana ny sisintany. Koa raha manaisotra ny sisintany miaraka amin'ny fananana trano ianao, dia hanjavona ao amin'ny pejy ny andalana. Araka ny hitanao (tsara, tsy hahita na inona na inona ianao, satria tsy ho hita ny andalana) amin'ity ohatra ity:
style = "border: none;">
Ny fanitsiana ny haben'ny sisin-tany, loko ary fomba dia hampiavaka ny tsipika ary misy fiantraikany mitovy ihany koa amin'ireo navigateur maoderina rehetra. Ohatra, amin'ity fihetsiketsehana ity dia mena, miloko ary 1px ny sisintany:
style = "border: 1px dashed # 000;">
Fa raha manova ny sisin-tany sy ny haavony ianao, dia miavaka kely ny karazan-tsofina any amin'ny tranokala efa tranainy noho ny ataon'ireo browsers maoderina. Araka ny hitanao amin'ity ohatra ity, raha jerena ao amin'ny IE7 sy etsy ambany (tranonkala iray izay tsy mety ary tsy ampiasain'i Microsoft intsony) dia misy tsipika anaty izay tsy mampiseho ireo navigateur hafa (ao anatin'izany ny IE8 sy ny avo) :
style = "height: 1.5em; width: 25em; border: 1px solid # 000;">
Ireo mpirotsaka an-jatony ireo dia tsy dia manahy loatra amin'ny sehatry ny tranonkala amin'izao fotoana izao, satria nosoloina betsaka amin'ny safidy maoderina kokoa izy ireo.
Manaova andian-tsarimihetsika miaraka amin'ny sary an-tserasera
Raha tokony ho loko iray, dia azonao atao ny mamaritra ny sary fototra momba ny HR anao mba hijerena tsara azy araka izay tianao, fa mbola maneho amin'ny fomba ofisialy amin'ny fametrahana azy.
Amin'ity ohatra ity dia nampiasa sary iray izay misy tsipika telo maranitra. Amin'ny fametrahana izany ho toy ny sary fototra tsy misy famerenana, dia mamorona fialana amin'ny votoaty izay toa mitovy amin'ny hita ao anaty boky:
>>>>>>>>>>>>>>>>>>>>>>>>>>>
Fanovana ny singa HR
Amin'ny CSS3 dia azonao atao ihany koa ny mahaliana anao kokoa. Ny endriky ny HR dia fomba fanao mahazatra amin'ny fomba mahazatra, saingy miaraka amin'ny fanovana ny properties CSS, afaka manova ny fomba fijerin'izy ireo ianao. Ny fanovana ankafizina indrindra amin'ny singa HR dia ny manova ny fihodinana.
Azonao atao ny mamadika ny singa maha-HR anao, ka kely dia diagonal:
hr {
-moz-transform: rotate (10deg);
-webkit-transform: rotate (10deg);
-o-transform: rotate (10deg);
-ms-transform: rotate (10deg);
mamadika: rotate (10deg);
}
Na azonao atao ny mamadika azy io mba hahatonga azy ho tanteraka tanteraka:
hr {
-moz-transform: rotate (90deg);
-webkit-transform: rotate (90deg);
-o-transform: rotate (90deg);
-ms-transform: rotate (90deg);
mamadika: rotate (90deg);
}
Tsarovy fa manodina ny HR mifototra amin'ny toerana misy azy ao amin'ny antontan-taratasy izany, ka mety mila manitsy ny toerana misy anao ianao mba hahazoana izany any amin'izay tianao. Tsy mampirisika ny hampiasana izany mba hampidirana andalana maromaro ho an'ny famolavolana, fa fomba iray hahazoana vokatra mahaliana.
Fomba hafa ahafahana mamoaka rohy eny amin'ny pejinao
Ny zavatra iray izay ataon'ny olona sasany fa tsy mampiasa ny singa HR dia miankina amin'ny sisintany hafa. Fa indraindray ny HR dia mora sy mora kokoa ampiasaina noho ny fiezahana hanangana sisintany. Ny olan'ny boaty an-dalan'ny navigateur sasany dia afaka mametraka sisintany ho sarotra kokoa.