[Template]كود اعجابات المواضيع مثل ترايد نت برمجة الطائر الحر Ads46810



كاتب الموضوع Admin مشاهدة صفحة طباعة الموضوع  | أرسل هذا الموضوع إلى صديق  |  الاشتراك انشر الموضوع
 المشاركة رقم: #
تم النشر فى :17 - 08 - 2020
Admin
Admin
مؤسس الموقع
مؤسس الموقع
 
البيانات الشخصيه
 المساهمات : » 227
 تاريخ التسجيل : » 10/06/2016
بيانات اضافيه [+ ]
جديدموضوع:

[Template]كود اعجابات المواضيع مثل ترايد نت برمجة الطائر الحر


[Template]كود اعجابات المواضيع مثل ترايد نت برمجة الطائر الحر
السلام عليكم و رحمة الله و بركاته

مرحبا اخواني و اخواتي 

اليوم ان شاء الله اقدم لكم 

كود جديد وحصري برمجتي 
و هو كود الاعجابات مثل ترايد نت 

صورة الكود
[Template]كود اعجابات المواضيع مثل ترايد نت برمجة الطائر الحر 17-08-16




مثال حي مباشر امامك الان فى الموضوع 

طريقة التعديل على القوالب الاصليه لاحلى منتدي

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

اضغط تعديل على القالب معاينة المواضيع viewtopic_body

ابحث عن الكود التالى و احذفه

الكود:
  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <!-- BEGIN switch_signature -->
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                     <!-- END switch_signature -->
                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
            <!-- BEGIN switch_likes_active -->
            <tr><td colspan="2"><div class="fa_like_div">
               <div class="fa_like_div">
                  <!-- BEGIN switch_like_list -->
                  {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                  <!-- END switch_like_list -->
                  <!-- BEGIN switch_dislike_list -->
                  {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                  <!-- END switch_dislike_list -->
               </div>
               <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                  <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
                  <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
               </button>
               <!-- BEGIN switch_dislike_button -->
               <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                  <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
                  <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
               </button>
               <!-- END switch_dislike_button -->
            </div></td></tr>
            <!-- END switch_likes_active -->
         </table>
         <!-- BEGIN switch_likes_active -->

         <!-- END switch_likes_active -->




و ضع مكانه هذا الكود



طريقة التعديل على القوالب المعدله 

الكود:
{postrow.displayed.MESSAGE}



و ضع بعده مباشرتا هذا الكود


ضع رد لتظهر لك الاكواد 
:lheidl!


وضع هذا الكود فى ورقة تصميم الـ css 

لوحة الادارة / مظهر المنتدي/ الصور و الألوان / الوان / ورقة تصميم css 
ضع الكود و اضغط سجل

الكود:
.row1 span.gensmall a:link, .row1 span.gensmall_alink, .row1 span.gensmall a:visited, .row1 span.gensmall_avisited {
    color: #020202;
}
/* Share CSS */
.vbseo_share_body {
   width: 280px;
   border: 1px solid #efefef;
   background: #f2f6f8;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   position: absolute;
   right: 0px;
   visibility:hidden;
   z-index: 9000;
   box-shadow: 0 4px 7px;
   -moz-box-shadow: 0 4px 7px;
   -webkit-box-shadow: 0 4px 7px;
}

.restore .vbseo_share_body {
   top: -80px;
}
.vbseo_share:hover .vbseo_share_body {
   visibility: visible;
   padding: 0px;
}

.vbseo_share_body li {
   width: 140px;
   border: none;
}
.restore ul.vbseo_share_body li {
   list-style: none inside;
}
.vbseo_share_body li:hover {
   background: #ffeb90;
}
.vbseo_share_body li.share_header {
   background: #ddd;
   font-size: 120%;
   width: 270px;
   padding: 3px 5px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-bottom-left-radius: 0;
   -moz-border-radius-bottomright: 0;
   -webkit-bottom-left-border-radius: 0;
   border-bottom-right-radius: 0;
   -moz-border-radius-bottomleft: 0;
   -webkit-bottom-right-border-radius: 0;
   list-style: outside none none;
}
.vbseo_share_body li:hover.header {
   background: #ddd;
}
.vbseo_share_body li.left {
   float: right;
   clear: right;
   list-style: outside none none;
}
.vbseo_share_body li.right {
   float: left;
   clear: left;
   list-style: outside none none;
}
.vbseo_share_body li img {
   float: right;
   padding: 4px;
   position: relative;
   top: -2px;
   margin: 0;
}
.vbseo_share_body li > a {
   padding: 4px;
   display: block;
   color: #343434;
   text-decoration: none;
}

/* like tree CSS */ 
.rep-button, .rep-button:active, .rep-button:focus {
    background: #f2f2f2;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: none;
    cursor: pointer;
    float: right;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    margin: 3px 0 6px 3px;
    outline: none;
    padding: 1px 4px;
    position: relative;
    text-transform: lowercase;
    transition: color .4s;


 
.vbseo_buttons {
    font-size: 0.688em;
    position: relative;
    font-family: tahoma;
}
.vbseo_buttons .vbseo_links {
    visibility: hidden;
    padding: 10px 10px 20px 10px;
    margin: 0;
    width: auto;
}
.TmpPost .ContentPost .Message ul, .TmpPost .ContentPost .Message ol {
    line-height: 30px;
    margin: 0 15px 0 0;
    font-weight: initial;
    padding: 0 20px 0 0;
}
.vbseo_buttons .vbseo_share, .vbseo_buttons .vbseo_like, .vbseo_buttons .seperator {
    display: inline-block;
    float: right;
    padding: 0 4px;
    position: relative;
}
.vbseo_share_body {
    width: 280px;
    border: 1px solid #efefef;
    background: #f2f6f8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    right: 0px;
    visibility: hidden;
    z-index: 9000;
    box-shadow: 0 4px 7px;
    -moz-box-shadow: 0 4px 7px;
    -webkit-box-shadow: 0 4px 7px;
}
.vbseo_share_body li.share_header {
    background: #ddd;
    font-size: 120%;
    width: 270px;
    padding: 3px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-bottom-left-border-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-bottom-right-border-radius: 0;
    list-style: outside none none;
}
.vbseo_share_body li {
    width: 140px;
    border: none;
}
vbseo_share_body li.right {
    float: left;
    clear: left;
    list-style: outside none none;
}

.vbseo_share_body li.left {
    float: right;
    clear: right;
    list-style: outside none none;
}
.vbseo_share_body li img {
    float: right;
    padding: 4px;
    position: relative;
    top: -2px;
    margin: 0;
}
p.fa_like_list {
    background: #f5dcdc url(../../../images/forum/vbseo_like.png) 5px center no-repeat !important;
    background-position-x: 5px;
    background-position-y: center;
    color: black;
    display: block;
    padding: 4px 4px 4px !important;
    padding-right: 4px !important;
    padding-right: 25px !important;
    margin: 10px !important;
    background-position: right !important;
    border: 1px solid #e0acac !important;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}




اذا كنت تواجه اي مشاكل يمكنكم طرح موضوعك هنا وسوف يتم حل جمع مشاكلكم
https://deve-arab.yoo7.com/f34-montada


لا تنسونا بالدعاء 

الكود مبرمجة و تصميم الطائر الحر 

يمنع النقل بدون ذكر المصدر 





 
 
الإثنين أغسطس 17, 2020 11:34 pm
المشاركة رقم: #
 الكاتب» Asmaa soma
 اللقب» عضو نشيط
 الرتبه» عضو نشيط

Asmaa soma

البيانات الشخصيه
 الجنس : » انثى
 المساهمات : » 54
 تاريخ التسجيل : » 13/07/2020
 العمر : » 26
 الإتصالات»
بيانات اضافيه [+ ]

مُساهمةموضوع: رد: [Template]كود اعجابات المواضيع مثل ترايد نت برمجة الطائر الحر


كود رائع اخى 
استمر واتمنى لك المزيد من الابداع و التالق

Admin يعجبه هذا الموضوع




 
 

الجمعة أكتوبر 23, 2020 7:19 am
المشاركة رقم: #
 الكاتب» Zoolraqey
 اللقب» عضو جديد
 الرتبه» عضو جديد

Zoolraqey

البيانات الشخصيه
 الجنس : » ذكر
 المساهمات : » 21
 تاريخ التسجيل : » 28/07/2020
 العمر : » 25
 الإتصالات»
بيانات اضافيه [+ ]

مُساهمةموضوع: رد: [Template]كود اعجابات المواضيع مثل ترايد نت برمجة الطائر الحر


جزاك الله كل خير

Admin يعجبه هذا الموضوع




 
 

الأحد نوفمبر 01, 2020 2:18 pm
المشاركة رقم: #
 الكاتب» أفندينا
 اللقب» عضو ⋆ VIP ⋆
 الرتبه»

أفندينا

البيانات الشخصيه
 الجنس : » ذكر
 المساهمات : » 38
 تاريخ التسجيل : » 17/07/2020
 العمر : » 44
 الإتصالات»
بيانات اضافيه [+ ]

مُساهمةموضوع: رد: [Template]كود اعجابات المواضيع مثل ترايد نت برمجة الطائر الحر


روعة الاكواد اخي الغالي
تسلم يمينك

Admin يعجبه هذا الموضوع




 
 

الأحد نوفمبر 01, 2020 7:10 pm
المشاركة رقم: #
 الكاتب» Admin
 اللقب» مؤسس الموقع
 الرتبه» مؤسس الموقع

Admin

البيانات الشخصيه
 المساهمات : » 227
 تاريخ التسجيل : » 10/06/2016
 الإتصالات»
https://deve-arab.yoo7.com
بيانات اضافيه [+ ]

مُساهمةموضوع: رد: [Template]كود اعجابات المواضيع مثل ترايد نت برمجة الطائر الحر


نورتوا جميعا




 
 





مواضيع ذات صلة


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

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




Loading...

جميع الحقوق محفوظه لـ معهد التطوير