Halabuurka Naqshadaynta
Ku Dhaji Halabuurka Naqshadaynta Maalinta Websaydhkaaga
Halabuurka Naqshadaynta wuxuu maalin walba daabacaa mawduuc cusub. Cinwaanka sawirku ma isbeddelo, laakiin sawirka ka dambeeya waa isbeddelaa, sidaas darteed hal mar ayaad koodhka ku dartaa booqayaashaaduna waxay si toos ah u arkaan mawduuca maanta.
Sida ay u shaqeyso
Maalin walba sawir cusub ayaa lagu daabacaa hal cinwaan go'an. Bogaadu waxay soo raritaa cinwaankaas, sidaas darteed waxay mar walba muujisaa mawduuca hadda jira, riixidduna waxay booqayaashaada u geysaa Halabuurka Naqshadaynta halkaas oo sheekada oo dhan lagu sheego.
Ma doorbidaysaa iskiribt? Ku dar hal weel iyo hal iskiribt: widget-ku wuxuu sawiraa qaabka aad ku dooratay data-dotd-variant (image, cta ama card), luqadda cinwaanka iskiribtka marka luqaddaas la heli karo. Haddii aadan iskiribtyo isticmaali karin, isticmaal nooca HTML ee isla noocaas ah.
Nooca A: sawir kaliya
Sawirka maanta, oo ku xiran Halabuurka Naqshadaynta. Doorashada ugu fudud.
Muuqaal toos ah
<a href="https://thedesignlegend.com/so/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Halabuurka Naqshadaynta Maalinta oo dib-u-eegis ku muujinaya guulaha nolosha oo dhan ee naqshadaynta" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=so"></script>Nooca B: sawir iyo baaq tallaabo
Sawirka maanta oo leh baaq tallaabo hoostiisa ku yaal.
Muuqaal toos ah
<a href="https://thedesignlegend.com/so/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Halabuurka Naqshadaynta Maalinta oo dib-u-eegis ku muujinaya guulaha nolosha oo dhan ee naqshadaynta" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
<span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">Ogaaw Halabuurka Naqshadaynta Maalinta</span>
</a><div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=so"></script>Nooca C: kaarka Bootstrap
Kaarka Bootstrap oo leh sawirka, cinwaanka mawduuca, cutub gaaban iyo badhanka baaq tallaabooyinka. Bogaadu waxay u baahan tahay Bootstrap.
Muuqaal toos ah
<div class="card" style="max-width:24rem">
<a href="https://thedesignlegend.com/so/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Halabuurka Naqshadaynta Maalinta oo dib-u-eegis ku muujinaya guulaha nolosha oo dhan ee naqshadaynta" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Halabuurka Naqshadaynta Maalinta</h5>
<p class="card-text">Abaalmarinta Naqshadaynta A' waxay xustaa naqshadeeye saamayn weyn leh ama dhisme-abuurle caalami ah oo xirfaddiisu gaarka ahayd, abuurkiisu calaamad noqday, fikradihiisuna riixeen horumarinta iyo taariikhda naqshadaynta oo ah Halabuurka Naqshadaynta Maalinta.</p>
<a href="https://thedesignlegend.com/so/" class="btn btn-danger" target="_blank" rel="noopener">Ogaaw Halabuurka Naqshadaynta Maalinta</a>
</div>
</div><div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=so"></script>Doorashada 3: JSON
Horumariyeyaasha, ablikayshanada iyo otomeyshinka. JSON-ku wuxuu ka kooban yahay magaca, sharaxaadda, cinwaanka sawirka, xiriiriyeyaasha iyo taariikhda. Codsiyada cross-origin waa la ogol yahay.
fetch("https://thedesignlegend.com/feature.json?lang=so")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Tusaale jawaab ah
{
"domain": "thedesignlegend.com",
"name": "Halabuurka Naqshadaynta",
"feature": "Halabuurka Naqshadaynta Maalinta",
"paragraph": "Abaalmarinta Naqshadaynta A' waxay xustaa naqshadeeye saamayn weyn leh ama dhisme-abuurle caalami ah oo xirfaddiisu gaarka ahayd, abuurkiisu calaamad noqday, fikradihiisuna riixeen horumarinta iyo taariikhda naqshadaynta oo ah Halabuurka Naqshadaynta Maalinta.",
"description": "Halabuurka Naqshadaynta waxay xustaa naqshadeeyayaal saamayn weyn leh iyo dhisme-abuurlayaal caalami ah oo xirfadoodu gaarka ahayd, abuurkoodu calaamad noqday, fikradahooduna riixeen horumarinta iyo taariikhda naqshadaynta, iyadoo iftiimisaa dadka hal-abuurka iyo guulaha ay aqoonsatay Abaalmarinta Naqshadaynta A' ee aadka u sharafta leh.",
"call_to_action": "Ogaaw Halabuurka Naqshadaynta Maalinta",
"date": "2026-11-08",
"language": "so",
"image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
"image_alt": "Halabuurka Naqshadaynta Maalinta oo dib-u-eegis ku muujinaya guulaha nolosha oo dhan ee naqshadaynta",
"url": "https://thedesignlegend.com/so/",
"feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
"embed_url": "https://thedesignlegend.com/so/soo-bandhigid/"
}Wax wanaagsan oo la ogaado
- Xiriirka sawirka ku wareejisan sii hay, si booqayaashaadu ay u ogaadaan mawduuca oo dhan.
- Mar walba isticmaal cinwaanka sawirka ee kor ku muuqda, hana kaydin nuqul, si bogaadu u sii ahaato mid cusub.
- Sawirku waa la waafajiyaa: waligiis kama ballaadho weelkiisa.
- Caawimo ma u baahan tahay ama qaab gaar ah? Fadlan nala soo xiriir.