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

لونك المفضل
الألوان
chatالمواضيع الأخيرة
 2020-09-22, 3:26 pm
 2020-09-15, 12:04 am
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر
bubble_chartالمتواجدون الآن ؟
ككل هناك 16 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 16 زائر

لا أحد

مُعاينة اللائحة بأكملها

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 494 بتاريخ 2019-03-19, 11:43 am

موقع احلى مطور

موقع احلى مطور لتطوير و تنمية منتديات أحلى منتدى

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

كلمات دليلية:

استايل احلى منتدى مجاني تومبلايتات وقوالب 2020 Emptyاستايل احلى منتدى مجاني تومبلايتات وقوالب 2020

omarpop23
المؤسس
 نُشر في 2020-05-28

بسم الله الرحمن الرحيم

استايل احلى منتدى مجاني تومبلايتات وقوالب 2020

 قمت بعمل استايل مجاني لأعضاء احلى منتدي بمناسبة عيد الفطر 2020

صور للتصميم:


استايل احلى منتدى مجاني تومبلايتات وقوالب 2020 Screen11
الصفحة الرئيسية

استايل احلى منتدى مجاني تومبلايتات وقوالب 2020 Screen10
صفحة المواضيع

استايل احلى منتدى مجاني تومبلايتات وقوالب 2020 Screen10
صفحة مُعاينة المواضيع


مشاهده حية للتصميم

طريقة التركيب:

قم بتحميل التصميم من زر التحميل أسفل الموضوع


  • قم بفك الضغط ورفع ملف التصميم style.bbtheme الي منتداك من خلال لوحة الإدارة
  • قم بنسخ/لصق القوالب المرفقه بالملف في أماكنها الصحيحة
  • اذهب الي لوحة الادارة - مظهر المنتدى - الصفحة الرئيسية - الهيكل و التراتب
    ثم اختار الإحتفاض بالفئات على الصفحة الرئيسية :  متوسط
  • اذهب الي لوحة الادارة - ادارة عامة - منتدى - المنتديات و الفئات -
    قم بتعديل منتدى ووضع صورة للمنتدي من خيار رابط الصورة :
    يفضل ان تكون الصورة الطول 200 بيكسل و العرض 455 بيكسل
  • اذهب الي لوحة الاداره -  عناصر إضافية - إدارة العناصر المستقلة على المنتدى

    إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى :  نعم
    عرض العمود 1 (اليمين) : 0
    عرض العمود 3 (اليسار) : 250
    ثم ضع العناصر الاضافيه علي اليسار

    صورة توضحيهاستايل احلى منتدى مجاني تومبلايتات وقوالب 2020 Captur15
  • اذهب الي لوحة الاداره -  عناصر إضافية - عارضة المنتدي
    تثبيت في الاعلي :   لا


الموضوع مغلق، اذا كنت تواجه مشكله في التصميم قم بفتح موضوع جديد هنـا دعم المشاكل



عدل سابقا من قبل omarpop23 في 2020-06-24, 12:50 pm عدل 9 مرات

omarpop23 و Zoolraqey يعجبهم هذا الموضوع

استايل احلى منتدى مجاني تومبلايتات وقوالب 2020 Emptyتحديث اضافة زر الاعجاب في المواضيع

omarpop23
المؤسس
 نُشر في في 2020-05-30, 7:45 pm
تحديث اضافة زر الاعجاب في المواضيع
استايل احلى منتدى مجاني تومبلايتات وقوالب 2020 Untitl12
استبدل قالب الـ view_topic بالكود التالي

الكود:

<!-- BEGIN switch_plus_menu -->
<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 = {  };
 }
 });
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">

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

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

{POLL_DISPLAY}

<div class="post">
<!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <div class="{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_topic {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="post_profile" id="profile{postrow.displayed.U_POST_ID}">
 <!-- div class="online2"></div-->
                          
                                <div class="postprofile-avatar">
                                        {postrow.displayed.POSTER_AVATAR}
                                </div>
 <div class="poster_info">
 <div class="poster_details">
 <div class="post_profile-name">
 {postrow.displayed.POSTER_NAME}
 </div>
 <div class="post_profile-rank">
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 </div>
 </div>
 <div class="post_profile-info">
 <!-- BEGIN profile_field -->
                                          <div class="profile_field">
                                            <div class="field_label">{postrow.displayed.profile_field.LABEL}</div>
                                            <div class="field_content">{postrow.displayed.profile_field.CONTENT}</div>
                                          </div>
                                                  <!-- END profile_field -->
                                            <div class="poster_rpg">{postrow.displayed.POSTER_RPG}</div>
 </div>
                                <div class="contact_btn"><i class="fas fa-ellipsis-h"></i></div>
 <div class="post_profile-contact" style="display: none;">
 {postrow.displayed.PROFILE_IMG}
 {postrow.displayed.PM_IMG}
 {postrow.displayed.EMAIL_IMG}
 <!-- BEGIN contact_field -->
 {postrow.displayed.contact_field.CONTENT}
 <!-- END contact_field -->
 </div>
 </div>
 </div>

                                  
 <div class="post_body">
                          <span class="post_date_new">{postrow.displayed.POST_DATE_NEW}</span>
 <div class="content">
 <div>{postrow.displayed.MESSAGE}</div>
                                  
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <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_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 -->
 <!-- BEGIN switch_signature -->
 <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
 <!-- END switch_signature -->
 <div class="post-foot">
 <div class="topic-vote">
 <!-- BEGIN switch_vote_active -->
 <div class="voting">
 <!-- BEGIN switch_vote -->
 <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">الإعجاب</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>
 <!-- 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 class="profile_icons">
 <div class="btn_thank">
 <a href="{postrow.displayed.THANK_URL}">
 شُكر
 </a>
 </div>
 <div class="btn_quote_multi">
 <span onclick="{postrow.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{postrow.displayed.U_POST_ID}">
 اقتباس
 </span>
 </div>
 <div class="btn_quote">
 <a href="{postrow.displayed.QUOTE_URL}">
 اقتباس
 </a>
 </div>
 <div class="btn_edit">
 <a href="{postrow.displayed.EDIT_URL}">
 تعديل
 </a>
 </div>
 <div class="btn_delete">
 <a href="{postrow.displayed.DELETE_URL}">
 حذف
 </a>
 </div>
 <div class="btn_ip">
 <a href="{postrow.displayed.IP_URL}">
 IP
 </a>
 </div>
 <div class="btn_report">
 {postrow.displayed.REPORT_IMG}
 </div>
 </div>
 </div>

 </div>
 </div>
 <!-- BEGIN first_post_br -->
 <hr id="first-post-br" />
 <!-- END first_post_br -->
 <!-- END displayed -->
  
<!-- END postrow -->
</div>

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

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

</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 -->


<!-- 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' : '.post_body .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<!-- BEGIN switch_plus_menu -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<!-- END switch_plus_menu -->
<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);
 });
  
        $(function() {
                $('.profile_field.field_عدد-المساهمات .field_label').html('<i class="fas fa-comment-alt"></i>');
                $('.profile_field.field_نقاط .field_label').html('<i class="fas fa-trophy"></i>');
                $('.profile_field.field_الس__0651__064cمع__064eة .field_label').html('<i class="fas fa-thumbs-up"> </i>');
        });
        
      $(function() {
          $('.contact_btn').each(function(){
              $(this).on('click', function(){
                  $(this).parent().find('.post_profile-contact').slideToggle();
              });
          })
      });

});
</script>

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

اعلانات نصية