Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

وضع خلفية او صورة لعناوين المشاركات بمدونات بلوجر

كينج نت ملك النت | 6/29/2012 | |
وضع خلفية لعناوين المشاركات او المواضيع كما يقول البعض الأخر طريقة جديدة ومميزة وقد يحتاجهة اصحاب المدونات لتزين المدونة فكل ما كان شكل المدونة مميز وجذاب كل ما ينجذب الية الزوار فبذلك قررت بأن اضع لكم هذه الطريقة الذى نشاهدها بالمدونات الأجنبية او المجلات الاخرى انا اعلم بأن كثرة الصور بالمدونة تعطى بطى للمدونة اثناء التصفح ولكن عندما ظهرت خاصية او لغة الــ css قضت على هذه المشكلة المشكلة الذى كان يعانى منها كثيرا قديما فعندما تتصفح موقع ما وتجد به صور كثيرة فننتظر عندما يظهر جميع محتوى الموقع لكن لغة css حلت لنا هذه المشاكل وعدم الانتظار بظهور الصور بالمواقع فالصور الأن تظهر وكأنها محتوى وليست صور اسف بخروجى عن اطار الموضوع الذى نتحدث عنة وهو وضع صورة لعناوين المواضيع او المشاركات وكما افعل عندما اضع لكم اى تدوينة اقوم بالبحث اولا عن هذه الخاصية ولكن لن ارى هذه الخاصية وهى اضافة صورة لعناوين المواضيع الان اليكم هذه الطريقة الرائعة فى البداية تواجهة الى لوحة تحكم مدونتك ومنها قم بالضغط على القالب وكما تعدونا سواء مبتدئين او محترفين يجب ان نأخذ نسخة احتياطية لقالب المدونة لتفادى اى مشكلة تحدث وبالنسبة لمن لا يعرف طريقة اخذ نسخة احتياطية لقالب المدونة ادخل هنا لتعرف الطريقة الان تم اخذ نسخة احتياطية لقالب المدونة الان نأتى الى الطريقة الرائعة قم بالضغط على زر تحرير HTML كما واضح لنا بالصورة التالية :















وبالتالى اضغط على زر متابعة












من بعدها قم بوضع علامة على خاصية توسيع القالب














الان اضغط على ازرر CTRL + F من لوحة المفاتيح الكيبورد لظهور خاصية البحث
الان قم بالبحث عن هذا الكود
post h3
من الممكن تشاهد هذا الكود مكرر ومن الممكن غير متواجد
اذا كان هذا الكود متواجد بالفعل ومكرر فالكود الصحيح يكون على النحو التالى :

post h3 {
color:#3E3533;
font-size:20px;
font-weight:bold;
line-height:1.4em;
margin:0.25em 0 0

فالان سنضع هذا الكود اسفل الكود الذى بحثنا عنة وهو  post h3
الكود الذى سنضعه

 background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px

بمعنى يكون بهذه الطريقة :

 .post h3 {
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px

ملحوظة : قم بتغير رابط الصورة الى اى صورة تريدها .

ملحوظة اخرى ماذا تفعل اذا كان هذا الكود الذى بحثنا عنة غير متواجد وانت تريد هذه الخاصية
لا تقلق بالامكان ان نفعل هذه الخاصية بالبحث عن هذا الكود اولا :

 ]]></b:skin>

الأن سنضع هذا الكود التالى فوقة مباشرة :

 .post h3 {
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px

بمعنى ان يكون التركيب بهذه الطريقة :

 .post h3 {
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px
]]></b:skin>

فى النهاية قم بالضغط على حفظ القالب وتوجهة الى رئيسية المدونة ستجد الصورة بعناوين المشاركة

صورة موضحة بعد تركيب هذه الخاصية طبعا هذا مثال بأمكانك انت تضع اى صورة تريدها انت لتتناسب مع قالبك






















كما تلاحظون بالصورة السابقة يوجد شريط احمر بعنوان المشاركة هى فى الاصل صورة وكما قولت هذا مثال لكم بامكانكم ان تضعو صورة اخرى جميلة المهم ان تتناسب مع شكل استايلك

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

هناك 4 تعليقات :

  1. بارك الله فيك

    ردحذف
  2. فكرة جميلة شكرا لك

    ردحذف
  3. درس اليوم هو كيفية حذف خلفية الكروما بواسطة برنامج الفوتوشوب و وضع خلفية عليها .هذا ضمن سلسة دروس " بدقيقة" وهي عبارة عن مجموعة دروس خلال دقيقة في مختلف برامج المونتاج و التصميم و غيرها .
    لمن لا يعرف الكروما هي من الوسائل http://www.arabie3lan.com الشيخ الروحاني
    التقنية الحديثة التي يستعملها المخرج لإنجاز مشاهد صعبة ومستحيلة كالإنسان الطائر، وتستعمل في الأفلام أو المسلسلات الشيخ الروحاني أو لإعداد ديكور افتراضي للبرامج التليفزيونية، وهي خلفية تكون الشيخ الروحاني غالباً باللون الأخضر والأزرق يتم إزالتها ووضع صور أو فيديو في مكان الخلفية. (غالباً يستعمل اللونين الأخضر أو الأزرق لأنهما لا يشبهان لون بشرة الإنسان)

    ردحذف
  4. www.herzas.net - Domain Parking
    الشيخ الروحاني http://www.sheikhrohani.de/

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف