8 شخصيات نسائية فيكتورية فى مختلف المجالات جاهزه للتحميل

ملف يحتوى على  شخصيات نسائية لمختلف المجالات اعمال تجارية سفر رياضه

وايضا للمشاريع المختلفه ولقد قمت بوضعهم جميعا فى ملف psd لكى يناسب الجميع 

شخصيات رائعه ومطلوبه كثيرا فقط انت الان يمكنك تحميلها فقط من مدونة مدون

1277×989px 

PSD

2.48 MB

8 شخصيات نسائية فقط

 

اقرء المزيد

تحميل خط مانتيكا – Manteka Font

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

خط مانتيكا خط رائع بمعنى الكلمه من اجمل الخطوط الاجنبية 

تصميمه بسيط ولكنه احترافى بمعنى الكلمة اصبح لك الامكانيات

الآن لتحمله فقط على مدونة مدون

معاينة الخط

حمل الخط الآن

اقرء المزيد

تحميل خط الحربي الهنوف – Alharbi Alhanoof Font

خط الحربي الهنوف، خط عربي راقي وبسيط من تصميم الأخ عبد الله ناصر الحربي

الان حمل خط الحربى الهنوف خط مميز ورائع مصممه عضو من مكتبه الخطوط العربيه 

والخط واخد شكل خاص فى دعم محكم للتشكيل خط جميل ورائع ومميز حقا 

الان اصبح بامكانك ان تحمله فقط من مدونة مدون

تحميل الملف

اقرء المزيد

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

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

والصلاة والسلام على أشرف المرسلين ، سيدنا محمد النبي الأمين وعلى من سار على هديه واستن بسنته الى يوم الدين ، أما بعد ..

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

1. قم بتسجيل الدخول الى لوحة التحكم.
2. إضغط على تصميم ثم تحرير HTML.
3.  قم بالبحث في قالبك عن هذا الكود        
   

<title><data:blog.title/></title>

ثم قم باستبداله بهذا الكود

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

تم بحمد الله 

اقرء المزيد

اكشن رائع لعمل كتابه ثرى دى 3d-action تحميل مباشر

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

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

الكلمه لعمل ثرى دى 3d بكل سهوله والاكشن سهل

الاستخدام ويوجد صوره توضح كيفيه استخدامه 

وهو يقوم بكتابه ثرى دى 3d سواء كلمه او صوره 

او شكل فقط انت تتحكم فى الاعدادات وهو سيفعل كل شئ .

الان مع صوره بعض اعمال الاكشن

صوره توضح طريقه استخدامه بسيط جدا 

download

mediafire

grupload 

mirrorafile 

اقرء المزيد

قائمه رائعه واحترافيه بتقنيه الجى كويرى وال css3 فقط من مدونة مدون

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

قائمه بشكل رائع وجزاب كما تشاهدون فقط من مدونة مدون وهى عباره عن كود جاهز

لتركيبه أثناء تصميمك او التعديل على قوالب بلوجر وهى مكونه من تقنيه الجى كويرى

والـ  css3 لكى تعطى جمال وأنقاقه فى مدونتك تم تنسيقها وتعديلها من مدونة مدون

والان سوف اعرض لك مشاهده حيه لكى تتعرف عليها أكثر وأكثر 

مـشاهده حيه

أولا في العرض التوضيحي قد تلاحظ الانحدار الذي هو أيضا CSS. من السهل حقا أن تفعل ذلك مع هذا ....

body { background: -webkit-gradient

           (linear, left top, left bottom, from(#ccc), to(#fff));

}

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

 

ul#nav {

    list-style: none;

    display: block;

    width: 200px;

    position: relative;

    top: 100px;

    left: 100px;

    padding: 60px 0 60px 0;

    background: url(shad2.png) no-repeat;

    -webkit-background-size: 50% 100%;

}

وهذا عن ذلك. التصميم لبه قائمة مرساة البند هو المكان الذي يحدث كل شيء. إضافة إلى "الانتقال-بكت:" سوف تتيح لنا التحريك :

ul#nav li a {

    -webkit-transition: all 0.3s ease-out;

}

والان مع كود التحكم فى تقنيه الجى كويرى :

ul#nav li a {

    -webkit-transition: all 0.3s ease-out;

    background: #cbcbcb url(border.png) no-repeat;

    color: #174867;

    padding: 7px 15px 7px 15px;

    -webkit-border-top-right-radius: 10px;

    -webkit-border-bottom-right-radius: 10px;

    width: 100px;

    display: block;

    text-decoration: none;

    -webkit-box-shadow: 2px 2px 4px #888;

}

 

الان الكود المخصص بلون النص والخلفيه والحشو:

ul.nav li a:hover {

    background: #ebebeb url(border.png) no-repeat;

    color: #67a5cd;

    padding: 7px 15px 7px 30px;

}

تم بحمد الله تعالى من الانتهاء اى مساعده او توضيح انا جاهز

دمتم فى رعايه الله 

 

اقرء المزيد

طريقة حل مشكلة وجود اخطاء عند حفظ القالب داخل مدونات بلوجر

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

1. فيجب دائما اخذ نسخة احتياطية من القالب الخاص بكم ..

2. و يجب اتباع الخطوات بدقة و التأكد من نسخ الكود بالكامل ...

3. و المعاينة دائما قبل حفظ القاللب ..

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

المشكلة الاولى :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.

<br/> رسالة خطأ XML: The end-tag for element type "b:if" must end with a '>' delimiter.

Error 500

حل المشكلة :

عليك ان تتأكد من ان الوسم الشرطي مكتمل و مغلق في نهايتة ففي البداية

<b:if>

  و يتم اغلاقة بعلامة / 

</b:if>

مثال :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<< المحتوى ايا كان >>
</b:if>

المشكلة الثانية :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. 

<br/> رسالة خطأ XML: Open quote is expected for attribute "{1}" associated with an element type "href".

Error 500

حل المشكلة :

تأكد من اغلاق حقول الريفير او الروابط و شروطة هي :

البداية : 

<a href="الرابط">

و نهايتة المغلقة بـ / :

</a>

مثال :

<a href="http://mdwanblog.blogspot.com/">مدونة مدون</a>

المشكلة الثالثة :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. 

<br/> رسالة خطأ XML: The element type "span" must be terminated by the matching end-tag "</span>".

Error 500

حل المشكلة :

تأكد من اغلاق الوسم سبان و هو الوسم المتعلق بـ تنسيق الخط و الالوان و المحاذاة و مهام اخرى :)

على ان تكون بدايتة : 

 <span>

 

و النهاية المغلقة :

</span>

مثال :

<span class='paging-control-container'>

<< المحتوى ايا كان >>

</span>

المشكلة الرابعة :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.

<br/> رسالة خطأ XML: The element type "div" must be terminated by the matching end-tag "</div>".

Error 500

حل المشكلة :

التأكد من اغلاق وسم التقسيم أحد أوسمه لغه html وهو إختصار للكلمة Division وتعنى تقسيم او توزيع ـ وعموما يستخدم هذا الوسم في الصفحات التى تعتمد في التنسيق على css لتقسيم الصفحات بدلاً من الجدوال .

فتكون البداية :

<div>

اما النهاية نوعان :

1.  <div id='....'/>

 2.  </div>

مثال :

1. <div id='fb-root'/>

2. <div id='fb-root' >

<< المحتوى ايا كان >></div>   

اما الاخيرة و الاكثر شيوعا

المشكلة الخامسة : 

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد. 

الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح. 

<br/> رسالة خطأ XML: The element type "b:section" must be terminated by the matching end-tag "</b:section>".

Error 500

حل المشكلة :

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

و تكوينة هو :

 <b:section>

 و نهايتة :

</b:section>

مثال :

و هو الوسم الخاص بالتذيل او الفوتر الخاص بقالب المدونة

<b:section class='footer-wrapper' id='footer' maxwidgets='5' showaddelement='yes'/>

<< المحتوى ايا كان >>

</b:section>

و الاخطاء التي يمكن ان تواجهكم كثيرة و لكن الفكرة واحدة سواء في بداية الوسم و اغلاق نهايتة و استكمال شروطة

و يسعدني دائما تقديم المساعدة .. 
لأي اخطاء تظهر لكم عند التعديل في القوالب الخاصة بكم ...

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

شكرا لمتابعتكم ..

اقرء المزيد

تحميل قالب لعمل مركز رفع على مدونتك

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

اليوم اقدم لكم قالب رائع لانشاء مركز رفع على مدونك مثل المنتديات

فقط على مدونه مدون قالب رائع يستحق التجربه 

صوره من القالب

لتحميل القالب

ميديا فير

فى النهايه اتمنى انه يعجبكم

اقرء المزيد

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

بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله تعالى وبركاته ,

تحياتى لكم نتحدث اليوم عن طريقه لتغيير والتحكم فى تعديل هيدر المدونه اذا كنت تريد تغير مكان وضع الهيدر او تريد
التحكم فى حجمه او تريد تغير اى شئ ما فى الهيدر فلا تقلق هذه التدوينه قدمت من مدونه مدون لتتعلم منها افضل طريقه لفعل هذه.

سأقوم بشرح كيفية تغيير هيدر المدونة والتي يسميها البعض Logo المدونة :

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

·        تركيب هيدر المدونة عن طريق لوحة تحكم البلوقر

ادهب الى لوحة تحكم مدونتك|| تصميم || تحرير عناصر الصفحة

 ادهب الى تصميم || في اعلى الصفحة اظغط على تحرير|| رأس الصفحة|| ستظهر نافدة  مع عدة خيارات.

الخيار الاول :

يمكنك رفع صورة الهيدر من جهازك

 الخيار الثاني:

 وضع رابط لصورة الهيدر ان كنت رفعته من قبل على احد مواقع الرفع الصور.

يلزمك الان وضع علامة صح على الخيارات التالية :

·        اما ان تكون الصورة فوق عنوان المدونة

·        او تكون صورة الهيدر تحت العنوان والوصف

 وانا انصحك بالخيار الاول لكي لايؤثر دلك على مظهر تناسق الهيدر مع العنوان والوصف

في الأخير اضغط على حفظ .

·        تركيب الهيدر عن طريق تحرير Html

ابحث عن الكود التالي:

#header-wrapper {

هدا نمودج لكود الهيدر:

background: url(http://yourblog.com/image.png) ;

و استبدل وصلة الصورة بمكان الصورة التي صممتها.

ان قمنا بتركيب هيدر المدونة في بعض الاحيان تكون الصورة صغيرة ,لدا يتوجب علينا اضافة خلفية للهيدر  ودلك عن طريق الكود التالي:

background: #000000 url(http://www.site.com/image.png) no-repeat top right;

حيث تمثل الرموز التالية في الكود اعلاه ما يلي:

#000000 لون خلفية الهيدر

http://www.site.com/image.jpeg رابط صورة الهيدر

no-repeat لعدم تكرار الصورة في الهيدر

top right لتحديد مكان الصورة يمين او يسار 

وفي الاخر يمكنك  || حفظ القالب ||

هدا درس بسيط اتمنى ان يعجبك اخي الكريم.

اقرء المزيد

شرح ازالة شريط إظهار الرسائل ذات التسميات من مدونه مدون

السلام عليكم ورحمة الله تعالى وبركاته ،،،

 
في هدا الدرس ان شاء الله ساشرح لكم طريقة لمسح الرسالة المزعجة

اذا كنت صاحب مدونه وهذه الرساله تسبب لك ازعاج لك او للزوار الان مع مدونه مدون

يمكنك ازالتها بسهوله وابسط الطرق
" عرض أحدث المشاركات ذات التصنيف.عرض المشاركات الأقدم "
تابع معي الشرح :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

<b:includable   id='status-message'> <b:if cond='data:navMessage'> <div   class='status-msg-wrap'> <div class='status-msg-body'>   <data:navMessage/> </div> <div   class='status-msg-border'> <div class='status-msg-bg'> <div   class='status-msg-hidden'><data:navMessage/></div>   </div> </div> </div> <div style='clear: both;'/>   </b:if> </b:includable>

ثم قم بإستبداله بالكود التالي :

<b:includable  id='status-message'>  <b:if cond='data:navMessage'> <div>  </div> <div  style='clear: both;'/> </b:if>  </b:includable>

وهاكذا تكون قد حللت مشكل الرسالة المزعجة

اقرء المزيد

شرح مصور لمعرفه ركيب اداه البيج رانك لمعرفه ترتيب المدونه فى محرك البحث

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

لان اضف اداة البيج رانك في مدونتك و هي مهمة حتى يعرف الزوار مدى شهرة موقعك 

وتعريف ترتيبك فى محرك البحث وهى اضافه جيده حيث يعرف الزائر قوه ارشفه مدونتك فى

محركات البحث 

والان مع الشرح بالصور

كل ما عليك فعلة هو ان تدخل على الموقع

http://www.prchecker.info 

الان مع الصور

انتهى بحمد لله ارجو ان اكون وفقت فى شرحى

اقرء المزيد

مدونه مدون خدمه اطلب تصميمك

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

الان مدونه مدون تقدم لكم خدمه اطلب تصميمك مجانا 

لاصحاب المدونات فقط بمعنى تصميم هيدر بنر اعلانى الخ الخ...

التصميمات الذى سيتم الانتهاء من تصميمها ستعرض على صفحه المدونة

صفحه المدونة عبر الفيس بوك

مدوة وقت التصميم لا تزيد عن ثلاث ايام باذن الله 

وهذا يعتمد على نوع التصميم اذا حدث اى تاخير تزيد عن المده المذكور اعلاه 

فهذا باسباب خارجه عن ارادتى .

ملحوظه:وضع اسم المدونه مع ابعاد الهيدر اذا كنت لا تعرف الابعاد جيدا اترك رابط مدونتك.

عفوا تم إغلاق الخدمه حتى إشعار آخـــر(24/11/2012)

اقرء المزيد

اضافة ايقونات تابعني على المواقع الاجتماعية مع الاشتراك بشكل رائع

لتركيب الاضافة ادخل الى لوحة التحكم ثم تخطيط ثم اضافة اداة HTML\JavaScrpt

ثم اضف الكود التالي مع التعديلات

<style type="text/css">
img.beintouch:hover {
    background: none repeat scroll 0 0 #D6D6D6;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #565656;
}
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqP0ijHEady8Ec83u9Nd2UN3wxNHZMrMSN9CHrhVH2Z_rylUjyDU6MXhJHBRi6wUjgQLyoz_UNfawpEitMfnx6d150msA5vmoEYASdi8it4kRfAoq3vpMG-iFXCBaOXIk1kekyqzuW3qk/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px #CCCCCC inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 176px;
}
.ebutton {
    background: -moz-linear-gradient(center top , #FBFBFB 0%, #F4F4F4 100%) repeat scroll 0 0 #ABAB12;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #444444;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
}
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/iraqshop1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj05eosYwamlofGSHM09XMsR91b6a9sLPBVT8pBqJruMXJpoQFFpYj8ye9VSNH8wbX3NfzS_xxymrseE4ErCzh1ihVxOKGTNIXTkvsBytShM5sTNbDl9YORX6bKB2luI33KGyC_2VCsFOM/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/iraqshop1/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLQ9krOLjXCGR5t4hqyRNtAHS4BPqyhnf5EHE0EDi01T-n35MlfY1QRbhTcgBexcWQ-2fEQCLXCeouheUs0wkOtHqu4uL7WTOp2GMz_xZg81ll49HOcdJT0HFhcidlLBuLYwRMkg5iNQ4/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/iraqshop1" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitP4wDHY36uspeONdy391wftdgnE4dxLNistrlSP0hyphenhyphenU9jn8G64CZmRzVGeDVllLqBNJwF38fXIhib2sCobYTLUWpeKSQImmw_MXExQkEsu3w_LXt1l0W-XiOgGo8tfsht43ItOIFffc8/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://www.justnaira.com"></a></td></tr></tbody></table>
<div>اضف بريدك  ليصلك جديدنا</div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=iraqshop1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="iraqshop1" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form> 

احفظ الاداة مع تغير iraqsop1 لصفحاتك على تويتر وفيس بوك وفيدبنر 
اذا ترغب بتغير عرض الصندوق  width="317px
اذا ترغب بتغير الجملة اعلى اضافة البريد الالكتروني اضف بريدك  ليصلك جديدنا

اقرء المزيد

إضافة الـ meta tags أوما يعرف باكلامات الدلاليه لتحسين الارشفه

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

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

او ما يعرف باكلامات الدلاليه ننصحك بالاهتمام(مدونه مدون) لانها تحسن من ارشفه مدونتك

• ماهي هذه الميتا تاغ ؟
  الـ Meta tags أو (العلامات الوصفية) هي عبارة عن مصطلحات، كلمات، أوصاف أو نعوت (اختر التي تعجبك) هذا بالمختصر المفيد
• ما عملها ؟ وما فائدتها ؟
  ماشي، عملها يتمثل في تقديم وصف مختصر في بضعة ألفاظ لبنية موقعك (أقصد محتواه) ذلك أن نقول :
  الميتا تاغز (تخبر) محركات البحث أمثال [google,yahoo...] عن ماهية موقعك وما يتم تناوله فيه وهذا سينعكس ايجابا على مدونتك أو موقعك لأنه يعمل على تقوية أرشفة موقعك ورفع ترتيبه في محركات البحث .
• إن إضافة الــ meta tags لها أهمية كبيرة في [Search Engine Optimization] أي [تهيئة المواقع لمحركات البحث] 
• الــ meta tags تسمح لمحركات البحث بدخول صفحات موقعك بسرعة ودقة وبفاعلية أكبر.
• الـ meta tags تتواصل مع محركات البحث مقدمة وصفا لموقعك .

شرح طريقة التركيب
من لوحة تحكم مدونتك ثم تصميم ثم تحرير html ثم ابحث عن هذا الكود

<head>

ثم اضف هذا الكود بعده مباشرة

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='ضع هنا تعريفا مختصرا لمدونتك' name='description'/>
<meta content='ضع هنا الكلمات الأكثر رواجا في مدونتك و افصل بينها بفاصلة' name='keywords'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='اسم كاتب المدونة' name='author'/>
<meta content='ar' name='language'/>
<meta content='بلد الإقامة' name='country'/>
</b:if>

والان غير ما فى الكود لكى يتناسب مع مدونتك

اقرء المزيد

شرح وضع خلفيه ثابته بجوانب المدونه

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

شرح

قم الأن بالضغط على زر تحرير HTML

ضع علامة على خاصية توسيع القالب :

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

الأن ابحث عن هذا الكود :

body{
background

ملحوظة قد لا تجد هذا الكود بهذا الشكل قد يكون بهذا الشكل

body{background

فى كلتا الحالات لا يوجد اى فرق بينهما وستجد هذا الكود قبل
  /* Header------------------------------------*/
الان تم الوصول الى الكود المطلوب وهو body{background
ماذا نفعل الأن ؟
ستجدون رابط صورة بجانب الكود الذى بحثنا عنه على سبيل المثال بهذا الشكل :

url(https://lh3.googleusercontent.com/-NByqFvotUis/T-zTPH6yPeI/AAAAAAAAAcM/bJkklgCBbQU/h120/black.gif)

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

url(https://lh3.googleusercontent.com/-NByqFvotUis/T-zTPH6yPeI/AAAAAAAAAcM/bJkklgCBbQU/h120/black.gif) fixed

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

فى الاخير لن اقول غير لا خير فى كاتم علم واذا واجهتك اى مشكلة او اى استفسار ضع لى رد واتمنى لكم التوفيق .

اقرء المزيد