كيف تقوم بإظهار أي صورة من إختيارك على مختلف شاشات الأجهزة بسهولة !!

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

شرح التركيب : 

1-  قم بالدخول إلى تحطيط مدونتك ثم قم بإضافة أداة قائمة الروابط فى المكان الذى تريده وهى على هذا الشكل .

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

3- قم الأن بالبحث عن هذا الوسم  ]]></b:skin> فى قالب مدونتك ثم قم بوضع الكود التالى فوقه ( قبله ) .

#LinkList1 ul { list-style: outside none none; margin: 0; padding: 0; } #LinkList1 li a { background-color: #F74047; box-shadow: 0 1px 0 4px #fff; color: #fff; display: block; height: 40px; line-height: 40px; margin-bottom: 5px; text-align: center; text-decoration: none; transition: all 0.7s ease 0s; font-family: Electrolize,ge_dinar_tworegular; font-weight: 100; } #LinkList1 li a:before { content: '\f122'; font-family: FontAwesome; font-style: normal; font-weight: normal; right: 0; float: right; color: #FFF; background: #456B8E; padding-left: 7px; padding-right: 7px; transition: all 0.3s linear; } #LinkList1 li a:after { content: ''; margin-top: 10px; border: 10px solid transparent; border-right-color: #456B8E; float: right; } #LinkList1 li a:hover { background-color: #456B8E; } #LinkList1 li a:hover:before { padding-left: 17px; padding-right: 17px; transition: all 0.3s linear; content: '\f135'; font-family: FontAwesome; background: #F74047; } #LinkList1 li a:hover:after { content: ''; margin-top: 10px; border: 10px solid transparent; border-right-color: #F74047; float: right; }

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

4- خطوة اخيرة في الإضافة وهى لكيفية فتح أداة قائمة الروابط فى صفحة جديده سوف تستخدم كود بسيط لعمل هذا الأمر هذا الكود هو target='_blank' الكود يتم وضعه كما بالصورة التالية تقوم بالبحث عن معرف الأداة التى تكلمني عن فى أول الموضوع وسوف يظهر لك كما بالصورة تقوم بوضع الكود الخاص بفتح الروابط فى صفحة جديدة كما فى الصورة .

كان هذا كل شئ في هذا الموضوع أن واجهتك مشكلة فى التركيب فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)