[Template] تومبيلات قالب قائمة الاعضاء بشكل جديد memberlist_body

تومبيلات قالب قائمة الاعضاء بشكل جديد memberlist_body
تومبيلات قالب قائمة الاعضاء بشكل جديد memberlist_body
تومبيلات قالب قائمة الاعضاء بشكل جديد memberlist_body
تومبيلات قالب قائمة الاعضاء بشكل جديد memberlist_body

قالب رائع يجعل شكل معاينة المواضيع بشكل جديد ورائع ويجعل من السهولة البحث عن الاعضاء

ودة صورة للكود


https://7roof-des.yoo7.comi39.servimg.com/u/f39/18/33/21/36/muslim27.jpg

الكود وطريقة تركيبة

اولا ضع الكود التالى فى قالب memberlist_body

لوحة الادارة /مظهر المنتدى /التومبيلات والقوالب /ادارة عامة / memberlist_body

امسح القالب الموجود كامل واستبدلة بهذا الكود

الكود مخفى ضع رد ليظهر لك الكود




ثم ضع الكود التالى فى اكواد CSS

لوحة الادارة /مظهر المنتدى /الصور والالوان /الالوان /اكواد CSS

ثم ضع الكود التالى

الكود:



    .popmenubutton a {
    
    /*display: block;
      */
    padding: 2px 16px 2px 8px;
      background-image: url('http://2img.net/i/fa/invision/menu_action_down.gif');
      background-position: 98% 50%;
      background-repeat: no-repeat;
      font-size: 11px;
      font-weight: bold;
      text-align: center;
      white-space: nowrap;
      text-decoration: none;
      }

    .popupmenu {
      list-style: none;
      min-width: 200px;
      width:220px;
      font-size: 11px;
      }
    .member .popupmenu {
      position: absolute;
      z-index: 999;
      }
    .popupmenu .avatar {
      float: right;
      margin: 5px;
      width: 50px;
      height: 50px;
      background: url('http://2img.net/i/fa/invision/pp-blank-thumb-50px.png') no-repeat;
      }
    .popupmenu .avatar img {
      display: block;
      width: 50px;
      height: 50px;
      }
    .popupmenu ul {
      padding: 0.3em;
      list-style: none;
      }

    .popupmenu li {
      display: block;
    padding: 0.1em 0.1em;
      background-image: url('http://2img.net/i/fa/invision/menu_item.gif');
      background-repeat: no-repeat;
      background-position: 2px 50%;
      text-decoration: none;
      white-space: nowrap;
     font-size:11px;
      }
    .popupmenu li a {
      text-decoration: none;
      }

    .popup {
      margin: 0.5em;
      }
    .popup .popup-msg {
      margin: 0.5em;
      }
    /*Memberlist*/
    .memberlist fieldset {
      padding: 1em;
      }
    .borderwrap.member-list {
      margin-bottom: 4em;
      }

    .member {
      float: left;
      width: 22%;
      margin-right: 10px;
      margin-bottom: 10px;
      padding: 5px;
      }
    .member-list .popmenubutton {
      width: 100%;
      height: auto;
      }
    * html .member span.membername {
      float: left;
      word-wrap: break-word !important;
      }
    *  html .member span.membername {
      float:left;
      word-wrap: break-word !important;
      white-space: normal;
      }
    .member-list .popmenubutton .mini-avatar {
      display: block;
      float: right;
      margin: 5px;
      background: url('http://2img.net/i/fa/invision/pp-blank-thumb-38px.png') no-repeat;
      width: 38px;
      height: 38px;
      }
    .member .popupmenu li {
      background-image: none;
      }
    .member-list .popmenubutton .mini-avatar img {
      width: 38px;
      height: 38px;
      }
    .member p {
      font-size: 10px;
      height: 7em;
      overflow: auto;
      }
    div.borderwrap .member-list {
      padding: 5px;
      border: none;
      }

    .popupmenu {
      background-color: #fff;
      border: 1px solid #d0d0d0;
      }
    .popupmenu .avatar {
      border: 1px solid #666666;
      background-color: #ffffff;
      }
    .popupmenu li {
      background-color: #fff;
      border-bottom: 1px solid #d0d0d0;
      }
    ul.popupmenu li.popupmenu-category {
      background-color: #c4c4c4;
      color: #464c55;
      }
    /*Memberlist*/
    .member {
      background-color: #fff;
      border: 1px solid #979ba0;
            height: 90px;
      }
    .member-list .popmenubutton .mini-avatar {
      border: 1px solid #222222;
      background-color: #fff;
      }
    .member p {
      color: #808080;
      }
    div.borderwrap .member-list {
      background-color: #c4c4c4;
      }
    .popmenubutton-new-out {
      margin: 0 auto;
      float: none;
      padding: 0.3em 0;
      }
    .popmenubutton-new-out {
      float: none;
      width: 15em;
      }
    .popmenubutton-new-out a {
      text-align: left;
      }
    .popmenubutton-new-out a {
      background-color: #e4e6e9;
      }
    .member .popmenubutton-new-out a {
      border: 1px solid #c6ccd4;
      }
    .popmenubutton {
      margin: -1px auto;
      }

    .frm-info{background:#ffffe1;border:1px
     solid #E6E6E6;margin:1.7em;padding:1em}.main
    ul.frm-info{list-style-type:none}.main .frm-info
    li{background:url(blue.png) no-repeat top left;padding:0 0 1em 2em}
    .Sname
     a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px
    5px}.Sname a:active,.Sname
    a:hover{background-color:#2F98D9;color:#FFF}.Sname{text-align:right}




وسجل
ومبرووووك عليك

شكرا ع الموضوع

رائــع . استمر