كيفية جعل التسميات قائمة منسدله لبلوجر

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

كيفية جعل التسميات على شكل قائمة منسدله

وهذا هو الشكل بعد تركيب الاضافة ↙↙↙↙↙

كيفية جعل التسميات قائمة منسدله لبلوجر

لماذا نستخدم التسميات على شكل قائمة منسدله؟

لان قائمة التسميات العادية فى مدونتات بلوجر تاخذ مساحه كبيره من مدونة بلوجر

وخصوصا المدونات ذات التسميات الكثيره ولكن اليوم لن نعانى من المشكله مره اخرى

وايضا يكون شكل التسميات المنسدله جذاب وجميل وانيق لمدونة بلوجر؟

والان مع شرح التركيب

1- نذهب الى صفحة بلوجر الرئيسية

2- ندخل الى التخطيط

3- اضافة اداة

4- نختار اداة التسميات

ونضغط حفظ

↖↗↖↗↖↗↖↗↖↗↖↗↖↗↖↗

↙↘↙↘↙↘↙↘↙↘↙↘↙↘↙↘

وثانيا نذهب الى القالب

1- تحرير html

2- نضغط ctrl +f

ونبحث عن هذا الوسم

( ]]></b:skin> )

ونضع الكود التالى فوقه مباشرة

/* Dropdown Label */
.dropmedown select {
    outline: none;
    cursor: pointer
}
.dropmedown {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
    color: #444
}
.dropmedown:before,
.dropmedown:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 13px;
    right: 12px;
    width: 0;
    height: 0;
    line-height: 36px;
    border: 4px dashed;
    border-color: #888 transparent;
    pointer-events: none
}
.dropmedown:before {
    border-bottom-style: solid;
    border-top: none
}
.dropmedown:after {
    margin-top: 8px;
    border-top-style: solid;
    border-bottom: none
}
.dropdown-select {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 6px 8px 6px 10px;
    height: 36px;
    line-height: 18px;
    font-size: 12px;
    color: #62717a;
    text-shadow: 0 1px #fff;
    background: #f2f2f2;
    background: rgba(0, 0, 0, 0)!important;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none
}
.dropdown-select>option {
    margin: 3px;
    padding: 6px 8px;
    text-shadow: none;
    background: #f8f8f8;
    outline: none;
    border: 0;
    border-radius: 3px;
    cursor: pointer
}

وثالثا نبحث عن هذا الكود او جزء منه للحصول على تكملته

ونستبدله بالكود التالى

وبكده اقولك مبروك عليك الاضافة
لو فى اى مشكله واجهتك اترك لى تعليق وساساعدك باذن الله
#انتكا

اخر الاخبار شروحات بلوجر نصائح المدون

كيفية جعل التسميات قائمة منسدله لبلوجر

كيفية جعل التسميات على شكل قائمة منسدله

لماذا نستخدم التسميات على شكل قائمة منسدله؟

hisham mustafa

انا هشام اسمي هشام عايش هشام نايم هشام باكل هشام بشرب هشام

اترك تعليقك Hide comment