تسجيل الدخول

طلب شرح طريقة عمل الخيارات في المواضيع ( يوجد صوره )

الموضوع في 'ركن طلبات المنتديات' بواسطة almql3, بتاريخ ‏17-09-2013.

  1. almql3

    almql3 :: عضو ::
    rank

    إنضم إلينا في:
    ‏09-02-2013
    المشاركات:
    153
    الإعجابات المتلقاة:
    45
    الجنس:
    ذكر
    السلام عليكم ورحمة الله وبركاته

    كيف الحال اخواني

    بصراحه فيه حركه اعجبتني وحاب منكم تدلوني عليها

    [​IMG]

    كيف اعمل مثل هالحركه

    المثال موجود هنا

    http://www.xf-ar.com/t/756/
    موفقين
    'gf avp 'vdrm ulg hgodhvhj td hgl,hqdu ( d,[] w,vi )
     
  2. Turkialawlqy

    Turkialawlqy xDeveloper

    إنضم إلينا في:
    ‏01-02-2012
    المشاركات:
    1,839
    الإعجابات المتلقاة:
    1,335
    الجنس:
    ذكر
    الإقامة:
    شبوة
    وعليكم السلام

    أخي العزيز بامكانك تطبيق هذه الحركة بوضع الكود التالي في قالب EXTRA.css

    كود HTML:
    .message ol{
        counter-reset: li; /* Initiate a counter */
        list-style: none; /* Remove default numbering */
        *list-style: decimal; /* Keep using default numbering for IE6/7 */
        font: 15px 'trebuchet MS', 'lucida sans';
        padding: 0;
        margin-bottom: 4em;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
    }
    
    .message ol ol{
        margin: 0 0 0 2em; /* Add some left margin for inner lists */
    }
    .message .baseHtml ol li {
    position: relative;
        display: block;
        padding: .4em .4em .4em 2em;
        *padding: .4em;
        margin: .5em 0;
            background: #ddd;
        color: #444;
        text-decoration: none;
        border-radius: .3em;
        transition: all .3s ease-out;
    }
    .message .baseHtml ol li hover{
        background: #eee;
    }
    .message .baseHtml ol li:hover:before{
        transform: rotate(360deg);
    }
    .message .baseHtml ol li:before {
        content: counter(li);
        counter-increment: li;
        position: absolute;
        left: -1.3em;
        top: 50%;
        margin-top: -1.3em;
        background: #87ceeb;
        height: 2em;
        width: 2em;
        line-height: 2em;
        border: .3em solid #fff;
        text-align: center;
        font-weight: bold;
        border-radius: 2em;
        transition: all .3s ease-out;
    }
    .message .baseHtml ul li {
    position: relative;
        display: block;
        padding: .4em .4em .4em 2em;
        *padding: .4em;
        margin: .5em 0;
            background: #ddd;
        color: #444;
        text-decoration: none;
        border-radius: .3em;
        transition: all .3s ease-out;
    }
    .message .baseHtml ul li hover{
        background: #eee;
    }
    .message .baseHtml ul li:hover:before{
        transform: rotate(360deg);
    }
    .message .baseHtml ul li:before {
        content: '*';
        position: absolute;
        left: -1.3em;
        top: 50%;
        margin-top: -1.3em;
        background: #87ceeb;
        height: 2em;
        width: 2em;
        line-height: 2em;
        border: .3em solid #fff;
        text-align: center;
        font-weight: bold;
        border-radius: 2em;
        transition: all .3s ease-out;
    }
    موفق خير
     
    أعجب بهذه المشاركة sami31dz
  3. almql3

    almql3 :: عضو ::
    rank

    إنضم إلينا في:
    ‏09-02-2013
    المشاركات:
    153
    الإعجابات المتلقاة:
    45
    الجنس:
    ذكر
    بيض الله وجهك اخوي تركي

    تم بنجاح

    والحمد لله على السلامه

    نورت المنتدى اخوي

    من زمان عن الاضافات والتعديلات والجديد ولا يهون الجميع

    موفق
     
  4. Turkialawlqy

    Turkialawlqy xDeveloper

    إنضم إلينا في:
    ‏01-02-2012
    المشاركات:
    1,839
    الإعجابات المتلقاة:
    1,335
    الجنس:
    ذكر
    الإقامة:
    شبوة
    وجهك ابيض اخي عبدالرحمن
    والله يسلم قلبك يالغالي شاكر ومقدر
     
جاري تحميل الصفحة...