اود معرفة فعل هذا

3 مشترك

اذهب الى الأسفل

تم الحل اود معرفة فعل هذا

مُساهمة من طرف زائر الأربعاء 20 ديسمبر 2017 - 18:40

اهلا اود طريقة لجعل الاقسام تبدوا هكذا
اود معرفة فعل هذا 15
Anonymous
زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: اود معرفة فعل هذا

مُساهمة من طرف HoSsAm MeRhE الخميس 21 ديسمبر 2017 - 19:58

HoSsAm MeRhE
HoSsAm MeRhE
 
 

ذكر
عدد المساهمات : 225
معدل النشاط : 2802
السُمعة : 0

http://www.tajer3araby.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: اود معرفة فعل هذا

مُساهمة من طرف زائر الجمعة 22 ديسمبر 2017 - 9:34

لللاسف لا تظهر مثل مبتغاي
Anonymous
زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: اود معرفة فعل هذا

مُساهمة من طرف وهبة الساحر الأحد 24 ديسمبر 2017 - 21:54

مرحبا 

هل يمكنك تجربة هذه الرموز لتفعيل هذا الامر لك .. المرجوا اتباع التالى بدقة 
اود معرفة فعل هذا Uo_ouo10
طريقة تركيب الكود : 

لوحة الإدارة >> مظهر المنتدى >> التومبيلات و القوالب >> إدارة عامة >> نضغط تعديل اود معرفة فعل هذا Editer على قالب index_box


نبحث عن هدا الكود : 

الكود:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
ونستدبلها بالكود التالي : 


الكود:
<span class="sub4r stat4r">{catrow.forumrow.LINKS}</span>

نضع هذا الكود فى ورقة الـ CSS

الكود:
@media only screen and (min-width: 480px)

.subLink {

    border: 1px solid #e7e7e7;

    border-radius: 3px;

    background: #fff;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);

    box-shadow: 0 1px 1px rgba(0,0,0,.1);

    position: absolute;

    padding: 5px 0;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.24);

    box-shadow: 0 1px 3px rgba(0,0,0,.24);

    top: 5px;

    right: 10px;

    z-index: 30;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



@media only screen and (min-width: 480px)

.subLink:before {

    top: -8px;

    border-bottom-color: #e7e7e7;

}



@media only screen and (min-width: 480px)

.subLink:after, .subLink:before {

    top: -6px;

    border-width: 0 8px 8px 8px;

    right: 14px;

    border-color: transparent transparent #fff;

}

@media only screen and (min-width: 480px)

.subLink:before {

    z-index: 10;

}

@media only screen and (min-width: 480px)

.subLink:after, .subLink:before {

    position: absolute;

    z-index: 20;

    width: 0;

    height: 0;

    border-style: solid;

    content: " ";

}

نضع هذا الرمز فى اخر القالب index_box



الكود:
<script type="text/javascript">

//<![CDATA[

$(".sub4r.stat4r").each(function() {

    var sub = $(this);

    if (!sub.is(":empty")) {

        sub.contents().filter(function() {

            return this.nodeType === 3;

        }).remove().end().filter("a").wrap("<li></li>");

        sub.wrapInner('<ul class="subLink"></ul>').prepend("الاقسام الفرعية: <strong>" + sub.find("a").length + "</strong>");

    }

});

//]]>

</script>
وهبة الساحر
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9060
معدل النشاط : 14835
السُمعة : 135

https://3arb-way.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى