hossam123

hossam

المواضيع الأخيرة
» كود وضع حقوق نصية اسفل المنتدى لمصممي الاستايلات
من طرف Admin الخميس يناير 04, 2018 2:38 pm

» [ Css ] حصرى كود css وضع صورة بجانب المجموعات
من طرف Admin الخميس يناير 04, 2018 2:35 pm

» جميع القنوات المجانية والمشفرة بين يديك وبأنترنت ضعيفة
من طرف Admin الثلاثاء نوفمبر 28, 2017 8:10 am

» افضل تطبيق اندرويد يمكن استخدامه للمراقبة والتجسس
من طرف Admin الجمعة أكتوبر 13, 2017 10:35 pm

» تطبيق KMPlayer Pro 2.1.0 المدفوع للاندرويد [اخر اصدار]
من طرف Admin الأربعاء نوفمبر 02, 2016 6:53 pm

» تطبيق MX Player Pro v1.8.9 المدفوع افضل برنامج مشاهده فديوهات وتنزيل ترجمه الافلام ايضا للاندرويد [اخر اصدار]
من طرف Admin الأربعاء نوفمبر 02, 2016 6:10 pm

» تطبيق مسجل الفيديو السري Secret Video Recorder Pro v1.2.3.0 مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:16 am

» تطبيق تسريع الهاتف Phone Speed Booster Pro v1.5 مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:15 am

» تطبيق Photo Mate R2 v4.2.3 للتعديل الصور مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:11 am

» تطبيق Chrooma Keyboard - Emoji PRO v3.0.1 مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:10 am

» تطبيق Floating Apps (multitasking) v3.6.8 مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:09 am

» تطبيق Retrica Pro v3.4.1 للانشاء تاثيرات رائعة على صورك النسخة المدفوعة مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:08 am

» تطبيق تحرير النصوص VLk Text Editor PRO v1.8.5 النسخة المدفوعة مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:07 am

» تطبيق Adobe Photoshop Express Premium v3.1.42 لمعالجة الصور النسخة المدفوعة للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:06 am

» تطبيق تحرير الصوت Voice PRO - HQ Audio Editor v3.3.16 النسخة المدفوعة مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:05 am

تحميل جي بي واتساب 4.05 و واتساب بلس بميزة ترجمة الرسائل – تحديث

الأربعاء فبراير 24, 2016 8:21 am من طرف Admin

[url=http://arabitechnomedia.com/wp-content/uploads/2016/02/Untitled-1-3.jpg][img(696px,348px):10bf]…[/img(696px,348px):10bf]


تعاليق: 1



طريقة تغيير شكل الملاحظات في بلوجر [2015]

 :: دعم منتديات احلى منتدى :: اكواد CSS

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

طريقة تغيير شكل الملاحظات في بلوجر [2015] Empty طريقة تغيير شكل الملاحظات في بلوجر [2015]

#172
Admin
Admin
Admin
Time Online : 1d 20h 25m 49s
عدد المساهمات : 279
تاريخ التسجيل : 04/07/2011
https://hossam123.mam9.com

مُساهمةAdmin الثلاثاء أغسطس 25, 2015 6:12 pm

السلام عليكم ورحمة الله وبركاته
أهلا بكم زوار مدونتي ومتابعينها
أقدم لكم اليوم طريقة لتغيير شكل الملاحظات في مدونات بلوجر
وذلك عن طريق بعض الأكواد من تصميم مدونة مدون
وهذه الأكواد تغير شكل الملاحظات والتنبيهات في مدونة بلوجر وتحولها إلي شكل رائع وجديد وحصري Smile
مثال
طريقة تغيير شكل الملاحظات في بلوجر [2015] Alert%2BMessage%2BNew


الكود:
#mudwnp1 {
    margin: 3px -15px 3px 0px;
    color: #fff;
    font: 15px Droid Arabic Kufi,tahoma;
    padding: 8px 67px 0px 0;
    height: 28px;
    width: 100%;
    background: #2c3e50 url(https://dl.dropboxusercontent.com/s/xl45xxg9slpspas/1-1.png) no-repeat 100% 0px;
    text-align: right;
    transition: 1s;
    overflow: hidden;
    }
    #mudwnp1:hover {
    background: #00a8ad url(https://dl.dropboxusercontent.com/s/xl45xxg9slpspas/1-1.png) no-repeat 100% 0px;
    color: #fff;
    transition: 1s;
    }
    #mudwnp2 {
    margin: 3px -15px 3px 0px;
    color: #fff;
    font: 15px Droid Arabic Kufi,tahoma;
    padding: 8px 67px 0px 0;
    height: 28px;
    width: 100%;
    background: #2c3e50 url(https://dl.dropboxusercontent.com/s/yt79n12nlp678d2/2-2.png) no-repeat 100% 0px;
    text-align: right;
    transition: 1s;
    overflow: hidden;
    }
    #mudwnp2:hover {
    background: #ab2e2e url(https://dl.dropboxusercontent.com/s/yt79n12nlp678d2/2-2.png) no-repeat 100% 0px;
    color: #fff;
    }
    #mudwnp3 {
    margin: 3px -15px 3px 0px;
    color: #fff;
    font: 15px Droid Arabic Kufi,tahoma;
    padding: 8px 67px 0px 0;
    height: 28px;
    width: 100%;
    background: #2c3e50 url(https://dl.dropboxusercontent.com/s/oukzfti8dlazvra/4-4-4.png) no-repeat 100% 0px;
    text-align: right;
    transition: 1s;
    overflow: hidden;
    }
    #mudwnp3:hover {
    background: #788081 url(https://dl.dropboxusercontent.com/s/oukzfti8dlazvra/4-4-4.png) no-repeat 100% 0px;
    color: #fff;
    }
    #mudwnp4 {
    margin: 3px -15px 3px 0px;
    color: #fff;
    font: 15px Droid Arabic Kufi,tahoma;
    padding: 8px 67px 0px 0;
    height: 28px;
    width: 100%;
    background: #2c3e50 url(https://dl.dropboxusercontent.com/s/h39m03t19p7cnp7/5-5-5.png) no-repeat 100% 0px;
    text-align: right;
    transition: 1s;
    overflow: hidden;
    }
    #mudwnp4:hover {
    background: #f39c12 url(https://dl.dropboxusercontent.com/s/h39m03t19p7cnp7/5-5-5.png) no-repeat 100% 0px;
    color: #fff;
    }
    #mudwnp5 {
    margin: 3px -15px 3px 0px;
    color: #fff;
    font: 15px Droid Arabic Kufi,tahoma;
    padding: 8px 67px 0px 0;
    height: 28px;
    width: 100%;
    background: #2c3e50 url(https://dl.dropboxusercontent.com/s/ayfajdkngi7377r/3-3.png) no-repeat 100% 0px;
    text-align: right;
    transition: 1s;
    overflow: hidden;
    }
    #mudwnp5:hover {
    background: #27ae60 url(https://dl.dropboxusercontent.com/s/ayfajdkngi7377r/3-3.png) no-repeat 100% 0px;
    color: #fff;
    }
    #mudwnp6 {
    margin: 3px -15px 3px 0px;
    color: #fff;
    font: 15px Droid Arabic Kufi,tahoma;
    padding: 8px 67px 0px 0;
    height: 28px;
    width: 100%;
    background: #2c3e50 url(https://dl.dropboxusercontent.com/s/qhfqjdpch23lvyu/6-6.png) no-repeat 100% 0px;
    text-align: right;
    transition: 1s;
    overflow: hidden;
    }
    #mudwnp6:hover {
    background: #278879 url(https://dl.dropboxusercontent.com/s/qhfqjdpch23lvyu/6-6.png) no-repeat 100% 0px;
    color: #fff;
    }
    #mudwnpd2 a {
    background: #FCB151;
    box-shadow: 0 4px 0 #EB911E;
    padding: 12px 25px;
    margin: 4px;
    text-align: center;
    font: normal 15px Droid Arabic Kufi;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.5s;
    }
    #mudwnpd2 a:hover{
    background: #ccc;
    box-shadow: 0 4px 0 #aaa;
    transition:0.5s;
    }
    #mudwnpd2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 12px;
    margin-top: 8px;
    }
    #mudwnpd a {
    padding: 12px 25px;
    margin: 7px;
    text-align: center;
    font: normal 15px Droid Arabic Kufi;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.5s;
    background: #7EB3EC;
    box-shadow: 0 4px 0 #6B97C7;
    }
    #mudwnpd a:hover{
    background: #ccc;
    box-shadow: 0 4px 0 #aaa;
    transition:0.5s;
    }
    #mudwnpd {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 12px;
    margin-top: 8px;  }

الكود:
<div id="mudwnp1">
هذا النص هو مثال لنص يمكن ان يستبدل في نفس المساحة</div>


<div id="mudwnp2">
هذا النص هو مثال لنص يمكن ان يستبدل في نفس المساحة</div>


<div id="mudwnp3">
هذا النص هو مثال لنص يمكن ان يستبدل في نفس المساحة</div>


<div id="mudwnp4">
هذا النص هو مثال لنص يمكن ان يستبدل في نفس المساحة</div>


<div id="mudwnp5">
هذا النص هو مثال لنص يمكن ان يستبدل في نفس المساحة</div>


<div id="mudwnp6">
هذا النص هو مثال لنص يمكن ان يستبدل في نفس المساحة</div>

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

مواضيع مماثلة
» طريقة وضع روابط في الواجهة غير الفلاشية
»  طريقة عمل نافذة تظهر لتاكيد الخروج
» طريقة تسريع الهاتف ونظام اندرويد لولي بوب – لاحظ الفرق
» طريقة تثبيت 7 تطبيقات واتساب بلس على جهاز واحد – +Extreme WhatsApps

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

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


تسجيل الدخول

hossam123 :: دعم منتديات احلى منتدى :: اكواد CSS

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
©phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع