الموارد من أجل التصميم Blockquotes

معظم المواقع ، لا سيما إذا كانت بلوق ، سوف تأتي عبر الحاجة إلى وجود كتلة اقتبس في وقت واحد أو آخر. هذا فقط ما بين الروح الطيبة التي تربط شبكة الإنترنت! كتلة الاقتباسات هي وسيلة لتشمل النص على صفحة التي يتم اتخاذها مباشرة من موقع آخر (أو أي مصدر آخر). أتش تي أم أل يوفر لنا عنصر مثالي لهذه المهمة ، و<blockquote>

دون أي المغلق تطبيقها على صفحة في كل شيء ، فإن معظم برامج التصفح والافتراضية التصميم المطبق على هذا العنصر ، للمساعدة في وضع يميزها عن كتل أخرى من النص. فايرفوكس يستخدم التصميم التالية افتراضيا :

blockquote { display: block; margin: 1em 40px; } 

هذا لا يتسق بين المتصفحات ولكن ، حتى أكثر "المغلق تعيد تعيين" تشمل إعادة التصميم لإزالة كل هذا. يجب عليك بالتأكيد أن تنظر في إضافة بعض الظهر في التصميم الرغم من ذلك ، لجهودكم blockquotes. أحب تصميم بسيط ، لذلك اسمحوا لي أن أطلعكم على واحد من بلدي المفضل لستلينغس blockquotes :

 blockquote  { border-left: 30px solid #d9d9d9; padding-left: 10px; font-family: georgia, serif; font-style: italic; } 

هذا النمط فقط يجعل المسافة البادئة صحية مع كتلة رمادي فاتح إلى اليسار. بسيطة وأنيقة :

هناك ، بالطبع ، الكثير من طرق عديدة لblockquotes النمط. من بسيطة لوضع ، من الكبيرة الى الصغيرة ، من مكثفة لمحاصرته. الكثير من الأشياء في الاعتبار. "اسحب ونقلت" وblockquotes الاشقاء. لا يوجد أي عنصر خاص أتش تي أم أل لسحب يستشهد ، ولكنها تستخدم في الكثير بنفس الطريقة ، إلى جانب مجموعة كتلة من النص. الفرق هو أن أقتبس سحب هو النص مأخوذ من المادة المعروضة للغاية. هذا يجلب تحديات مختلفة.

وهنا لائحة الموارد هناك ليهذب ، والمناولة ، وخلاف ذلك التعامل مع blockquotes والاقتباسات.

الأساسيات والمواصفات

أتش تي أم أل الكلب : اقتباس فقرة
W3C : اقتباس فقرة المواصفات (جنبا إلى جنب مع ف "" العنصر ، blockquotes مضمنة أخي الصغير)
ويكيبيديا : اقتباس فقرة
W3 مدارس : اقتباس فقرة

ليس كثيرا أن تعرف عن العنصر اقتباس فقرة ، بخلاف السمة الاختيارية "الاستشهاد" ، والذي هو أوري أن ذلك جاء من الاقتباس. ويستشهد السمة لا تؤثر على أسلوب أو وظيفة للاقتباس فقرة.

الموجز

كتلة ونقلت والاقتباسات : والأمثلة على الممارسات الجيدة

ونقلت سحب (23 أمثلة)

نمط الحنفية : الاقتباسات (لا يوجد بالكاد أي شيء هنا بعد ، ولكن نمط الحنفية هو المكان الأمثل للبدء في جمع لهذا النوع من الأشياء.)

دروس خصوصية محددة التصميم

Swooshy مجعد ونقلت وبدون صور

Fonts.com : الاقتباسات

الصيعري : الاقتباسات حقا أن تنسحب!

أتش تي أم أل الكلب : الاقتباسات

المغلق الاقتباسات

IMG باستخدام العناصر بدلا من اقتباس فقرة في خلفية الصور.

زوايا مقربة سحب أقتبس باستخدام المغلق

أفضل Blockquotes مع المغلق

بسيطة المغلق Blockquotes وPullquotes

نصيحة سريعة : التصميم blockquotes مع المغلق

اللعب مع اقتباس فقرة والمغلق

باستخدام جافا سكريبت دروس خصوصية

pullquotes التلقائية مع جافا سكريبت والمغلق

أفضل الاقتباسات : دونا € ™ ر كرر التوصيف

من السهل jQuery الاقتباسات

السحب الآلي ، مع سلوك ونقلت والمغلق

المدونات محددة دروس خصوصية

أنيق Pullquotes لمدونتك

صنع ورد سحب اقتباس

ورد البرنامج المساعد : جافا سكريبت سحب الإقتباسات

ورد البرنامج المساعد : فانسي سحب يقتبس (v0.85)

SIDENOTES / حواشي

الحواشي مع المغلق وجافا سكريبت -- الكلمة الاخيرة