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

The Bestدخول
●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا ديوان الإلكتروني
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
264 المساهمات
239 المساهمات
108 المساهمات
93 المساهمات
50 المساهمات
45 المساهمات
32 المساهمات
25 المساهمات
22 المساهمات
21 المساهمات
آخر المشاركات


اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

4 مشترك



descriptiondefaultاضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
السلام عليكم ورحمة الله وبركاته,
كود لاضافة ازرار معاينة وحفظ وباقي الازارار في الرد السريع AwesomeBB  
-----------------------------


قبل تركيب الكود:
اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB Ocia_a23


بعد تركيب الكود:
اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB Frorum13
----------------------------

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


اذهب الى التومبيلات والقوالب واختر قالب viewtopic_body
وابحث عن التالي

الكود:

{QUICK_REPLY_FORM}






احذفه وضع مكانه الكود التالي

الكود:

<style>
.fa_avatar img {
    border: solid 2px #000;
    border-radius: 200px;
    width: 88px;
    height: 80px;
    position: relative;
    top: -20px;
}
.txet_avatar{
    position: relative;
    top: -20px;
}
.fa_avatar {
    text-align: center;
    border-top: solid #000 2px;
    background: white;
}
.sceditor-toolbar {
    text-align: center!important;
    background: #1e88e5!important;
}
 .sceditor-container iframe, .sceditor-container textarea {
    background-color: white!important;
    font-family: Open Sans, Arial, sans-serif;
width: 100%!important;
    height: 222px!important;
    min-height: 22px!important;
    padding: 22px!important;
}
fieldset.form-buttons {
    text-align: center;
}
.quick-reply {
    display: none;
    clear: both;
}
input.btn.btn-flat {
    font-weight: 900;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    color: #FFF;
    background: #1e88e5;
}
button.btn.btn-default.btn-icon:hover, input.btn.btn-flat:hover {
    background: #263238;
}

    </style>  
<br /><br />
  <div class="fa_avatar">
  <div class="txet_avatar">
      <!-- BEGIN switch_user_logged_in -->
 <div id="usserlinks" class="clearfix">
 
 <p>{LOGGED_AS}.</p>
 </div>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_user_logged_out -->
 <div id="userlinks" class="not-connected clearfix">
 <span class="guest">{L_NOT_CONNECTED}</span> <span></span>
 </div>
 <!-- END switch_user_logged_out -->
   </div>
      </div>    
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}

<!-- END switch_user_logged_in -->

<hr />

<div class="topic-actions">
 <div class="buttons">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  &nbsp;
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </div>







ثم اذهب الى اكواد الجافا

العنوان : من اختيارك
المكان : في المواضيع


وضع الكود التالي

الكود:

$(function() {
  if (_userdata.session_logged_in == 1)
  var reply = $('.i_reply')[0];
 
  if (reply) reply = reply.parentNode;
  else return;
 
 
    toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,emoticon,twemojifa,date,time,pastetext,source';
 
 
 
  $.get(reply.href, function(d) {
    var quick_reply = document.createElement('FORM'), area = $('#text_editor_textarea', d)[0], data = $('fieldset.form-buttons', d)[0], anchor = document.anchors.quickreply,  n;
    quick_reply.id = 'quick_reply';
    quick_reply.action = '/post';
    quick_reply.method = 'post';
    quick_reply.name = 'post';
    quick_reply.enctype = 'multipart/form-data';
    quick_reply.innerHTML = '<div id="textarea_content" style="width: 50%; clear: both; margin-left: auto; margin-right: auto; text-align: center;">
         
        </div>';
 
    area && quick_reply.firstChild.appendChild(area);
    data && quick_reply.firstChild.appendChild(data);
 
    anchor.parentNode.insertBefore(quick_reply,  anchor);
 
    scripts = [
    'https://illiweb.com/rs3/16/frm/SCEditor/src/instance-sceditor.js'
    ];
 
    for (i = 0, j = scripts.length; i < j; i++) {
      n = document.createElement('SCRIPT');
      n.src = scripts[i];
      quick_reply.appendChild(n);
    }
 
  });
'This tutorial was written by Angie Tutor for guests to version phpBB3,
  and  Improved and  modified for AwesomeBB version by كونان2000'
});
 
 
 
$(function(){$(function(){
  $('.fa_avatar').prepend('<div class="fa_avatar">'+_userdata.avatar+'</div>')})});
 
 
 
$(function(){
 
    if (_userdata.session_logged_in || document.getElementById('quick_reply')) return;
 
  $("div#usserlinks,
 div#usserlinks").css({"font-size": "0"});
  'by كونان2000'                     
});





___________________________________________

اتمنى ان يكون الكود اعجبكم :@:

descriptiondefaultرد: اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
مرحبا يا كونان
سوف يستفيد اصحاب المنتديات من هذا الكود بلا شك
النتيجه بعد تركيبه رائعه لقد احببته
و الصوره الشخصيه في المنتصف اعجبتني
أريقاتوو ⁦(。♡‿♡。)⁩

descriptiondefaultرد: اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
شكراااا لكي اختي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
سعيد ان الكود والشكل عجبك ^^

وان شاء الله نأتي بعمل جديد مستقبلا يعجبكم

تحياتي (◠‿◠)

descriptiondefaultرد: اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
نتيجة الكود مبهرة و بالفعل فيه اضافات مفيدة

أبدعت كونان

شكرا جزيلا لك ^^

اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB 866468155


اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB H9R9IUO
اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB 866468155

descriptiondefaultرد: اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
العفو اختي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
من الرائع سماع ذلك ^^

وشكرا لكم على ردودكم المفرحه (◠‿◠)

وفقكم الله

descriptiondefaultرد: اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
شكرآ لك


اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB Rt69sr10
اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB Untitl17
W W W . T H E B 3 S T . C O M

descriptiondefaultرد: اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
العفو اخي ^^

descriptiondefaultرد: اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB G4k0EIA

مثلا لدينا زر رفع الصور بواسطة imgur و زر الهاشتاغ و زر الخلفية

هل هناك طريقة لتعديل الكود بحيث لا يعدل شيئا في شكل الصندوق

فقط يضيف أزرار المعاينة و الحفظ في الأسفل ؟


اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB H9R9IUO
اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB 866468155

descriptiondefaultرد: اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
مرحبا [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

تم تعديل كود الجافا

جربي هل تظهر الازرار

الكود:

$(function() {
  if (_userdata.session_logged_in == 1)
  var reply = $('.i_reply')[0];
 
  if (reply) reply = reply.parentNode;
  else return;
 
 

 
 
 
  $.get(reply.href, function(d) {
    var quick_reply = document.createElement('FORM'), area = $('#text_editor_textarea', d)[0], data = $('fieldset.form-buttons', d)[0], anchor = document.anchors.quickreply,  n;
    quick_reply.id = 'quick_reply';
    quick_reply.action = '/post';
    quick_reply.method = 'post';
    quick_reply.name = 'post';
    quick_reply.enctype = 'multipart/form-data';
    quick_reply.innerHTML = '<div id="textarea_content" style="width: 50%; clear: both; margin-left: auto; margin-right: auto; text-align: center;">
       
        </div>';
 
    area && quick_reply.firstChild.appendChild(area);
    data && quick_reply.firstChild.appendChild(data);
 
    anchor.parentNode.insertBefore(quick_reply,  anchor);
 
    scripts = [
    'https://illiweb.com/rs3/16/frm/SCEditor/src/instance-sceditor.js'
    ];
 
    for (i = 0, j = scripts.length; i < j; i++) {
      n = document.createElement('SCRIPT');
      n.src = scripts[i];
      quick_reply.appendChild(n);
    }
 
  });
'This tutorial was written by Angie Tutor for guests to version phpBB3,
  and  Improved and  modified for AwesomeBB version by كونان2000'
});
 
 
 
$(function(){$(function(){
  $('.fa_avatar').prepend('<div class="fa_avatar">'+_userdata.avatar+'</div>')})});
 
 
 
$(function(){
 
    if (_userdata.session_logged_in || document.getElementById('quick_reply')) return;
 
  $("div#usserlinks,
 div#usserlinks").css({"font-size": "0"});
  'by كونان2000'                   
});

descriptiondefaultرد: اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB

more_horiz
شكرا كونان ^^

ظهر زر الهاشتاج لكن بقية الأزرار لم تظهر ..


اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB H9R9IUO
اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB RT69Sre
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]  اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB 866468155
 
 KonuEtiketleri عنوان الموضوع
اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB
 Konu Linki رابط الموضوع
 Konu BBCode BBCode
 Konu HTML Kodu HTML code
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى