حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم

4 مشترك

اذهب الى الأسفل

حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم Empty حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم

مُساهمة من طرف نزار السعيد الأحد 6 يونيو 2021 - 10:30

السلام عليكم و رحمة الله و بركاته
تم نشر موضوع من قبلكم بقسم الاكواد و الجافا
موضوع تغيير اشكل زر اعجبني بنسخة مودرن BB
و قد قمت بوضع الكودين كما طلب منا
مع تفعيل نظام السمة و نظام اعجبني
مع ذلك لم يغير اي شيئ
افيدونا جزاكم الله كل الخير

https://help.ahlamontada.com/t1095847-topic#4977066

هذا رابط الموضوع
مع الاذن منكم قمت بنشر الموضوع هنا لانه لا يمكنني النشر و الرد بالقسم المذكور اعلاه
نزار السعيد
نزار السعيد
 
 

ذكر
عدد المساهمات : 91
معدل النشاط : 3386
السُمعة : 1

http://mo7it.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم Empty رد: حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم

مُساهمة من طرف MostWanted الأحد 6 يونيو 2021 - 20:13

MostWanted
MostWanted
 
 

أخرى / أرفض التصريح
عدد المساهمات : 703
معدل النشاط : 6724
السُمعة : 21

https://www.theb3st.com

كونان2000 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم Empty رد: حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم

مُساهمة من طرف كونان2000 الأحد 6 يونيو 2021 - 20:34

السلام عليكم 
هل قمتم بالتعديل على قالب المواضيع؟
اذا نعم. ضعو القالب للتعديل عليه
كذلك تأكدو ان الجفا مفعل

لاني جربت الكود قبل قليل وهو يعمل عندي تمام
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1751
معدل النشاط : 3626
السُمعة : 318

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم Empty رد: حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم

مُساهمة من طرف نزار السعيد الإثنين 7 يونيو 2021 - 1:19

نعم عزيزي 
تم وضع كود التعديل بالمواضيع بأعلى الصفحة
و كذلك تم وضع كود الجافا.

اليك كود المواضيع بمنتداي كما طلبت
الكود:
 <!-- تغيير شكل زر اعجبني -->

    <style>
                .fa_vote, .fa_voted, .fa_count {
              font-size:12px;
              font-family:Verdana, Arial, Helvetica, Sans-serif;
              display:inline-block !important;
              width:auto !important;
              float:none !important;
              transition:300ms;
            }
         
        .fa_vote:hover, .fa_voted {
        background-image: url(https://ar.seaicons.com/wp-content/uploads/2015/08/heart-icon.png);
        opacity: .6;
    }
            .fa_voted { cursor:default }
         
            .fa_count {
              font-weight:bold;
              margin:0 3px;
              cursor:default;
            }
         
            .fa_positive { color:#4A0 }
            .fa_negative { color:#A44 }
         
            .fa_votebar_inner {
        background: #4a00;
        transition: 300ms;
    }

    .fa_votebar, .fa_votebar_inner {
        background: #c440;
        height: 3px;
    }
    span.fa_voted.fa_plus {
        color: #fff;
        height: 37px;
        padding: 7px;
    }
      span.fa_voted.fa_minus {
        color: #fff;
        height: 37px;
        padding: 7px;
    }
    span.fa_voted.fa_minus {
        color: #fff;
        height: 37px;
        padding: 7px;
    } 
    .fa_voted, .fa_vote {
        background: #2b596f;
        border: solid #2b596f 2px;
        cursor: default;
        padding: 4px;
        vertical-align: middle;
    }
    li.fa_reputation {
        margin-left: 5px;
        float: right;
    }
    .rep-button, .rep-button:active, .rep-button:focus {
        margin: 0 0 0 6px;
        vertical-align: middle;
        padding: 6px 7px;
    }
    ::marker {
        font-size: 0;
    }
    .rep-button, .rep-button:active, .rep-button:focus {
        background-color: #2b596f;
    }


    i.ion-thumbsdown, i.ion-thumbsup {
        font-size: 0;
        vertical-align: 17px;
    }



    a.fa_voted.fa_plus, a.fa_voted.fa_minus, a.fa_vote.fa_plus, a.fa_vote.fa_minus {
        font-size: medium;
        color: white;
    }
    .rep-button img,  {
      float: right;
        margin-left: 5px;
        vertical-align: middle;
        width: 25px;
        height: 25px;
    }

    a.fa_voted.fa_minus img, a.fa_voted.fa_plus img, button.rep-button.fa_like img, button.rep-button.fa_dislike img, .rep-button.fa_liked img, .rep-button.fa_disliked img {
        float: right;
        margin-left: 5px;
        vertical-align: middle;
        width: 25px;
        height: 25px;
    }

    .rep-button img,  a.fa_vote.fa_plus img, a.fa_vote.fa_minus img{
    float: right;
        height: 25px;
        margin-left: 5px;
        vertical-align: middle;
        width: 25px;
    }




    .rep-nb {
        background-color: rgba(255,255,255,0.25);
        border-radius: 2px;
        font-size: 11px;
        margin-right: 7px;
        padding-top: 11px;
        padding-right: 15px;
        padding-bottom: 11px;
        padding-left: 15px;
        vertical-align: 1px;
    }
    .rep-button.fa_liked, .rep-button.fa_disliked {
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 0px;
    }
        </style>

    <script type="text/javascript">
    $(window).load(function() {
    $("li.fa_reputation,  .fa_count, .fa_vote, .fa_voted").each(function() {
            $(this).find("a.fa_voted.fa_plus").html('لايك<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn10.png" />');
            $(this).find("a.fa_voted.fa_minus").html('دسلايك<img src="https://i.servimg.com/u/f70/17/17/86/62/angry-10.png" />');
            $(this).find("a.fa_vote.fa_plus").html('لايك<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn10.png" />');
            $(this).find("a.fa_vote.fa_minus").html('دسلايك<img src="https://i.servimg.com/u/f70/17/17/86/62/angry-10.png" />');
        });
    });
    </script>
    <script type="text/javascript">
    $(window).load(function() {
    $("button.rep-button.fa_like, .rep-button.fa_liked").each(function() {
            $(this).find("i.ion-thumbsup").html('<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn11.png" />');
        });
    });
    </script>
    <script type="text/javascript">
    $(window).load(function() {
    $("button.rep-button.fa_dislike, .rep-button.fa_disliked").each(function() {
            $(this).find("i.ion-thumbsdown").html('<img src="https://i.servimg.com/u/f45/15/36/45/50/funny-10.png" />');
        });
    });
    </script>





    <script type="text/javascript">
    $(window).load(function() {
    $(".rep-button").each(function() {
            $(this).find("i.ion-thumbsup").html('<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn11.png" />');
        });
    });
    </script>
    <script type="text/javascript">
    $(window).load(function() {
    $(".rep-button").each(function() {
            $(this).find("i.ion-thumbsdown").html('<img src="https://i.servimg.com/u/f45/15/36/45/50/funny-10.png" />');
        });
    });
    </script>


`  <!-- كود آخر مواضيع القسم -->
          <script type="text/javascript">
        var CopyrightNotice='The last Topics category for forumotion. Copyright ©? ';
        $(function () {
            $.ajax({
                url: "/feed/?f={FORUM_ID}",
                success: function (a) {
          $(".postbody:first").after('<right><br />
      <div align="right" class="postbody" style="color:#2500AB; font-size: 13px"> الموضوع الاصلي: <a href="topic-t{TOPIC_ID}.htm">{TOPIC_TITLE}
            </a>  |
              المصدر: <a href="/">منتدى حلوة يا بلدي</a>
        </div>
   
      <div class="clear"></div>
      <div class="clear"></div>
      <div class="clear_both"></div>
      <div align="right" style="width:100%;background:#eee;border:1px solid #536482;padding:4px;margin-top:5px; font-size: 13px; font-family: Droid Arabic Kufi;font-weight;">
      <div align="center" class="title" style="color:#2500AB; font-size: 15px">آخر مواضيع هذا القسم</div>
      <br />
      <div align="right" id="cungchuyenmuc" style="font-weight;padding:14px 20px;background:#ffffff;border:1px solid #536482;">
       
          <br />
      </div>
      </div></center>');
                    13 < $(a).find("title").length ? so = 13 : so = $(a).find("title").length;
                    for (i = 2; i < so; i++) $('<img width="16" height="16" src="https://i.servimg.com/u/f68/12/38/56/54/text_s10.png" /> <a href="' + $(a).find("link:eq(" + i + ")").text() + '">' + $(a).find("title:eq(" + i + ")").text() + "</a><br/>").appendTo("#cungchuyenmuc")
                }
            })
        });
        </script>
        <!--  آخر مواضيع القسم -->


<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id) {
    try {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0) {
            $('.post--' + id).toggle(0, function() {
            if( $(this).is(":visible") ) {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            } else {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    } catch(e) { }

   return false;
};

//]]>
</script>

<div class="sub-header">
   <div class="sub-header-info">
      <h1 class="page-title">
         <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
      </h1>
      <div class="sub-header-path">
         <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
         {NAV_CAT_DESC}
      </div>
   </div>

   <div class="sub-header-buttons">
      <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">{L_POST_REPLY_TOPIC}</a>
      <!-- END switch_user_authreply -->
   </div>
</div>

<div class="topic-actions">
   <!-- BEGIN topicpagination -->
      <div class="pagination">
         {PAGINATION}
      </div>
   <!-- END topicpagination -->

   <div class="topic-actions-buttons">
      <!-- BEGIN switch_twitter_btn -->
      <span>
         <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
         <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
      </span>
      <!-- END switch_twitter_btn -->

      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->

      <a class="addthis_button">{L_SHARE}</a>
      <!-- BEGIN switch_plus_menu -->
      <script type="text/javascript">//<![CDATA[
         var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
         var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
         var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
         var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
         var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
         insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
      //]]>
      </script>
      <!-- END switch_plus_menu -->
   </div>
</div>

<div class="quick-nav-topics">
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>
    <!-- END switch_isconnect -->
    <a href="#bottom">{L_GOTO_DOWN}</a>
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
    <!-- END switch_isconnect -->
</div>

{POLL_DISPLAY}

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
         <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
               <dt>
                  <div class="postprofile-avatar">
                     {postrow.displayed.POSTER_AVATAR}
                  </div>
                  <div class="postprofile-name">
                     {postrow.displayed.POSTER_NAME}
                  </div>
                  <div class="postprofile-rank">
                     {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                  </div>
               </dt>
               <dd class="postprofile-info">
                  <!-- BEGIN profile_field -->
                     {postrow.displayed.profile_field.LABEL}
                     {postrow.displayed.profile_field.CONTENT}
                     {postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </dd>
               <dd class="postprofile-contact">
                  {postrow.displayed.PROFILE_IMG}
                  {postrow.displayed.PM_IMG}
                  {postrow.displayed.EMAIL_IMG}
                  <!-- BEGIN contact_field -->
                      {postrow.displayed.contact_field.CONTENT}
                  <!-- END contact_field -->
               </dd>
            </dl>
         </div>

         <div class="post-head">
            <ul class="profile-icons">
               <li class="btn-thank">
                  <a href="{postrow.displayed.THANK_URL}">
                     <i class="ion-heart"></i>
                  </a>
               </li>
               <li class="btn-quote-multi">
                  <span onclick="{postrow.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{postrow.displayed.U_POST_ID}">
                     <i class="ion-quote"></i>
                     <i class="ion-ios-plus-empty"></i>
                  </span>
               </li>
               <li class="btn-quote">
                  <a href="{postrow.displayed.QUOTE_URL}">
                     <i class="ion-quote"></i>
                  </a>
               </li>
               <li class="btn-edit">
                  <a href="{postrow.displayed.EDIT_URL}">
                     <i class="ion-edit"></i>
                  </a>
               </li>
               <li class="btn-delete">
                  <a href="{postrow.displayed.DELETE_URL}">
                     <i class="ion-trash-a"></i>
                  </a>
               </li>
               <li class="btn-ip">
                  <a href="{postrow.displayed.IP_URL}">
                     <i class="ion-ios-information"></i>
                  </a>
               </li>
               <li class="btn-report">
                  {postrow.displayed.REPORT_IMG}
               </li>
            </ul>

            <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
            <div class="topic-date">
               {postrow.displayed.POST_DATE_NEW}

               <!-- BEGIN switch_vote_active -->
               <div class="vote">
                  <!-- BEGIN switch_vote -->
                     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="ion-thumbsup"></a>
                  <!-- END switch_vote -->

                  <!-- BEGIN switch_vote -->
                     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="ion-thumbsdown"></a>
                  <!-- END switch_vote -->

                  <!-- BEGIN switch_bar -->
                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                     <div class="vote-bar-desc">
                        {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                     </div>

                     <div class="vote-bars">
                        <!-- BEGIN switch_vote_plus -->
                           <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                           <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                  </div>
                  <!-- END switch_bar -->

                  <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                  <!-- END switch_no_bar -->
               </div>
               <!-- END switch_vote_active -->
            </div>
         </div>

         <div class="postbody">
            <div class="content">
               <div>{postrow.displayed.MESSAGE}</div>
               <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                           </dt>
                           <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><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}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{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}</span>
                              <!-- END switch_no_dl_att -->

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

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

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                           </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                     </dd>
                  </dl>
               <!-- END switch_attachments -->
                          </div>
            <div class="edited-message">
               {postrow.displayed.EDITED_MESSAGE}
            </div>
            <!-- BEGIN switch_signature -->
               <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<div class="quick-nav-topics bottom">
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>
    <!-- END switch_isconnect -->
    <a href="#top">{L_BACK_TO_TOP}</a>
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
    <!-- END switch_isconnect -->
</div>

<div class="topic-actions bottom">
   <!-- BEGIN topicpagination -->
      <div class="pagination">
         {PAGINATION}
      </div>
   <!-- END topicpagination -->

   <div class="topic-actions-buttons">
      <!-- BEGIN switch_user_logged_in -->
         <!-- BEGIN watchtopic -->
            {S_WATCH_TOPIC}
         <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->

      <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">{L_POST_REPLY_TOPIC}</a>
      <!-- END switch_user_authreply -->
   </div>
</div>

<!-- BEGIN promot_trafic -->
   <div class="block" id="ptrafic_close" style="display: none;">
      <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-plus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
   </div>
   <div class="block" id="ptrafic_open" style="display:'';">
      <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-minus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
      <ul class="ptrafic">
         <!-- BEGIN link -->
            <li>
               <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">
                  <i class="ion-ios-chatbubble-outline"></i>{promot_trafic.link.TITLE}
               </a>
            </li>
         <!-- END link -->
      </ul>
   </div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
   <div class="h3">{L_FORUM_RULES}</div>
   <div class="clear"></div>
   <table class="postbody">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
   <a name="quickreply"></a>
   {QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
   <fieldset class="jumpbox">
      <label>{L_JUMP_TO}:</label>
      {S_JUMPBOX_SELECT}
      <input class="button2" type="submit" value="{L_GO}" />
   </fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
   <fieldset class="quickmod">
      <input type="hidden" name="t" value="{TOPIC_ID}" />

      <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
      <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
      <label>{L_MOD_TOOLS}:</label>
      {S_SELECT_MOD}
      <input class="button2" type="submit" value="{L_GO}" />
   </fieldset>
</form>

<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
   <div class="block">
      <div class="h3">{L_TABS_PERMISSIONS}</div>
      {S_AUTH_LIST}
   </div>
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
$(document).ready(function() {
   $('pre, code').each(function(i, block) {
      hljs.highlightBlock(block);
   });

   $('.post').each(function() {
      if (!$(this).find('.postprofile-avatar').html().length) {
         $(this).find('.postprofile-rank').css('border-bottom', 'none');
         $(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
      }
   });
});
</script>
نزار السعيد
نزار السعيد
 
 

ذكر
عدد المساهمات : 91
معدل النشاط : 3386
السُمعة : 1

http://mo7it.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم Empty رد: حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم

مُساهمة من طرف كونان2000 الإثنين 7 يونيو 2021 - 2:54

بالنسبه لكود الجفا
تأكد من تفعيل الجفا وتأكد انك اخترت المواضيع فقط
كما في الصوره https://i.servimg.com/u/f20/16/85/77/67/ocia_a10.jpg
في حال لم يعمل راجع [حصري] حل مشكلة عدم عمل أغلب اكواد الجافا سكربت
----
بالنسبه لقالب مواضيع منتداك كان فيه مشاكل
تم تعديله
ضع قالب المواضيع التالي مكان القديم
الكود:

 <!-- تغيير شكل زر اعجبني -->

    <style>
                .fa_vote, .fa_voted, .fa_count {
              font-size:12px;
              font-family:Verdana, Arial, Helvetica, Sans-serif;
              display:inline-block !important;
              width:auto !important;
              float:none !important;
              transition:300ms;
            }
        
        .fa_vote:hover, .fa_voted {
        background-image: url(https://ar.seaicons.com/wp-content/uploads/2015/08/heart-icon.png);
        opacity: .6;
    }
            .fa_voted { cursor:default }
        
            .fa_count {
              font-weight:bold;
              margin:0 3px;
              cursor:default;
            }
        
            .fa_positive { color:#4A0 }
            .fa_negative { color:#A44 }
        
            .fa_votebar_inner {
        background: #4a00;
        transition: 300ms;
    }

    .fa_votebar, .fa_votebar_inner {
        background: #c440;
        height: 3px;
    }
    span.fa_voted.fa_plus {
        color: #fff;
        height: 37px;
        padding: 7px;
    }
      span.fa_voted.fa_minus {
        color: #fff;
        height: 37px;
        padding: 7px;
    }
    span.fa_voted.fa_minus {
        color: #fff;
        height: 37px;
        padding: 7px;
    }
    .fa_voted, .fa_vote {
        background: #2b596f;
        border: solid #2b596f 2px;
        cursor: default;
        padding: 4px;
        vertical-align: middle;
    }
    li.fa_reputation {
        margin-left: 5px;
        float: right;
    }
    .rep-button, .rep-button:active, .rep-button:focus {
        margin: 0 0 0 6px;
        vertical-align: middle;
        padding: 6px 7px;
    }
    ::marker {
        font-size: 0;
    }
    .rep-button, .rep-button:active, .rep-button:focus {
        background-color: #2b596f;
    }


    i.ion-thumbsdown, i.ion-thumbsup {
        font-size: 0;
        vertical-align: 17px;
    }



    a.fa_voted.fa_plus, a.fa_voted.fa_minus, a.fa_vote.fa_plus, a.fa_vote.fa_minus {
        font-size: medium;
        color: white;
    }
    .rep-button img,  {
      float: right;
        margin-left: 5px;
        vertical-align: middle;
        width: 25px;
        height: 25px;
    }

    a.fa_voted.fa_minus img, a.fa_voted.fa_plus img, button.rep-button.fa_like img, button.rep-button.fa_dislike img, .rep-button.fa_liked img, .rep-button.fa_disliked img {
        float: right;
        margin-left: 5px;
        vertical-align: middle;
        width: 25px;
        height: 25px;
    }

    .rep-button img,  a.fa_vote.fa_plus img, a.fa_vote.fa_minus img{
    float: right;
        height: 25px;
        margin-left: 5px;
        vertical-align: middle;
        width: 25px;
    }




    .rep-nb {
        background-color: rgba(255,255,255,0.25);
        border-radius: 2px;
        font-size: 11px;
        margin-right: 7px;
        padding-top: 11px;
        padding-right: 15px;
        padding-bottom: 11px;
        padding-left: 15px;
        vertical-align: 1px;
    }
    .rep-button.fa_liked, .rep-button.fa_disliked {
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 0px;
    }
        </style>

    <script type="text/javascript">
    $(window).load(function() {
    $("li.fa_reputation,  .fa_count, .fa_vote, .fa_voted").each(function() {
            $(this).find("a.fa_voted.fa_plus").html('لايك<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn10.png" />');
            $(this).find("a.fa_voted.fa_minus").html('دسلايك<img src="https://i.servimg.com/u/f70/17/17/86/62/angry-10.png" />');
            $(this).find("a.fa_vote.fa_plus").html('لايك<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn10.png" />');
            $(this).find("a.fa_vote.fa_minus").html('دسلايك<img src="https://i.servimg.com/u/f70/17/17/86/62/angry-10.png" />');
        });
    });
    </script>
    <script type="text/javascript">
    $(window).load(function() {
    $("button.rep-button.fa_like, .rep-button.fa_liked").each(function() {
            $(this).find("i.ion-thumbsup").html('<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn11.png" />');
        });
    });
    </script>
    <script type="text/javascript">
    $(window).load(function() {
    $("button.rep-button.fa_dislike, .rep-button.fa_disliked").each(function() {
            $(this).find("i.ion-thumbsdown").html('<img src="https://i.servimg.com/u/f45/15/36/45/50/funny-10.png" />');
        });
    });
    </script>





    <script type="text/javascript">
    $(window).load(function() {
    $(".rep-button").each(function() {
            $(this).find("i.ion-thumbsup").html('<img src="https://i.servimg.com/u/f70/17/17/86/62/kisspn11.png" />');
        });
    });
    </script>
    <script type="text/javascript">
    $(window).load(function() {
    $(".rep-button").each(function() {
            $(this).find("i.ion-thumbsdown").html('<img src="https://i.servimg.com/u/f45/15/36/45/50/funny-10.png" />');
        });
    });
    </script>


`  <!-- كود آخر مواضيع القسم -->
          <script type="text/javascript">
        var CopyrightNotice='The last Topics category for forumotion. Copyright :copyright:? ';
        $(function () {
            $.ajax({
                url: "/feed/?f={FORUM_ID}",
                success: function (a) {
          $(".postbody:first").after('<right><br />
      <div align="right" class="postbody" style="color:#2500AB; font-size: 13px"> الموضوع الاصلي: <a href="topic-t{TOPIC_ID}.htm">{TOPIC_TITLE}
            </a>  |
              المصدر: <a href="/">منتدى حلوة يا بلدي</a>
        </div>
  
      <div class="clear"></div>
      <div class="clear"></div>
      <div class="clear_both"></div>
      <div align="right" style="width:100%;background:#eee;border:1px solid #536482;padding:4px;margin-top:5px; font-size: 13px; font-family: Droid Arabic Kufi;font-weight;">
      <div align="center" class="title" style="color:#2500AB; font-size: 15px">آخر مواضيع هذا القسم</div>
      <br />
      <div align="right" id="cungchuyenmuc" style="font-weight;padding:14px 20px;background:#ffffff;border:1px solid #536482;">
      
          <br />
      </div>
      </div></center>');
                    13 < $(a).find("title").length ? so = 13 : so = $(a).find("title").length;
                    for (i = 2; i < so; i++) $('<img width="16" height="16" src="https://i.servimg.com/u/f68/12/38/56/54/text_s10.png" /> <a href="' + $(a).find("link:eq(" + i + ")").text() + '">' + $(a).find("title:eq(" + i + ")").text() + "</a><br/>").appendTo("#cungchuyenmuc")
                }
            })
        });
        </script>
        <!--  آخر مواضيع القسم -->


<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id) {
    try {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0) {
            $('.post--' + id).toggle(0, function() {
            if( $(this).is(":visible") ) {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            } else {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    } catch(e) { }

   return false;
};

//]]>
</script>

<div class="sub-header">
   <div class="sub-header-info">
      <h1 class="page-title">
         <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
      </h1>
      <div class="sub-header-path">
         <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
         {NAV_CAT_DESC}
      </div>
   </div>

   <div class="sub-header-buttons">
      <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">{L_POST_REPLY_TOPIC}</a>
      <!-- END switch_user_authreply -->
   </div>
</div>

<div class="topic-actions">
   <!-- BEGIN topicpagination -->
      <div class="pagination">
         {PAGINATION}
      </div>
   <!-- END topicpagination -->

   <div class="topic-actions-buttons">
      <!-- BEGIN switch_twitter_btn -->
      <span>
         <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
         <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
      </span>
      <!-- END switch_twitter_btn -->

      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->

      <a class="addthis_button">{L_SHARE}</a>
      <!-- BEGIN switch_plus_menu -->
      <script type="text/javascript">//<![CDATA[
         var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
         var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
         var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
         var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
         var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
         insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
      //]]>
      </script>
      <!-- END switch_plus_menu -->
   </div>
</div>

<div class="quick-nav-topics">
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>
    <!-- END switch_isconnect -->
    <a href="#bottom">{L_GOTO_DOWN}</a>
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
    <!-- END switch_isconnect -->
</div>

{POLL_DISPLAY}

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
         <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
               <dt>
                  <div class="postprofile-avatar">
                     {postrow.displayed.POSTER_AVATAR}
                  </div>
                  <div class="postprofile-name">
                     {postrow.displayed.POSTER_NAME}
                  </div>
                  <div class="postprofile-rank">
                     {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                  </div>
               </dt>
               <dd class="postprofile-info">
                  <!-- BEGIN profile_field -->
                     {postrow.displayed.profile_field.LABEL}
                     {postrow.displayed.profile_field.CONTENT}
                     {postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </dd>
               <dd class="postprofile-contact">
                  {postrow.displayed.PROFILE_IMG}
                  {postrow.displayed.PM_IMG}
                  {postrow.displayed.EMAIL_IMG}
                  <!-- BEGIN contact_field -->
                      {postrow.displayed.contact_field.CONTENT}
                  <!-- END contact_field -->
               </dd>
            </dl>
         </div>

         <div class="post-head">
            <ul class="profile-icons">
               <li class="btn-thank">
                  <a href="{postrow.displayed.THANK_URL}">
                     <i class="ion-heart"></i>
                  </a>
               </li>
               <li class="btn-quote-multi">
                  <span onclick="{postrow.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{postrow.displayed.U_POST_ID}">
                     <i class="ion-quote"></i>
                     <i class="ion-ios-plus-empty"></i>
                  </span>
               </li>
               <li class="btn-quote">
                  <a href="{postrow.displayed.QUOTE_URL}">
                     <i class="ion-quote"></i>
                  </a>
               </li>
               <li class="btn-edit">
                  <a href="{postrow.displayed.EDIT_URL}">
                     <i class="ion-edit"></i>
                  </a>
               </li>
               <li class="btn-delete">
                  <a href="{postrow.displayed.DELETE_URL}">
                     <i class="ion-trash-a"></i>
                  </a>
               </li>
               <li class="btn-ip">
                  <a href="{postrow.displayed.IP_URL}">
                     <i class="ion-ios-information"></i>
                  </a>
               </li>
               <li class="btn-report">
                  {postrow.displayed.REPORT_IMG}
               </li>
            </ul>

            <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
            <div class="topic-date">
               {postrow.displayed.POST_DATE_NEW}

               <!-- BEGIN switch_vote_active -->
               <div class="vote">
                  <!-- BEGIN switch_vote -->
                     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="ion-thumbsup"></a>
                  <!-- END switch_vote -->

                  <!-- BEGIN switch_vote -->
                     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="ion-thumbsdown"></a>
                  <!-- END switch_vote -->

                  <!-- BEGIN switch_bar -->
                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                     <div class="vote-bar-desc">
                        {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                     </div>

                     <div class="vote-bars">
                        <!-- BEGIN switch_vote_plus -->
                           <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                           <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                  </div>
                  <!-- END switch_bar -->

                  <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                  <!-- END switch_no_bar -->
               </div>
               <!-- END switch_vote_active -->
            </div>
         </div>

         <div class="postbody">
            <div class="content">
               <div>{postrow.displayed.MESSAGE}</div>
               <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                           </dt>
                           <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><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}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{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}</span>
                              <!-- END switch_no_dl_att -->

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

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

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                           </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                     </dd>
                  </dl>
               <!-- END switch_attachments -->
                          </div>
            <div class="edited-message">
               {postrow.displayed.EDITED_MESSAGE}
            </div>
            <!-- BEGIN switch_signature -->
               <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>
<!-- BEGIN switch_likes_active -->
 <div class="fa_like_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}">
 <i class="ion-thumbsup"></i>
 <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}">
 <i class="ion-thumbsdown"></i>
 <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 -->
 <!-- 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>
 <!-- END switch_likes_active -->
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<div class="quick-nav-topics bottom">
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>
    <!-- END switch_isconnect -->
    <a href="#top">{L_BACK_TO_TOP}</a>
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
    <!-- END switch_isconnect -->
</div>

<div class="topic-actions bottom">
   <!-- BEGIN topicpagination -->
      <div class="pagination">
         {PAGINATION}
      </div>
   <!-- END topicpagination -->

   <div class="topic-actions-buttons">
      <!-- BEGIN switch_user_logged_in -->
         <!-- BEGIN watchtopic -->
            {S_WATCH_TOPIC}
         <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->

      <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}" class="ion-reply button1">{L_POST_REPLY_TOPIC}</a>
      <!-- END switch_user_authreply -->
   </div>
</div>

<!-- BEGIN promot_trafic -->
   <div class="block" id="ptrafic_close" style="display: none;">
      <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-plus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
   </div>
   <div class="block" id="ptrafic_open" style="display:'';">
      <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-minus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
      <ul class="ptrafic">
         <!-- BEGIN link -->
            <li>
               <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">
                  <i class="ion-ios-chatbubble-outline"></i>{promot_trafic.link.TITLE}
               </a>
            </li>
         <!-- END link -->
      </ul>
   </div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
   <div class="h3">{L_FORUM_RULES}</div>
   <div class="clear"></div>
   <table class="postbody">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
   <a name="quickreply"></a>
   {QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
   <fieldset class="jumpbox">
      <label>{L_JUMP_TO}:</label>
      {S_JUMPBOX_SELECT}
      <input class="button2" type="submit" value="{L_GO}" />
   </fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
   <fieldset class="quickmod">
      <input type="hidden" name="t" value="{TOPIC_ID}" />

      <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
      <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
      <label>{L_MOD_TOOLS}:</label>
      {S_SELECT_MOD}
      <input class="button2" type="submit" value="{L_GO}" />
   </fieldset>
</form>

<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
   <div class="block">
      <div class="h3">{L_TABS_PERMISSIONS}</div>
      {S_AUTH_LIST}
   </div>
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
$(document).ready(function() {
   $('pre, code').each(function(i, block) {
      hljs.highlightBlock(block);
   });

   $('.post').each(function() {
      if (!$(this).find('.postprofile-avatar').html().length) {
         $(this).find('.postprofile-rank').css('border-bottom', 'none');
         $(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
      }
   });
});
</script>
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1751
معدل النشاط : 3626
السُمعة : 318

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم Empty رد: حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم

مُساهمة من طرف نزار السعيد الثلاثاء 8 يونيو 2021 - 17:56

شكرا لكم اصدقائي تم الاضافة بنجاح
نزار السعيد
نزار السعيد
 
 

ذكر
عدد المساهمات : 91
معدل النشاط : 3386
السُمعة : 1

http://mo7it.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم Empty رد: حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم

مُساهمة من طرف H3RO الخميس 15 يوليو 2021 - 13:00

تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم



حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم 31010
حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم 410 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سرقائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم 410 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
حول تغيير شكل زر اعجبني بنسخة مودرن BB المنشور من قبلكم 410 لا يتم المساعدة على الخاص!
H3RO
H3RO
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 1809
معدل النشاط : 8065
السُمعة : 123

https://www.arbgfx.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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