معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   شرح تخصيص نموذج التصويت المعتمد من بلوجر (https://www.bloggerexp.com/showthread.php?t=9836)

mdwan blog 09-15-2013 06:55 AM

شرح تخصيص نموذج التصويت المعتمد من بلوجر
 
بسم الله الرحمن الرحيم
الجميع يعلم نموذج التصويت المعتمد من بلوجر ولكن أيضا يوجد الكثير من الإعضاء لا يرضيهم الشكل لانه لا يعتمد على لغة الـ css وهو ما يتيح لك أن تظبط شكلها أكثر على مزاجك أنت مع هذا الشرح المقدم من مدونة مدون سوف تستطيع التعديل على الكود من خلال الـ css مما يتيح لك أن تتحكم به وكيف ما تحب .
أولاً سيتم وضع الأكواد الخاصة بالـ css فى القالب الخاص بك قبل هذا الوسم ]]></b:skin>
الكود الأول
/* Sidebar Content */
#Poll1{
background:#FFFF00;
border:3px solid #736AFF;
width:150px;
padding:0 10px;
}
لمن لا يعلم عن الـ css إليك بعض الملاحظات الأتية :
  • عندما تقوم بعمل تصويت ستقوم بلوجر بتسمية المعرف بـ Poll1 إذا كان لديك إثنان فسيكون رقم الأول والآخر Poll2 فلا بد أن تحدد تريد تغيير أى نموذج
  • لقد تم منحها لون الخلفية الصفرء ذلك عن طريق تغير هذا الكود (#FFFF00) يمكنك تغييرة إلى لون تريدة عن طريق كود اللون لمعرفتة يمكنك زياة هذة الصفحة أكواد الألوان
  • وهو حدود الإطار وذلك لونة سيكون #736AFF أم الـ 3px ذلك هو سمك الإطار كلما زاد زاد السمك
  • وهو إعطاء مساحة 10px للجوانب اليسار واليمين
بهذة الإعدادات فسيكون الشكل فى النهاية هكذا
التعديل الثانى سيكون على الخط بهذة الأكواد يمكنك التلاعب بالإعدادات لكى تناسبك
/* Sidebar Content */
#Poll1{
background:#FFFF00;
border:3px solid #736AFF;
width:150px;
padding:0 10px;
}
#Poll1 h2{
text-align:center;
font-size:140%;
color:#F87431;
font-family:arial;
font-weight:bold;
}
الجزء باللوان الأحمر هو الخاص بالتعديل على حجم ولون الخط

المصدر | مدونة مدوّن http://mdwanblog.blogspot.com/2013/0...#ixzz2ewSsiftB


الساعة الآن 09:32 PM

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012