جديد المواضيـــع
انتظر تحميــل المواضيـع...

تابعنا على الفيس بوك

قد يهمك أيضا

i

حكمة اليوم منار الغد

السبت، 27 ديسمبر 2014

تغيير شكل قائمة ذات التعداد الرقمي لبلوجر بشكل احترافي Digital census blogger

http://net-piont2013.blogspot.com/2014/10/digital-census-blogger.html


السلام عليكم ورحة الله وبركاته اليوم عندنا اضافة جميلة للمدونات بلوجر عملت الموضوع وهو طلب من احد اعضاء المدونةوهي تغيير شكل قائمة ذات التعداد الرقمي لبلوجر بشكل احترافي Digital census blogger بحيث يكون شكل اكثر احترافية واكثر جمالا تابعوا كيفية اضافة لمواضيع مدوناتكم الاضافة اكيد راح تعجبكم بالنسبة للمعاينة معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر اذا اعجبتكم الاضافة ارجوا التعليق ولو بكلمة واحدة اذا اعجبتكم الاضافة ارجوا التعليق ولو بكلمة واحدة معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر معاينة من مدونة نت بوينت لاضافة التعداد الرقمي لبلوجر كيفية تركيب الاضافة قم بالذهاب للقالب ثم تحرير HTML واضف الكود التالي فوق ]]>
.sb .box_content{color: #A6A6A6;padding:10px;margin:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px} ol{counter-reset:li;list-style:none outside none;font:15px "trebuchet MS","lucida sans";padding:0;margin-right:-4px;margin-top:0;margin-bottom:0} ol{list-style:none outside none;font:15px "trebuchet MS","lucida sans"} ol ol{margin:0 2em 0 0} .rounded-list ol li:before { counter-increment: li; position: absolute; right: -1.3em; top: 50%; margin-top: -1.3em; height: 2em; width: 2em; line-height: 2em; border: 0.3em solid #227472; text-align: center; font-weight: bold; border-radius: 2em; transition: all 0.3s ease-out 0s; content: counter(li, decimal); background-color: #004543; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.9), 0px 0px 3px rgba(0, 0, 0, 0.9) inset; color: #FFF !important; font-family: a; } .rounded-list ol li { font-family: ge_dinar_tworegular; display: block; padding: 0.4em 2em 0.4em 0.4em; margin: 0.5em 0px; background: rgba(4, 19, 46, 0.43); color: #A6A6A6; text-decoration: none; border-radius: 0.3em; transition: all 0.3s ease-out 0s; position: relative; } .rounded-list ol li:hover:before{transform:rotate(360deg)} .rounded-list ol li:hover { background-color: #20606B; color: #FFF !important; } كيفية تغيير الالوان المودة في الاضافة اللون الوردي وهو الذي يحيط دائرة الرقم اللون السمائي وهو الذي يكون لون خلفية في الدائرة اللون الازرق وهو لون خط الرقم وهو ابيض اللون البرتقالي وهو لون خلفية الشريط للاضافة اللون الاصفر وهو لون خط الموجود في الشريط اللون الاحمر وهو لون خلفية الشريط بعد مرور الماوس عليها اللون الاخضر وهو نوع الخط غيره او اتركه بما يعجبك بعد ان اكلمت وانتهيت من شكل الاضافة من حيث الالوان ونوع الخط يمكنك الان حفظ النموذج وعندما تريد كتابة موضوع اضف الكود التالي

شارك الموضوع

أضف تعليقا باستعمال أحد ...