اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB
صفحة 1 من اصل 1
اضافة ازرار [معاينة][حفظ] وباقي الازارار في الرد السريع AwesomeBB
السلام عليكم ورحمة الله وبركاته,
كود لاضافة ازرار معاينة وحفظ وباقي الازارار في الرد السريع AwesomeBB
كود لاضافة ازرار معاينة وحفظ وباقي الازارار في الرد السريع AwesomeBB
-----------------------------
قبل تركيب الكود:
----------------------------
طريقة التركيب
اذهب الى التومبيلات والقوالب واختر قالب 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>
<!-- 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' });
اتمنى ان يكون الكود اعجبكم

ابوعلي2007, MostWanted, لاتنسى ابدا ذكر الله, أفندينا و barqal يعجبهم هذا الموضوع

» تطوير صندوق الرد السريع في نسخىة AwesomeBB
» مشكلة اختفاء أزرار صندوق الرد السريع عند تصفح نسخة الكمبيوتر من الجوال AwesomeBB
» [css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية
» كيف اجعل ازرار الرد السريع مثل منتدى الدعم
» كيف يمكنني اضافة الرد السريع؟
» مشكلة اختفاء أزرار صندوق الرد السريع عند تصفح نسخة الكمبيوتر من الجوال AwesomeBB
» [css] كود جعل ازرار الرد السريع اكثر احترافية و انسيابية
» كيف اجعل ازرار الرد السريع مثل منتدى الدعم
» كيف يمكنني اضافة الرد السريع؟
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى