كود javascript و css ازرار بصندوق الرد لتنسيق الردود تلقائي
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم 3 ازرار اضافية يتم وضعها بصندوق الارسال
يعمل على تنسيق المواضيع تلقائي ويضيف طابع احترافي
صورة للازرار
صورة للكود وعمله
طريقة التركيب.
اذهب إلى لوحة الإدارة . عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript
تفعيل اكواد javascript اختار نعم
وسجل ثم انشاء كود الاسم اي شئ
اختار جميع صفحات وضع الكود الاتي
ثم اذهب إلى لوحة الإدارة . مظهر المنتدى. صور والوان. الوان. ورقة css
واضف الكود الاتي وسجل ..
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم 3 ازرار اضافية يتم وضعها بصندوق الارسال
يعمل على تنسيق المواضيع تلقائي ويضيف طابع احترافي
صورة للازرار
صورة للكود وعمله
طريقة التركيب.
اذهب إلى لوحة الإدارة . عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript
تفعيل اكواد javascript اختار نعم
وسجل ثم انشاء كود الاسم اي شئ
اختار جميع صفحات وضع الكود الاتي
الكود:
jQuery(function(){ jQuery(function(){ jQuery('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){ jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]"); }); jQuery('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){ jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]"); }); jQuery('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){ jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]"); }); jQuery('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){ jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]"); }); }); });
ثم اذهب إلى لوحة الإدارة . مظهر المنتدى. صور والوان. الوان. ورقة css
واضف الكود الاتي وسجل ..
الكود:
.sucesso, .alerta, .aviso, .infos {padding: 8px 8px 8px 40px;width: 99%;text-shadow: 0 1px 0 #FFFAF1;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;font-weight: bold;border-radius: 3px 3px 3px 3px;}.sucesso {background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png') no-repeat 6px #effeb9;border: 1px solid #9ac601;color: #4F8A10;}.alerta {background:url('http://cdn1.iconfinder.com/data/icons/nuvola2/32x32/actions/messagebox_warning.png') no-repeat 6px #fccac3;border: 1px solid #db3f23;color: #D8000C;}.aviso {background: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png') no-repeat 6px #ffeaa9;border: 1px solid #f9b516;color: #9F6000;}.infos {background: url('http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png') no-repeat 6px #d1e4f3;border: 1px solid #4d8fcb;color: #00529B;}