| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..
مرحباً بكم أيها الكرام من أعضاء و زوار دعم المنتديات العربية من كل مكان
كود تمبلات تغير قائمة الأعضاء وجعلها بشكل جديد واحترافي مع تنقل بالحروف

المعاينة



الكود يوضع في قالب
memberlist_body
الكود



الرمز:

الكود:



        {L_USER_SELECT}
     
        {L_SELECT_SORT_METHOD}{S_MODE_SELECT}
        {L_ORDER}{S_ORDER_SELECT} {S_HIDDEN_SID}
               
   
 

if (my_getcookie("fmvimemlist") == "yes") {
  chitietml();
    $("#rutmlX, #chimlX").toggle()
} else {
  rutgonml()
}

var rutML;
for (rutML = 0; rutML < $('.rutgonML').length; rutML++) {
  $('.rutgonML a:eq(' + rutML + ')').attr('alt', rutML)
}

$("#rutmlX").[img]http://r14.imgfast.net/users/1416/22/89/44/smiles/3136733728.gif[/img](function () {
  my_setcookie("fmvimemlist", "no", false);
  rutgonml();
  $("#rutmlX, #chimlX").toggle()
});
$("#chimlX").[img]http://r14.imgfast.net/users/1416/22/89/44/smiles/3136733728.gif[/img](function () {
  my_setcookie("fmvimemlist", "yes", false);
  chitietml();
  $("#rutmlX, #chimlX").toggle()
});

function rutgonml() {
  $("#chitietML tbody>tr:not(':first')").hide();
  $("#chitietML .frm-form, #rutgonML").show();
}

function chitietml() {
  $("#chitietML tbody>tr, #chitietML .frm-form").show();
  $("#rutgonML").hide();
}


ونضع هذا في ورقة Css




الرمز:

الكود:


/* memberlist 2 in 1 - www.fmvi.org */
.Sname a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px 5px}
.Sname a:hover,.Sname a:active{background-color:#2F98D9;color:#FFF}
.Sname{text-align:right}
.rutgonML img{background-color:#000;border:3px double;border-radius:7px 7px 7px 7px;height:75px;width:72%;margin:10px}
.rutgonML{float:left;width:10%}
.rutgonML p{background-color:#C2BFBF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 2px;padding:2px 5px}
.rutgonML:hover{box-shadow:0 0 10px 5px #000}
/* Search box */
#sapxepFMvi
 input[type=submit]{background-color:#0161A4!important;border-bottom:2px
 solid #000!important;border-radius:3px 3px 3px 3px;border-right:2px
solid
#000!important;border-bottom-style:solid!important;color:#FFF!important;cursor:pointer;float:right;font-family:Verdana;font-size:1.2em!important;font-weight:bolder;margin-top:-10px;text-shadow:1px
 2px 1px #000;border-color:#DAD396 #896C0F #896C0F
#DAD396;border-width:1px 2px 2px 1px !important;padding:5px!important}
#sapxepFMvi span{color:#026DA6;font-family:Tahoma;font-size:1.2em;font-weight:700;padding:0 10px 0 30px}
#sapxepFMvi .button:hover{background-color:#000!important;color:#1BD5FF!important;text-shadow:-1px 1px 5px #FFF}
#sapxepFMvi .button:active{text-shadow: -1px -2px -1px #000;background-color:#045C06!important}
#sapxepFMvi{background-color:#DEDEDE;margin-bottom:20px;padding:15px 20px 10px 5px}


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

موضوع رائع وطريقة تركيب بسيطة
أحييك على موضوعك الجميل

شكرا على مروركم الكريم

شكرآ جزيلا على الموضوع الرائع و المميز

واصل تالقك معنا في المنتدى

بارك الله فيك اخي ...
لك منـــــــ اجمل تحية ــــــــــي

شكرا لك موضوع في قمة الروعة

نتظرجديدك