آخر التدوينات

مجموعة راندرات للاعب محمد صلاح

مجموعة راندرات للاعب محمد صلاح

السلام عليكم ورحمة الله وبركاتة
مرحباً بكم إخواني الكرام نأسف للإنقطاع عن التدوين فى الفترة السابقة بسبب ظروف خاصة بي .
نوفر لك 28 راندر للاعب الشهير والمحبوب (محمد صلاح) راندرات متنوعة والرندرات متوفرة وهو فى 3 اندية التي تم الإنتقال إليها.

معاينة لكل الصور
mediafire         مركز up-00
طريقة عمل تصنيفات المدونة فى قائمة منسدلة

طريقة عمل تصنيفات المدونة فى قائمة منسدلة

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

تابع معنا الشرح :-
  1. سنقوم بالبحث عن هذا الوسم  ]]></b:skin> وتضع فوقة الكود التالي
/* Dropdown Label */
.dropmedown select {
    outline: none;
    cursor: pointer
}
.dropmedown {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
    color: #444
}
.dropmedown:before,
.dropmedown:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 13px;
    right: 12px;
    width: 0;
    height: 0;
    line-height: 36px;
    border: 4px dashed;
    border-color: #888 transparent;
    pointer-events: none
}
.dropmedown:before {
    border-bottom-style: solid;
    border-top: none
}
.dropmedown:after {
    margin-top: 8px;
    border-top-style: solid;
    border-bottom: none
}
.dropdown-select {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 6px 8px 6px 10px;
    height: 36px;
    line-height: 18px;
    font-size: 12px;
    color: #62717a;
    text-shadow: 0 1px #fff;
    background: #f2f2f2;
    background: rgba(0, 0, 0, 0)!important;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none
}
.dropdown-select>option {
    margin: 3px;
    padding: 6px 8px;
    text-shadow: none;
    background: #f8f8f8;
    outline: none;
    border: 0;
    border-radius: 3px;
    cursor: pointer
}

* سنفوم بالبحث عن هذا الكود او إبحث عن جزء منه حتي تجده سيكون يهذا الشكل 
<ul>
  <b:loop values='data:labels' var='label'>
    <li>
      <b:if cond='data:blog.url == data:label.url'>
        <data:label.name/>
        <b:else/>
        <a expr:href='data:label.url'>
          <data:label.name/>
        </a>
      </b:if>
      (
      <data:label.count/>)
    </li>
  </b:loop>
</ul>

شاهد الصورة التالية :-
* عندما تجد الكود المشار عليه سابقاً والمحدد ايضا فى الصورة السابقة ستقوم بإستبداله بهذا الكود 
<div class="dropmedown">
<select  class="dropdown-select" onchange='location=this.options[this.selectedIndex].value;'>
  <option> إبحث بالأقسام </option>
  <b:loop values='data:labels' var='label'>
    <option expr:value='data:label.url'>
      <data:label.name/> (
      <data:label.count/>)
    </option>
  </b:loop>
</select>
</div>

"ستقوم بحفظ القالب"    أي إستفسار ضعه فى التعليقات
 تحميل أرقي الخلفيات عالية الدقة

تحميل أرقي الخلفيات عالية الدقة

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

مجموعة خامات فى غاية الأناقة

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

تحميل خط Cornerstone الأنيق

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

صور stock عالية الجودة الجزء الأول

صور stock عالية الجودة الجزء الأول

السلام عليكم ورحمة الله وبركاتة / كيفكم إخوانى الكرام اتمنى ان تكونوا بأفضل حال أعتذر عن الفترة السابقة بسبب انقطاعى بسبب ظروف خاصة بى فى هذة التدوينة اعرض عليكم 15 خلفية للفوتوشوب عالية الجودة للمصممين جاهزين للإستخدام الجزء الأول حمل الملف الآن 😏
 
كولكشن خلفيات متنوعة 2016

كولكشن خلفيات متنوعة 2016

السلام عليكم ورحمة الله وبركاتة 
 متابعينا الكرام إذا كنت من المهتمين بكل جديد بالنسبة للخلفيات لجهازك حمل الآن مجموعة خلفيات جديدة 2016 متنوعة و بمقاسات مختلفة تناسب جميع الأجهزة حقاً كولكشن رائع مناسب للجميع لانه كما ذكرنا يحتوى على مجموعة صور متنوعة .
- عدد الخلفيات : 232       
 - حجم الملف : 162.7 MB
خلفيات شهر رمضان الكريم 2016

خلفيات شهر رمضان الكريم 2016

السلام عليكم ورحمة الله وبركاتة 
بمناسبة شهر رمضان الكريم أعاده الله علينا وعليكم بالخير وعلى الأمة العربية والإسلامية بكل خير وامان إختارنا لك 26 خلفية خاصة بالشهر الكريم إحترافية وبجودة ودقة عالية الخلفيات رائعة وجديدة لا تفوتك .
مخطوطات وخلفيات 2016 بمناسبة شهر رمضان EPS

مخطوطات وخلفيات 2016 بمناسبة شهر رمضان EPS

شهر رمضان المبارك اعاده الله علينا بالخير والبركات فهو شهر للصيام والقيام وحسن العبادات وفيه تفتح أبواب الجنان وتغلق أبواب النيران وبهذة المناسبة الكريمة نقدم لك مخطوطات شهر رمضان الكريم + صور ستوكات بجودة عالية جداً وبدقة إحترافية بصيغة EPS والآن لمشاهدة الملحق و للتحميل .
مخطوطات شهر رمضان الكريم


تحميل الصـــــــــور
طريقة وضع خلفية للنص داخل المواضيع

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

بسم الله الرحمن الرحيم / السلام عليكم ورحمة الله وبركاتة
دروس عديدة لتخصيص التدوينة / الموضوع فى مدونات بلوجر سنشرح الآن كيفية إضافة خلفية للنص / صورة داخل مواضيع بلوجر إضافة كود بسيط جداً لإضافة خلفية للنص من خلال تستطيع تخصيص الخلفية كيفما شئت والآن تابع الشرح .
  1. قم بكتابة موضوع جديد عادى جداً ولكن إختر محرر HTML التدوينة مثل الصورة التالية 
 
 * ستستخدم الكود التالى إذا كنت تريد خلفية لون فقط ولمزيد من اكواد الالوان قم بزيارة هذة الصفحة من هنا
    <div style="background-color: #444; color: #fff; padding: 10px;">ضع النص الخاص بك هنا</div>
* وهذا الكود إذا كنت تريد وضع صورة كخلفية للنص 
    <div style="background: url(رابط الصورة هنا); background-size: cover; color: #000; padding: 10px;">النص الخاص بك هنا </div>
صورة توضح كيفية وضع الخلفية من محرر التدوينة


حل مشكله No data فى تصنيف موقعك لدى اليكسا

حل مشكله No data فى تصنيف موقعك لدى اليكسا

بسم الله الرحمن الرحيم
مرحباً بكم إخوانى الكرام مشكله بسيطة وشائعة لدى البعض وهو عند إضافة مربع إحصائيات اليكسا تجد عبارة No data” أو “No rank ولا يوجد اى إحصائيات لحل هذة المشكله عليك بالتسجيل بالموقع لان هذة المشكله هى لا يوجد بيانات لدى اليكسا لتصنيف موقعك فيتوجب عليك التسجيل وتقديم بيانات موقعك كاملاً حتى يظهر ترتيب موقعك لا اليكسا تقوم من حين لآخر بتحديث بيانات موقعك لكى تظهر الإحصائيات بشكل أدق ايضا عند تعبئة البيانات الخاصة بموقعك يجب تحديد بلدك حتى يظهر اليكسا ترتيب موقعك محلياً .
فقط هذة حل المشكله وهى تقديم بيانات كافية لدى اليكسا كيفية التسجيل بموقع اليكسا بالطريقة الجديدة سيتم شرحها لاحقاً بامر الله
طريقة إزالة التمدد فى قوالب بلوجر

طريقة إزالة التمدد فى قوالب بلوجر

السلام عليكم ورحمة الله وبركاتة
نتحدث اليوم عن مشكله تحدث عند البعض عند تركيب بعض قوالب بلوجر وهى " تمدد القوالب " بمعنى تكون مساحة فارغة بالجنب أو يكون جزء من المدونة وهذا ما سنوضحة من خلال هذة التدوينة البسيطة حل هذة المشكله بسيط جداً وهو إضافة كود بسيط جداً لكى تختفى هذة المشكلة : إبحث عن هذا الوسم ]]></b:skin> وضع الكود التالى قبله / أعلاه
 html {overflow-x: hidden;} 
- ولكن بعض القوالب تظهر الزيادات بشكل مختلف يعنى يكون جزء من محتوى المدونة نفسه خارج عرض الشاشة لديك وفى مثل هذة الحالة فإن المشكله ليست كما قلنا من قبل ولكن يحتاج للتعديل البسيط على القالب شاهد الصورة التالية : -
  •  شاهد الصورة السابقة لأحد المدونات القالب به 2 سيد بار + المحتوى الجزء المحدد باللون الأحمر مساحة كبيرة وعلى اليسار السيد  بار لم يظهر كاملاً ليست المشكله بالسيد بار 2 ولكن فى تقليص المساحة فى هذة المشكله تحتاج لتقليل المساحة قليلاً تقليل عرض المواضيع أو السيد بار بالجهة اليسرى .
شكراً لكم وأتمنى التوفيق للجميع
موك أب تاثير على النص مع شرح التعديل

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

السلام عليكم ورحمة الله وبركاتة
إذا كنت ممن تبحث عن طريقة سهلة وبسيطة لكتابة إسمك بشكل لطيف إذن عليك بتحميل هذا الملف psd موك اب إحترافى جاهز للتعديل عليه كما تشاء + فيديو بسيط لشرح طريقة التعديل.
بوستر إحترافى جاهز للتعديل

بوستر إحترافى جاهز للتعديل

 السلام عليكم ورحمة الله وبركاتة ...التصميمات مفتوحة المصدر اصبحت توفر لك الوقت والجهد وخصوصا إذا كنت بسيط فى إستخدامك لبرامج التصميم لذلك نقدم لك بوستر إعلانى تصميم أنيق وإحترافى وجزاب جاهز للتعديل psd موك اب حمله الآن من هادي ستور فقط.
جميع الحقوق محفوظة © 2017 - 2014| مدونة هادى ستور