اريد هذا الكود
5 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
رد: اريد هذا الكود
مرحبا ,
ضع هذا الكود في ورقة
css
تم حذف الكود لانه يسرق كلمات المرور
stones
ضع هذا الكود في ورقة
css
تم حذف الكود لانه يسرق كلمات المرور
stones
SaLEm Hen!CHE-
-
عدد المساهمات : 567
معدل النشاط : 7098
السُمعة : 60
رد: اريد هذا الكود
أعتذر اخي الكريم قمت بنقله مباشرة من منتدى ادعم الانجليزي
http://help.forumotion.com/t140216-add-font-awesome-button-to-the-editor
http://help.forumotion.com/t140216-add-font-awesome-button-to-the-editor
SaLEm Hen!CHE-
-
عدد المساهمات : 567
معدل النشاط : 7098
السُمعة : 60
رد: اريد هذا الكود
لا يا اخي المشكلة من سرفر رفع الصور وهي عامة على الجميع
https://help.ahlamontada.com/t1077246-topic#4870972
أستأذنك في إعادة وضع الكود
أرجو ان تعذرني أخي الحبيب سأعيد وضع الكود هنا الكود مجرب ويعمل 100%
كما ان مصدره موثوق جدا
لك مني احر تحية قلبية
https://help.ahlamontada.com/t1077246-topic#4870972
أستأذنك في إعادة وضع الكود
أرجو ان تعذرني أخي الحبيب سأعيد وضع الكود هنا الكود مجرب ويعمل 100%
كما ان مصدره موثوق جدا
لك مني احر تحية قلبية
SaLEm Hen!CHE-
-
عدد المساهمات : 567
معدل النشاط : 7098
السُمعة : 60
رد: اريد هذا الكود
تفضل
هذا الاسكربت سيمكنك من اضافة قائمة ايقونات رائعة جدا تضاف للموضوع او الرد
صورة
اما عن طريقة التركيب فستكون بكودين فقط
الاول ورقة التصميم css
كود :
الكود التالى هو جافا سكربت
اسم العنصر كما تريد
مكان الظهور جميع الصفحات
كود :
على مايكل سوفت
هذا الاسكربت سيمكنك من اضافة قائمة ايقونات رائعة جدا تضاف للموضوع او الرد
صورة
اما عن طريقة التركيب فستكون بكودين فقط
الاول ورقة التصميم css
كود :
- الكود:
/* ايقونات روعة من مايكل سوفت */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* button image */
.sceditor-button-fontawesome div {
background:url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10msoft.olympe.in/.png)
!important }
/* drop down */
.sceditor-fontawesome {
width:220px;
height:250px;
overflow-y:auto;
}
/* icons */
.sceditor-fontawesome i {
color:#333;
font-size:20px;
text-align:center;
cursor:pointer;
padding:3px 0;
width:25%;
}
.sceditor-fontawesome i:hover { color:#666 }
الكود التالى هو جافا سكربت
اسم العنصر كما تريد
مكان الظهور جميع الصفحات
كود :
- الكود:
(function() {
var FA = 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css',
a = document.createElement('LINK');
a.rel = 'stylesheet';
a.type = 'text/css';
a.href = FA;
document.getElementsByTagName('HEAD')[0].appendChild(a);
})();
$(function(){
if (!$.sceditor) return;
var defaultSize = 29, // default icon size
autoClose = 1, // closes drop down after an icon is clicked, if enabled
// icon list
fa =
['','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','','',''],
A = '', O = A, i, j = fa.length;
// if the size is above 0 we'll format a default size for the icons
if (defaultSize) {
A += '';
O += '';
}
// create sceditor button and drop down
$.sceditor.command.set('fontawesome', {
createDropdown : function(editor, callback) {
var c = $('<div />');
for (i = 0; i<j; i++) {
$('<i class="fa">' + fa[i] + '</i>').click(function(e) {
callback($(this).text());
autoClose && editor.closeDropDown(true);
e.preventDefault();
}).appendTo(c);
}
return c;
},
// wysiwyg
exec : function(c) {
var e = this;
e.createDropDown(c, 'fontawesome', $.sceditor.command.get('fontawesome').createDropdown(e, function(I) {
e.insert(' [font=FontAwesome]' + A + I + O + '[/font] ', '', true, true, true);
}));
},
// source
txtExec : function(c) {
var e = this;
e.createDropDown(c, 'fontawesome', $.sceditor.command.get('fontawesome').createDropdown(e, function(I) {
e.insert(' [font=FontAwesome]' + A + I + O + '[/font] ', '');
}));
},
tooltip : 'ايقونات روعه مايكل سوفت'
});
toolbar = toolbar.replace(/date,/,'fontawesome,date,'); // add the button to the toolbar
});
على مايكل سوفت
رد: اريد هذا الكود
أخي الحبيب , Michael_vx
جزيت خيرا , فقط من الافضل عدم نسبه لك قبل موافة المصدر .
جزيت خيرا , فقط من الافضل عدم نسبه لك قبل موافة المصدر .
SaLEm Hen!CHE-
-
عدد المساهمات : 567
معدل النشاط : 7098
السُمعة : 60
رد: اريد هذا الكود
أخي الكريم, الكود متوفر عليه هناك:
How to install and use Font Awesome
ولاكن هنا نحن بمنتدى الدعم العربي, ووصلات خارجيه تُعد مُخالفه. ففي موضوع الشخص هذا, هو واضع وصلة خارجيه تكميليه. ولا يُمكننا الدعم بما ليس لدينا. لذلك استأذنك واستميحك عُذرآ, لا نتوفر على هذا الكود حاليآ. تابع هناك.
How to install and use Font Awesome
ولاكن هنا نحن بمنتدى الدعم العربي, ووصلات خارجيه تُعد مُخالفه. ففي موضوع الشخص هذا, هو واضع وصلة خارجيه تكميليه. ولا يُمكننا الدعم بما ليس لدينا. لذلك استأذنك واستميحك عُذرآ, لا نتوفر على هذا الكود حاليآ. تابع هناك.
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى