طريقة وضع نص داخل اطار في المدونه بلوجر

بسم الله الرحمن الرحيم 

____________________

اصدقائي الأعزاء ،،،،،،

السلام عليكم ورحمة الله وبركاته إما بعد اليوم سوف نتكلم عن مجموعة من الإطارات التي نستطيع كتابه نصوص الأكواد دأخلها وسط التدوينه لن أطيل عليكم أترك مع الدرس :

 أدخل علي كتابة رساله او مشاركة جديدة وعندما تستهل مشاركتك ثم يأتي أوان الكود إضغط علي  HTML  ثم أختار اي إطار من هؤلاء :

1-

<div style="margin: 5px 20px 20px;"><pre class="alt2" dir="ltr" style="border: 1px inset; height: 34px; margin: 0px; overflow: auto; padding: 6px; text-align: left; width: 400px;"><span style="font-size: large;"><b>النص هنا</b></span></pre></div>

وهذا مثال حي علي الكود السابق

النص هنا

2-

<code><textarea cols="42" name="code" rows="2" style="-moz-border-radius-bottomright: 40px; -moz-border-radius-topcenter: 30px; background: # EAFFED; border: 2px ridge #7F4500; color: #848484; line-height: 5em; padding: 5px;">اكتب رسالتك هنا

وهذا مثال حي علي الكود السابق

اكتب رسالتك هنا

3-

<style type="text/css">.shahd{ border-top : 1px solid #eeeeee; border-right : 2px solid #cccccc; border-bottom : 2px solid #cccccc; border-left : 1px solid #eeeeee; padding : 15px 35px 15px 15px; } </style><br /><br /><div class="shahd">ضع النص هنا </div>

وهذا مثال حي علي الكود السابق

ضع النص هنا

4-

<div style=" background: #5C5C5C url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEIYipKdvxc59CMxFOPCMUzvyUJkGPEwBdDE_1y-LT_WLmbr88pwuZcckgAW2efCVDAwGme7xe8DgAwGWGC17sIPcOeXC601yKszip2kB1A3103RfL4D-vEoc3QtfQoes-rA5f5zabZDw/s1600/%D9%85%D9%8A%D8%AF%D9%88+%D8%AF%D9%8A.png) no-repeat bottom center; margin: 0 20px; padding: 10px 20px 40px 20px; border-top: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; font-size: 20px; word-wrap: break-word; overflow: auto; box-shadow: 0px 0px 10px; ">اكتب الكود الذي تريده هنا </div>

وهذا مثال حي علي الكود السابق

اكتب الكود الذي تريده هنا

وطبعا هذا الكود الإخير بداخلة صورة واللي هي :

ويمكن تغيرها من هذا الرابط بصورة بنفس المقاس

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEIYipKdvxc59CMxFOPCMUzvyUJkGPEwBdDE_1y-LT_WLmbr88pwuZcckgAW2efCVDAwGme7xe8DgAwGWGC17sIPcOeXC601yKszip2kB1A3103RfL4D-vEoc3QtfQoes-rA5f5zabZDw/s1600/%D9%85%D9%8A%D8%AF%D9%88+%D8%AF%D9%8A.png

وإلي لقاءٍ في درس جديد بأمر الله تعالي ولا تحرمونا من تعليقاتكم الكريمة