شرح طريقة وضع نص داخل صورة بإستعمال كود خفيف


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

اللَّهُ لا إِلَهَ إِلا هُوَ الْحَيُّ الْقَيُّومُ لا تَأْخُذُهُ سِنَةٌ وَلا نَوْمٌ لَهُ مَا فِي السَّمَأوَاتِ وَمَا فِي الأَرْضِ مَنْ ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلا بِإِذْنِهِ يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ وَلا يُحِيطُونَ بِشَيْءٍ مِنْ عِلْمِهِ إِلا بِمَا شَاءَ وَسِعَ كُرْسِيُّهُ السَّمَأوَاتِ وَالأَرْضَ وَلا يَؤودُهُ حِفْظُهُمَا وَهُوَ الْعَلِيُّ الْعَظِيمُ


و الآن طريقة التركيب :
الطريقة هناك طريقتان بإمكانك وضع الكود التالي كإضافة أداة هتمل/جافا سكربت من تصميم أو وضع الكود في الموضوع بالدخول إلي تحرير html
و كل ما عليك فعله هو وضع النص ورابط الصورة
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">

</div>
<div style="color: red; text-align: center;">
<style type="text/css">
div.background
  {
  width:500px;
  height:250px;
  background:url(هنا نضع رابط الصورة) repeat;
  border:2px solid black;
  }
div.transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
</style></div>
<div style="color: red; text-align: center;">

</div>

<div class="background" style="color: red; text-align: center;">
<div class="transbox">
النص هنا</div>
</div>
</div>

تعليقات

  1. أزال المؤلف هذا التعليق.

    ردحذف
  2. الشرح غالط أخي
    لأن الصور و النصوص لا تظهر بحجمها الطبيعي

    ردحذف
  3. اخي السلام عليكم
    أريد اضافة لا أعلم اسمه و لكن هو متل مايوجد في موقعك و أريدك أن تريني كيف أضيفه و هو ادا نضرت الى أسفل موقع ستجد فيه
    pages1-2-3
    و ما الى دلك كيف أضيف يا أخي هده الخاصية و شكرا

    ردحذف
  4. إلي أبو سراء : الطريقة سهلة : عدل علي :
    أبعاد الصورة :
    width:500px;
    height:250px;
    أبعاد النص :
    width:400px;
    height:180px;


    و بالنسبة إلي تائه :
    ضع مشكلتك في الموضوع التالي :
    http://esrare.blogspot.com/2011/07/blog-post_10.html

    ردحذف
  5. viagra pen
    [url=http://genericviagra-usa.com]buy viagra
    [/url] buy cheap viagra online
    - viagra online

    ردحذف
  6. اشكرك اخي جد انت افدتني اتمنى لك المزيد من التقدم للأمام....اخوك احمد من العراق

    ردحذف
مرحب بك للتعليق و مشاركة رأيك

التسميات

أخبار ، news إدارة الإجهاد في العمل أدسنس أدوات أرخص إشتراك مدفوع إصلاح خطأ إضافات بلوجر أفضل أفضل 10 أفضل 4 أفضل 5 أفضل 7 إكس أكواد أكواد الألوان الإسلام البحث عن وظائف البحث عن وظيفة البرامج التسويق بالعمولة التصميم التصوير التصوير الاحترافي الجزائر الحماية الذكاء الاصطناعي، تطبيقات ،أندرويد ،الآيفون الربح من الانترنت الربح من النت الشراء عبر الإنترنت في الجزائر العمل العمل والتوظيف ألوان الوان أندرويد إيثريوم أيردروب بايبال بايبال، ماستر كارد،فيزا،تفعيل،paypal بدون رأس مال بلوجر بيتس ستوديو 3 بيتس ستوديو برو بيتكوين تبادل إعلاني تخفيضات،كوبون،شراء،ربح تدوينة تطيقات تعيين مستشار وظيفي تواصل اجتماعي توظيف توظيفـ، سيرة ذاتية تويتر جي كويرى حد إدخال الأحرف حد إدخال الأحرف في ChatGPT حساب حساب فاتورة الكهرباء خطأ خطأ 740 على ويندوز خطأ ويندوز دراسة دروس بلوجر ر ربح ساعة سكربتات مواقع سلسلة كيف تربح من مدونتك سوناطراك شرح شرح بالفيديو شركات استضافة شركات استضافة مواقع صور طرق طريقة طريقة إصلاح عام 2023 عامل مستقل عملات غوغل فاتورة الكهرباء فايس بوك فوركس في فيديوهات ترفيه فيس بوك قابلة للطي قوالبي كاميرا كانفا كتب تعليمية كسب المال كمبيوتر كيفية الشراء من Aliexpress ليتكوين مجانيات محفظة مراجعة مسابقات مستشار وظيفي مشاكل بلوجر مشكلة مشكلة ChatGPT مُصور مُصور هاوٍ مصورًا محترفًا مقارنة مقارنة،هواوي،آبل،آيباد إير مقالات منصات منوعات مواقع نتفليكس نصائح نصاب هاوٍ هواتف هواتف قابلة للطي هواوي واتش 4 برو وظيفة وورد بريس ويندوز ويندوز 10 ويندوز 11 يوجوف Aliexpress bitsler Chatgpt ChatGPT Plus fiverr GPT-4 HTML jQuery youtube

نموذج الاتصال

إرسال