مهووس نتدخول

منتدى يضم عدد كبير من المواضيع في شتى المجالات


شاطر

descriptionكود وضع النص فى3ازرار+أطارات مختلفة بالوان جذابة

more_horiz
السلام عليكم ورحمة الله وبركاتة
اليوم جايبلكم 
كود وضع النص فى3ازرار+أطارات مختلفة بالوان جذابة
كودين جمال جدا 
يعملو 3ازرار احترافية وجميلة جدا جدا 
وعبارة عن وضع النص داخل 
أطار بلون مميز جدا 
واليكم صور لتوضيح 
:صورة:
طريقة وضع الكود:
لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css
وضع هذه الاكواد

الكود:

/*MESSAGE BOX WITH ICONS by dzmontada*/ .msg-box, .ok-box, .success-box, .warning-box, .error-box{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 20px; } .msg-box{ border:solid 3px #8e8e04; background:#FFFFCC url(images/msg.png) 97% 6px no-repeat; color:#222222; padding:6px; text-align:center; } .ok-box{ border:solid 3px #27739d; background:#94d5fb url(images/msg.png) 97% 6px no-repeat; color:#222222; padding:6px; text-align:center; } .success-box{ border:solid 3px #90ac13; background:#eef4d3 url(images/msg.png) 97% 6px no-repeat; color:#222222; padding:6px; text-align:center; } .warning-box{ border:solid 3px #ba4c0e; background:#ffcaa4 url(images/msg.png) 97% 6px no-repeat; color:#222222; padding:6px; text-align:center; } .error-box{ border:solid 3px #dc2727; background:#f2abab url(images/error.png) 97% 6px no-repeat; color:#222222; padding:6px; text-align:center; }


ضع هذافى  إدارة أكواد Javascript
اسم العنصر : اى اسم تختارة
علم على : جميع الصفحات
اضف الكود التالى:

الكود:

$(function(){ $(function(){ $('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="تم الحل"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">تم الحل</div></a>').insertBefore('.sceditor-button-size').click(function(){ $('#text_editor_textarea').sceditor("instance").insertText("[table class=success-box][tr][td]","[/td][/tr][/table]"); }); $('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="تحذير هام"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">تحذير هام</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){ $('#text_editor_textarea').sceditor("instance").insertText("[table class=warning-box][tr][td]","[/td][/tr][/table]"); }); $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="معلومة"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">معلومة</div></a>').insertAfter('.sceditor-button-aviso').click(function(){ $('#text_editor_textarea').sceditor("instance").insertText("[table class=ok-box][tr][td]","[/td][/tr][/table]"); }); }); });


والان سجل ومبروك عليك الكود
كود وضع النص فى3أطارات مختلفة بالوان جذابة
كود وضع النص فى3ازرار مختلفة بالوان جذابة
كود وضع النص فى3ازرار+أطارات مختلفة بالوان جذابة
:النهاية:

descriptionرد: كود وضع النص فى3ازرار+أطارات مختلفة بالوان جذابة

more_horiz
كود رووووعه وجمالية ابدعت بما تطرح عوافي يارب دمت بخير
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى