لايك

متابعة المدونة



تابعني




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

\

صبآإحكم / مسسآإئكم ~ ورد وسسكر

[ سبحآن آلله وبحمده ’ سبحآن آلله آلعظيم ]

أول شي بقول ( ملاحظه مهمه جداً جداً جداً ) [ ما أحلل ولأ أبيح أي احد ياخذ شي من مدونتي وينسبها لنفسه او لشخص آخر ,
يعني آللي بينقل شي منه بس أبيه يكتب تحت الموضوع :
منقول من مدونة أنثى يعشقها الإبداع
حتى المنتديات اللي أحط بها تدويناتي ما أبيح ان يتم نقلها بدون ذكر المصدر ]



بالنسبه للي مآوده يعلق او ماله خلق يكتب كومنت ..
يعمل لي لايك ع الفيس بوك ( يكفيني )












هذا موضوع خاص لـ زوار مدونتي فقط تفضلو هنا











~






اللي حاب إنه يحفظ اي درس أو اي صفحة موجودة بالمدونة للكمبيوتر
بكل سهولة يدخل الموضوع المراد حفظه ويضغط هنا على (Save page as PDF)



تغيير الخلفيات والهيدر في المدونة بإحترافية ( مثل الموجودة بمدونتي وأكثر ) الطريقة بالتفصيل الممل ~ كود وضع خلفيه لون او صورة ~ كود وضع الخلفية الثابتة ~



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


/



انا غيرت طريقه الخلفيه والهيدر بمدونتي ..

وصراحححة حسسيت إنه موضوع مهم ولازم احطه ب موضوع

عشان انا ما اضيع االاكواد .. وانتو تستفيدون ^_^

يلاااااا بسم الله نبدأ بأول نقطة بالموضوع 












 وضع صورة في اي مكان من تحرير الـ HTML :



رمز HTML :
<img src='رابط الصورة '/>



 الحين نجي للهيدر ..

تصميم > عناصر الصفحة > تهيئة رأس الصفحة ( تحرير )

ونختار الصورة من جهاز الكمبيوتر او من الويب ثم نحط دائرة على >  بدلاً من العنوان والوصف

ثم نضغط على حفظ




----------



- اما اذا ماقدرنا نضيف الصورة وماكانت مثل اللي نبيه  ..

نبحث  من عند تصميم > تحرير الـ HTML

على كلمة 


رمز HTML :
/* Header




وناخذ الكود التالي ونضيفة تحت الكلمة السابقة 






رمز HTML :
background-image: url(رابط الصورة);


اما لو كنا نبغي خلفيه بلون فقط نحط الكود التالي 



رمز HTML :
background: #ffffff ;

نختار كود اللون من هنا


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




ونفس اللي صار نسويه على الخلفية




نبحث في تحرير الـ HTML 

على كلمة 

رمز HTML :
/* Content






وناخذ الكود التالي ونضيفة لتحت الكلمة السابقة






رمز HTML :
background-image: url(رابط الصورة);


واذا بغينا الخلفيه لون فقط 
نضيف الكود التالي 

رمز HTML :
background: #ffffff ;


نختار كود اللون من هنا

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



----------




الحين نجي لطريقة وضع خلفية وهيدر ثابت مثل اللي بمدونتي الحين ..



نروح لـ تصميم > عناصر الصفحة > تهيئة رأس الصفحة ( تحرير )

ونختار الصورة من جهاز الكمبيوتر او من الويب ثم نحط دائرة على >  بدلاً من العنوان والوصف

ونضيف صورة شفافة 

هذا رابط الصورة الشفافة للي ماعنده


ونضغط على حفظ 


----------


ونبحث الحين عند هالكلمة
 من عند تصميم > تحرير الـ HTML


رمز HTML :
/* Content


ونضيف الكود التالي ( وهو كود الخلفية الثابته )
تحت الكود السابق ..





رمز HTML :
background-image: url(رابط الصورة);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: left top;




بالنسبة لي انا وضعته تحت هاذي الجمله في تحرير الـ HTML 


رمز HTML :
.content-inner {
  background: $(content.background);
  background-position: left -$(content.imageBorder.top.space);
  background-color: $(content.background.color);
  padding: $(content.padding);
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghdIcC4_4aoDUYSuoP8QAVbo_FSsL6xdeGFsiHLc6drhI1U72Ta2BDtx-rQdIGonL_OGD-1dnDTD4mIDQnikc6NN_qTT3dQXuH9KHS2-bGvOrMHKkFDUAQOI9mE5ZLlHePdJBZZaFduuc/s1600/tb3.png);
  background-repeat: no-repeat; 
  background-attachment: fixed;
  background-position: left top;

}








وخلاص كذا انتهينااااااا


اللي عنده اي سسسؤااال انا حااااااضرررررة

بالتوفيق للجميع ياااااااااااااارب ..
















~

هناك 29 تعليقًا :

  1. و الله روووووووووووووووعه يً إنتي ف5
    يسسسسعدج ربّي .. يعني دروسسسج سهله و وآضضضحه جداً
    ووو نقدر نعتبرهآ مرررررجع و مهم كمآن س3 ف3

    ربببي يسسسعدج مآ تسوين شي إلآ و يطلع يجنن مثثثثلك
    يً ربّ يً ككريم أسسسعد هالإنسآنه هي و أههلهآ و زوجهآ
    يً ربّ توووووفقهآ و تيسر أمرهآ و تذلل لهآ الصعآب يً ربّ
    اللهم أمين يً ربّ ف5

    يً ققققلبي عليج يً بتّ و ربّي مآ تقصصصرين ف5

    ردحذف
  2. صباح الورد

    مجهود رائع منك لأن كثير من الإخوة المدونون

    لا يعرفون هذه التفاصيل ..

    بارك الله فيك

    تحياتي وإحترامي

    ردحذف
  3. @الأميرة سندريلآ
    مافييييييييه اروووع من وجووودك قموووورة ض3 ض8
    ان شاااااااء الله والله هذا اهم شي عندي ان الجممميع يستفيد وتكون الدروس سهله التطبييق ف7
    اللهم اميييييييييييييييييييييييييييين فديييييييييتك على هالدعععوااات ياشيخخة انتي ف5 س8 س8
    منوووووووووووووورة
    حييآآآآآآآآآآك ربي ياغلااااااااااااااااااي س8 س9

    ردحذف
  4. @شقاوي
    هلا ومسسهلاااا اخوووي ض3 س1
    حياااااااااك ربي س8 س9

    ردحذف
  5. @ريبال بيهس
    هلا ومسهلا ض1
    يخليك ري على هالاطراء ض3
    حياااااااااك ربي س8 س9

    ردحذف
  6. إبداعع . . ف3 س8
    إذآ فضيتت إن شاء الله جربتهآ على مدونتي ض4

    ردحذف
  7. @لگگ خفوقېے . . ♥
    تسسسلمين ياقلبي ض3 س7
    اووك وقولي لنا وش يصير معععك حبوووبة
    منوووووورة المدونة
    لاحرمنا من هالطلللللللللله الهي س8 س9

    ردحذف
  8. مرحبا اختي
    ماشاء الله مدونتك تفتح النفس

    بس حبيت اسألك كيف حاطة صور وارتباطات اليوتيوب ثابتة على جنب الصفحةوما تختفي مهما رفعت ونزلت الصفحة

    وشكرا لك

    ردحذف
  9. @غير معرف
    هلا ومسهلا حبيبتي ض8
    عيييونك هي اللي تشوف كل شي حححلو ض3 س8
    سؤالك حبيبتي انا عملت له موضوع من زمممان س1
    تفضلي :
    http://dl3soso.blogspot.com/2011/09/blog-post_12.html
    على فكره تراني منزلة كل شي سويته ع مدونتي وطريقتها في قسم دروس بلوجر
    حييييييييآكِ ربي حبوبةةة س9 س8

    ردحذف
  10. جزاكي الله خير وفي ميزان حسناتك

    ردحذف
  11. @غير معرف
    آللهم آمممممممممميييييييييييييييييييين
    حيآآآآآآآآآآآآآآآك الله على هالزيارة الطيبه
    لاحرمننننننا يااارب ض3 س9

    ردحذف
  12. السلام عليكم
    حاولت الطريقه الثانيه
    لكن الصوره ما تغير
    والكود الاخير ما لقيته

    ردحذف
  13. س9
    الله يوفقـــك وشكراً جزيلاً لك ..

    ردحذف
    الردود
    1. سفـير الـود ~
      ويووووفقك يااارب ض1
      العفووو ماسوينآ شي
      حييآك الباري س8 س9

      حذف
  14. مشكوورـآ مرآ ع الشررح الوآفــي ض5 >> لكـ س9
    ..
    بس عندي مشكلـة ض6 الحين اذا جيت بحط الخلفية وانا طبقت كل خطواتكـ .. بس ما تضبط تطلع الخلفية بيضاء ض6

    ردحذف
    الردود
    1. Ms-Swokrrh ~
      العفو خيتي ض1
      وشلون يعني تطلع بيضا ..
      انا راح اعمل الشرح بالفيديو وان شاء الله راح توضح عندكم الطريقة وتكون سهله
      بس المهم يكون عندك صبر شوي ض1 س9
      حييآكِ ربي يالغلا س8 س9

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

    ردحذف
    الردود
    1. غير معرف ~
      ياحياتي .. من عيوني راح اشرح الطريقة مره ثانيه وبالفيدو وبشكل اوضح
      ان شاء الله من عيوني ولايهمك ض1
      حيآك الباري س8 س9

      حذف
  16. لم انجح في التطبيق ض2
    بعض الشرح مبهم للناس المبتدئة

    اختنا الفاضلة ممكن توضيح كيف نغير الخلفية

    مثلا انا عملت نفس طريقتك بس عند وضع الخلفية ماعرفت فين

    وجزاك الله خيراً

    متابعة لك دائمة:)ض1

    ردحذف
    الردود
    1. عسل قلبي ~
      لالا ابد ماهو صعب وانا وضحت ان الطريقه يبغالها طولة بال وصبر
      اووك انا اوضحت كمان اني راح اشرح الطريقه بالفيديو بإذن الله تعالى اليوم ض1 س8
      حييييييآكِ حبيبتي ومنوووورة س8 س9

      حذف
  17. MARCHAAL ~
    وعليكم السلام ورحمه الله ض1
    المشكله مو بالكود ولا بإنك لقيته او لا
    المشكله في إن تغير الهيدر في بلوجر يعتمد على البحث والمحاوله اكثر من مرة
    ومو شرط تحطه بالمكان اللي كتبته انا
    بس انت زبط كود الخلفيه الثابته بالصورة اللي تبيها وبعدين امسك تحرير هتمل وابدأ من البدايه واعمل معاينه في كل مره تلصق فيها الكود لين يزبط معك الموضوع ويصير زين س3
    انا ان شاء الله راح أشرح هذا الموضوع بالفيدو س6
    عشان أسهل على الجميع
    حياك ربي أخوي ومنور ض1 س9

    ردحذف
  18. بارك الله فيك وجزاك خيرا وأنا دعيدتلك اليوم واحنا جمعة وقبل المغرب

    ردحذف
  19. Om Hend ~
    اللهم امين ض1
    واياك حبيبتي
    مشكورة على زيارتك وردك الكريم اخيتي
    حياكِ الباري س9 س8

    ردحذف
  20. ممكن شرح فيديو ولكي الشكر

    ردحذف
  21. غير معرف ~
    ان شاء الله راح اعمله لكم بالفيديو
    حياكم ررربي
    منوررررين س9 س8

    ردحذف
  22. الف شكرا حبيبتي / راح اطبقها على مدونتي أول مايكون عندي وقت ض1

    ردحذف
  23. تسلمي عزيزتي ع الشرح المميز
    بارك الله فيكِ
    س8

    ردحذف
  24. غير معرف 1 ~
    ياهلا ومسهلا والله
    ربي يحييك ومنووورة المدونة س9 س8


    غير معرف 2 ~
    وايااكم يااارب
    مشكورين على هالطله اللطيفة
    حياكم ربي س9 س8

    ردحذف

اذا سمحت :
شاركنا بـ رأيك وردك "اسأل او أشكر " أثبت وجودك .. لاتقرأ وترحل ..!
ولكن تذكر قول الله تعالى : ( مايلفظ من قول إلا لديه رقيب عتيد )
وأنتبه ثم أنتبه : ان تضع تعليق يبث روابط إعلانيه لأنها سسستحذف فووراً ..

عندك سؤال او تبي تعبر عن رأيك من هنا