قديم 2017-01-03, 01:03 AM
المشاركة : ( 1 )
Kurd-Sat Admin
الصورة الرمزية FOR SAT
FOR SAT
.:: مـشـرف ::.
Cool حركة جميلة لأرقام الصفحات pagenav
السلام عليكم

خير الكلام ما قل ودل
حركة جميلة و جذابة و سهلة التركيب
صورة قبل التركيب
حركة جميلة لأرقام الصفحات pagenav
و بعد التركيب
حركة جميلة لأرقام الصفحات pagenav

طريقة التركيب
البحث بالقوالب بالاستايل المراد تطبيق الشرح عليه
ابحث عن ,, pagenav
أستبدل كل محتواه بهذا الكود
كود:
<div class="pager_simple_orange">
    <table>
        <tr>
            <td class=""><phrase 1="$pagenumber" 2="$totalpages">$vbphrase[page_x_of_y]</phrase></td>
            <td class=""><if condition="$show['first']"><a rel="start" class="smallfont" href="$address$address2<if condition="$anchor">#$anchor</if>" title="$vbphrase[first_page] - <phrase 1="$firstnumbers[first]" 2="$firstnumbers[last]" 3="$total">$vbphrase[results_x_to_y_of_z]</phrase>"><strong>&laquo;</strong> $vbphrase[pagenav_first]</a></if></td>
            <td class=""><if condition="$show['prev']"><a rel="prev" class="smallfont" href="$address$address2<if condition="$prevpage != 1">&amp;page=$prevpage</if><if condition="$anchor">#$anchor</if>" title="$vbphrase[prev_page] - <phrase 1="$prevnumbers[first]" 2="$prevnumbers[last]" 3="$total">$vbphrase[results_x_to_y_of_z]</phrase>">&lt;</a></if></td>
            $pagenav
            <td class=""><if condition="$show['next']"><a rel="next" class="smallfont" href="$address$address2&amp;page=$nextpage<if condition="$anchor">#$anchor</if>" title="$vbphrase[next_page] - <phrase 1="$nextnumbers[first]" 2="$nextnumbers[last]" 3="$total">$vbphrase[results_x_to_y_of_z]</phrase>">&gt;</a></if></td>
            <td class=""><if condition="$show['last']"><a class="smallfont" href="$address$address2&amp;page=$totalpages<if condition="$anchor">#$anchor</if>" title="$vbphrase[last_page] - <phrase 1="$lastnumbers[first]" 2="$lastnumbers[last]" 3="$total">$vbphrase[results_x_to_y_of_z]</phrase>">$vbphrase[pagenav_last] </a></if></td>
        </tr>
    </table>
</div>


<style>
.pager_simple_orange td{
    padding: 1px;
}

.pager_simple_orange a{
    text-decoration: none;
    font: 12px Arial;
    font-weight: normal;
    color: black;
    display: block;
    padding: 5px 10px;
    border: 1px solid #fe8c00;
    background-color: #ffd9b4;
}

.pager_simple_orange span{
    text-decoration: none;
    font: 12px Arial;
    font-weight: normal;
    color: black;
    display: block;
    padding: 5px 10px;
    border: 1px solid black;
    background-color: #fe8c00;
}

.pager_simple_orange a:hover{
    border: 1px solid black;
    background-color: #fe8c00;
}
</style>
طبعا تقدر تتحكم بالأوان والخ...
الـمـصـدر : معهد بسمة مصرية - مـن : قسم تطوير الـ vBulletin - كـاتـب الـمـوضـوع : FOR SAT

مـن مـواضـيع FOR SAT
مساحة إعلانية
قديم 2017-01-03, 09:24 PM
المشاركة : ( 2 )
.:: ! HTML PROF ::.
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
افتراضي رد: حركة جميلة لأرقام الصفحات pagenav
طريقة جيدة ولكن يفضل وضع اكواد الـ CSS فى تعاريف CSS الإضافية/Additional CSS Definitions
قديم 2017-01-04, 12:05 PM
المشاركة : ( 3 )
Kurd-Sat Admin
الصورة الرمزية FOR SAT
FOR SAT
.:: مـشـرف ::.
افتراضي رد: حركة جميلة لأرقام الصفحات pagenav
طريقة جيدة ولكن يفضل وضع اكواد الـ CSS فى تعاريف CSS الإضافية/Additional CSS Definitions
صحيح لكن هذا ما استطعت الحصول عليه اخي


حركة جميلة لأرقام الصفحات pagenav
أدوات الموضوع
انواع عرض الموضوع

الانتقال السريع
المواضيع المتشابهه
الموضوع
فيس بوك ميزة جديدة للبحث داخل الصفحات الشخصية
ناسا تطلق خطة لإدارة حركة مرور الطائرات بدون طيار
تحديث جديد بالفيس بوك يحول الصفحات إلى مول تجارى
فيس بوك تتيح لأصحاب الصفحات إضافة الصور المتحركة gif فى منشوراتهم
عودة حركة المترو بالخط الأول بعد توقفها لانقطاع الكهرباء