السلام عليكم ورحمة الله وبركاته,
كود لاضافة ازرار معاينة وحفظ وباقي الازارار في الرد السريع 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'
});
___________________________________________
اتمنى ان يكون الكود اعجبكم :@: