منتديات حدوتة مصرية
اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك Reem10
منتديات حدوتة مصرية
اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك Reem10
{ (❆إعـلآنـاتْ مُنَتَدَيآتْ حدٌودًتَه مَصريِه ❆   ) ~
   
   
   

❆فَآعِليَآت مُنَتَدَيآتْ حدٌودًتَه مَصريِه ❆
  اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك P112  اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك P211  اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك P311  اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك P411  اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك P510  اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك P610

{ ({ ( مُنَتَدَيآتْ حدٌودًتَه مَصريِه ) ~   ) ~
 



تعلن إدارة منتديات حدوتة مصرية عن فتح باب التقديم للإشراف على المنتديات وعلى من يأنس في نفسه القدره و الكفاءة وضع طلبه في القسم المخصص { طلبات الإشراف} بعد الإطلاع على شروط الإشراف.إعلان إداري

تهنئ إدارة منتديات حدوتة مصرية اعضائنا الكرام بمناسبة السنه الجديده كل عام وانتم بخير وصحه وسلامهكلمة الإدارة

أهلا وسهلا بك إلى منتديات حدوتة مصرية.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.




اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك Emptyالخميس ديسمبر 06, 2018 2:34 pm #1

أفندينا

اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك P_10443sfcs1

أفندينا
 
♛ عضويتي » : 2
♛ تاريخ التسجيل » : 26/11/2016
♛ آبدآعاتي » : 191
♛ دولتي الحبيبه » : السعودية
♛ جنسي » : ذكر
♛ نقآطي » : 3250
♛ التقييم » : 4
♛ حاليآ في » : حدوتة مصرية
♛ آلعمر » : 44
♛ ﺍﻟﺤﺂﻟﺔ ﺁﻵﺟﺘﻤﺂﻋﻴﺔ ‏» :
  • أعزب
♛ آلقسم آلمفضل  » :
  • الرياضي
♛ ﻧﻈﺂﻡ ﺁﻟﺘﺸﻐﻴﻞ ‏» :
  • windows XP
♛مشروبي آلمفضل‏» : pepsi
♛ قنآتي المفضلة ‏» : rotana
♛ آلنادي آلمفضل ‏» : hilal
♛ مزآجي ‏» : 4
♛ MMS ‏» : 59
♛ SMS ‏» :
أمتلك قلبآ يركض بي دائمآ نحوك
عندما أكون غآضب أو حزين أو خآئف
أو حتى عندمآ لا أرغب تماما
بأي أحد
اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك 28568810
اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك 14988810
 

مُساهمةاجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك



اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك

السلام عليكم ورحمة الله وبركاته

اليوم وبطريقة جديدة من عملي الشخصي وبرمجتي
سنجعل الروابط التي فوق احصائيات المنتدى بطريقة جميلة وراائعة مطورة

صورة توضيحية قبل تركيب الكود :
اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك 120

وهده صور بعد تركيب الكود طبعا يظهر على الشكل التالي

اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك 220

وعند وضع الماوس على زر روابط مهمة يظهر على الشكل التالي

اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك 31710

ابتكار متميز جديد مطور للمنتديات

=== الآن مع الكود وطريقة التركيب طبعا ====

نتوجه الى : لوحة الإدارة > مظهر المنتدى > التومبيلات و القوالب > إدارة عامة

نسخة الثالثة PHPBB3:

نضغط تعديل على القالب index_box
نبحث عن :

الكود:
<!-- BEGIN switch_on_index -->
<ul class="linklist">
    <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
    <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> •&nbsp;</li>
    <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
    <!-- BEGIN switch_delete_cookies -->
 
 <li class="rightside"><a
href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}"
rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
    <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

ونستدبله بالكود التالي :

الكود:
<!-- BEGIN switch_on_index -->
<div id="menu">
<ul>

<li><a>روابط مهمة</a>

<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<li><a href="/?mode=delete_cookies">حذف ملفات الارتباط (الكوكيز)</a></li>
</ul>
</li></ul>
</div>
<script>
window.onload = function(){
$("#menu > ul > li").hover(
function(){ $(this).find("ul").slideDown('fast'); } ,
function(){ $(this).find("ul").slideUp('fast'); } );
}
</script>
<!-- END switch_on_index -->

واضغط سجل وانشر القالب

لنسخة PUNBB:

نضغط تعديل على القالب index_box
نبحث عن :

الكود:
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
    <ul>
        <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
        <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
        <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
    </ul>
    <!-- BEGIN switch_delete_cookies -->
    <p class="right">
        <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    </p>
    <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

ونستبدله بالكود التالي :

الكود:
<!-- BEGIN switch_on_index -->
<div id="menu">
<ul>

<li><a>روابط مهمة</a>

<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<li><a href="/?mode=delete_cookies">حذف ملفات الارتباط (الكوكيز)</a></li>
</ul>
</li></ul>
</div>
<script>
window.onload = function(){
$("#menu > ul > li").hover(
function(){ $(this).find("ul").slideDown('fast'); } ,
function(){ $(this).find("ul").slideUp('fast'); } );
}
</script>
<!-- END switch_on_index -->

تم اضغط سجل وانشر القالب

لنسخة المطورة INVISION:

نضغط تعديل على القالب index_body
نبحث عن :

الكود:
        <thead>
            <tr>
                <th colspan="2">
                    <div class="linklist clearfix statlinks">
                        <ul>
                            <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
                            <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
                            <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
                        </ul>
                    </div>
                </th>
            </tr>
        </thead>

نقوم بحدفها واضغط سجل وانشر القالب
بعدها
نضغط تعديل على القالب index_box
نبحث عن :

الكود:

<!-- BEGIN switch_on_index -->
<div class="toplinks linklist clearfix">
    <ul>
        <!-- BEGIN switch_delete_cookies -->
        <li><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
        <!-- END switch_delete_cookies -->
        <!-- BEGIN switch_user_logged_in -->
        <li class="last"><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
        <!-- END switch_user_logged_in -->
    </ul>
</div>
<!-- END switch_on_index -->

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

الكود:
<!-- BEGIN switch_on_index -->
<div id="menu">
<ul>

<li><a>روابط مهمة</a>

<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<li><a href="{U_MARK_READ}">عتبرني قرأت جميع المواضيع</a></li>
<li><a href="/?mode=delete_cookies">حذف ملفات الارتباط (الكوكيز)</a></li>
</ul>
</li></ul>
</div>
<script>
window.onload = function(){
$("#menu > ul > li").hover(
function(){ $(this).find("ul").slideDown('fast'); } ,
function(){ $(this).find("ul").slideUp('fast'); } );
}
</script>
<!-- END switch_on_index -->

نضغط سجل وانشر القالب

لنسخة التانية PHPBB2:

نضغط تعديل على القالب index_body
نبحث عن :

الكود:
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>

ونستبدله بالكود التالي :

الكود:
<td width="50%" align="right">
<!-- BEGIN switch_on_index -->
<div id="menu">
<ul>

<li><a>روابط مهمة</a>

<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<li><a href="/?mode=delete_cookies">حذف ملفات الارتباط (الكوكيز)</a></li>
</ul>
</li></ul>
</div>
<script>
window.onload = function(){
$("#menu > ul > li").hover(
function(){ $(this).find("ul").slideDown('fast'); } ,
function(){ $(this).find("ul").slideUp('fast'); } );
}
</script>
<!-- END switch_on_index -->

نضغط سجل وانشر القالب

هكدا انتهينا من المرحلة الاولى لتعديل على التومبيلات

الآن نبدأ المرحلة التانية
لوحة الإدارة > مظهر المنتدى > الوان > ورقة تصميم css
ونضيف الكود التالي :

الكود:
/* --- Yassine Bablil --- */
#menu ul {
padding:0;
margin:0;
list-style:none;
position:relative; //مهمة
}
#menu > ul > li {
float:right;
padding:0;
margin:0;
}
 #menu > ul > li > a {
display:block; //مهمة
font:normal bold 14px tahoma;
background:#3f4040;
min-width:100px;
text-align:center;
padding:10px 15px 10px 15px;
text-decoration:none;
color:#FFF;
border-top:4px solid #FFF;
border-bottom:4px solid #00B4FF;
transition:background 500ms,color 500ms,border-color 500ms;
}
#menu > ul > li > a:hover {
background:#666;
border-top-color:#00B4FF;
color:#00B4FF;
}
 #menu > ul > li > ul {
position:absolute;
top:45px; //إرتفاع القائمة
right:0;
display:none;
}

 #menu > ul > li > ul > li > a {
background:#666;
display:block; //مهمة
font:normal normal 12px tahoma;
padding:5px 10px 5px 10px;
text-decoration:none;
color:#FFF;
border-bottom:1px solid #FFF;
min-width:130px;
}
#menu > ul > li > ul > li > a:hover {
background:#777;
}

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

ملاحظة : يمكنك تغيير كلمة : روابط مهمة من خلال تعديل
الكود:
<li><a>روابط مهمة</a>

الى هنا انتهى الشرح Basketball

الموضوع الاصلي : منتدى الدعم و المساعدة








اجعل روابط فوق احصائيات بطريقة احترافية جديدة اكتشفها بنفسك Collap70تعليمات المشاركة
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع
إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
أخر المشاركات
المواضيع الأكثر شعبية
a7medvirusاحذر أولئك الذين يهمسون في أذنكa7medvirusطريقة عـمل منتدى vb مجانى كاملa7medvirus شرح حل مشكلة Not Found 404 فى هاك المودة للتلوين - الشامل لتلوين المجموعاتa7medvirusكن كالطير فهو يطمح للبعيد دائماً..!!a7medvirusمنتدى vb مجانى جاهز مدى الحياه بهاكات وأستايلات أحترفيهa7medvirusالظلم وانواعه موضوع للنقاشa7medvirusموسوعة ملابس اللانجري والاندروير ... متجددa7medvirusحصري كود تومبيلات ترقيم المساهمات للنسخة phpBB2 و phpbb3a7medvirusمعجزات الحبيب النبي محمد صلى الله عليه وسلمa7medvirusعلامات حسن وسوء الخاتمه

تصميم منتدى احلى تومبلايت

الساعة الآن