ع ۾WordPressآرٽيڪل ايڊيٽنگ ۾، اتي هڪ عام "بلاڪ اقتباس" بٽڻ آهي▼
جڏهن استعمال ڪيو وڃي، اهو شامل ڪري ٿو aنشان ھڻڻ لاءِ ڪجھ بيان ڪيل بيان يا نمايان ڪرڻ لاءِ.
مطلب ڇا آھي Blockquote ڇا آھي؟
هيٺ ڏنل آهيچن ويلانگبلاگن لاءِ حوالو ڏيڻ جو انداز:
Blockquote XHTML ٽيگ ھڪڙو تمام مفيد آھي (جيڪڏھن ڪجھ گھٽ استعمال ٿيل آھي) عنصر.لفظي طور تي، بلاڪ ڪوٽ استعمال ڪيو وڃي جڏهن توهان ڪنهن ٻئي ذريعن کان ڊگهو متن نقل ڪري رهيا آهيو (ٻيو اسپيڪر، ٻي ويب سائيٽ، وغيره).هي هڪ طريقو آهي متن کي ختم ڪرڻ ۽ ان کي ٻين ذريعن سان ڏيکاري ٿو.
انداز جي لحاظ کان، توهان اهو سڀ ڪجهه خاص طبقن سان ڪري سگهو ٿا پيراگراف ٽيگ تي ... پر اهو لفظي طور تي بيڪار آهي، هاڻي، ائين ٿيندو؟ Blockquotes ۾ ڊفالٽ طور ڪجھ انداز آھن.
گھڻا برائوزر بلاڪ ڪوٽ ٽيگ ۾ ٽيڪسٽ داخل ڪن ٿا، جيڪي صارفين کي ڪنھن طريقي سان متن جي سڃاڻپ ۾ مدد ڪن ٿا.پر ڪير چوڻ آهي ته اسان کي اتي روڪڻ جي ضرورت آهي؟هتي سي ايس ايس سان توهان جي بلاڪ ڪوٽس کي ڪيئن انداز ڪجي.
test-css.html ٽيسٽ ڪريو ۽ سي ايس ايس سيڪشن کي html باڊي ۾ شامل ڪريو:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Test CSS blockquote</title> </head> <blockquote> <p>The blockquote XHTML tag is a fairly useful (if somewhat underused) element. Semantically speaking, a blockquote should be used any time you’re quoting a longer piece of text from another source – another speaker, another website, whatever. It’s a way of setting the text apart, and showing that it came from some other source. Stylistically, you could accomplish all this with a special class on your paragraph tags… but that wouldn’t be as semantically useful, now, would it?<br> Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who's to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.</p> </blockquote> </body> </html>
ڪيئن استعمال ڪجي blockquote؟
اهو معلوم ٿئي ٿو ته ڪجهه ورڈپریس موضوعات style.css فائل ۾ حوالا انداز شامل نه ڪندا آهن.
ڪاپي ۽ پيسٽ ڪريو هيٺ ڏنل نيري پس منظر جي گول ڪنڊ واري طرز کي موضوع جي style.css فائل ۾▼
blockquote, q {
font: bold 21px/1.5 Consolas,"Courier New","KaiTi","KaiTi_GB2312","FangSong_GB2312",SimHei,arial,Monaco,monospace;
color: #000;
margin: 1em;
margin-left: 2em;
margin-right: 2em;
padding: 3px;
max-width: 95%;
quotes: "\201C""\201D""\2018""\2019";
background: #C3F3F7;
border-radius: 20px;
}ريفرنس اسلوب جسم جي متن (سائز، رنگ)، پس منظر جو رنگ، اڇو اسپيس، سرحدون، وغيره جو تعين ڪندو آهي.
سرحد جو انداز
اهو انداز نسبتا سادو آهي، اهو آهي، کاٻي سرحد مقرر ڪريو ۽ ٿلهي مقرر ڪريو.رنگ فونٽ رنگ کي ڪنٽرول ڪري ٿو، ۽ پس منظر جو رنگ پس منظر جي رنگ کي ڪنٽرول ڪري ٿو (يا سڌو پس منظر گروپ).
مارجن ونڊو عنصر جي فاصلي کي ڪنٽرول ڪري ٿو، سرحد جي کاٻي پاسي کاٻي پاسي واري سرحد جي انداز کي ڪنٽرول ڪري ٿو، ۽ پيڊنگ (خاص طور تي پيڊنگ جي کاٻي پاسي) متن کان (کاٻي) سرحد جي فاصلي کي ڪنٽرول ڪري ٿو.
هي انداز هڪ سادي بلاگ وانگر سادو آهي.
هيٺ ڏنل پيلي پس منظر واري انداز کي ڪاپي ۽ پيسٽ ڪريو theme▼ جي style.css فائل ۾
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- مٿيان 2 بلاڪ ڪوٽ اسلوب آهن.
- ڪيترن ئي هڪجهڙا انداز شامل ڪرڻ سان اوور رائٽ ڪيو ويندو.
- تنهن ڪري، مهرباني ڪري انهن مان هڪ چونڊيو ۽ ان کي موضوع جي style.css فائل ۾ شامل ڪريو.
اميد چن ويلانگ بلاگ ( https://www.chenweiliang.com/ ) شيئر ڪيو "بلاڪ ڪوٽ ڪيئن استعمال ڪجي؟ بلاڪ ڪوٽ ٽيگ ڊيمو اثر ۾ HTML، توهان جي مدد ڪرڻ لاء.
هن آرٽيڪل جي لنڪ کي حصيداري ڪرڻ لاء ڀليڪار:https://www.chenweiliang.com/cwl-2123.html
تازن تازه ڪاريون حاصل ڪرڻ لاءِ Chen Weiliang جي بلاگ جي ٽيليگرام چينل تي ڀليڪار!
📚 هي گائيڊ وڏي قيمت تي مشتمل آهي، 🌟 هي هڪ نادر موقعو آهي، ان کي نه وڃايو! ⏰⌛💨
پسند اچي ته شيئر ڪريو ۽ پسند ڪريو!
توهان جي حصيداري ۽ پسند اسان جي مسلسل حوصلا آهن!