منتدى فضائى : اصلاح وصيانة الريسيفرات والاجهزه الكهربائيه وتحديد اتجاه الاقمار الصناعيه واقوى السيرفرات المجانيه والمدفوعه لفتح القنوات المشفرة واحدث البرامج الخاص بالكمبيوتر  

الرئيسيةبحـثاليوميةس .و .جالتسجيلدخول



شاطر | 

 

 كود وضع صوره برابط توجيهى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
avatar
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 451
الدولة : مصر
#1مُساهمةموضوع: كود وضع صوره برابط توجيهى   الخميس نوفمبر 16, 2017 1:55 am

اخوانى الاعزاء

اقدم لكم اليوم كود طالما طلبه الكثيرمن الاعضاء وهو كيفيه وضع صوره برابط توجيهى فى الموضوع بدون مجهود وبدون اكواد

واليوم اتيت لكم به وهو كود صوره برابط توجيهى

ملحوظه الكود ليس من تصميمى ولكن من تصميم المنتديات الاجنبيه ولكنى قمت بعمل تعديل بسيط فى الكود

نبدأ على بركه الله
اولا الكود عباره عن دمج  اى صوره برابط يحدده العضو بحيث اذا ضغط اى شخص على الصوره يوجه الى الرابط الذى تم وضعه من قبل العضو  ويمكن استخدام هذا الكود فى اشياء كثيره ومنها اشهار المنتدى فى منتديات اخرى او عمل رابط بصوره للموضوع نفسه داخل الموضوع او وضع صوره داخل الموضوع وربطها بالقسم وهو ما يزيد من زوار القسم ويزيد من البيج رانك الخاص به 

صوره لمعاينه الكود بعد وضعه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
وهذا شرح الزر بالصوره

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ولن اطيل كثيرا تفضلوا الكود



الكود:

$(function(){$(function(){$('.sceditor-button-image').after('<a
 title="ادراج صوره برابط توجيهى" class="sceditor-button
sceditor-button-imganc"><div
style="background:url(http://i39.servimg.com/u/f39/18/21/41/30/imganc10.png);"></div></a>');$('.sceditor-button-imganc').click(function(){if($('.sceditor-insertimganc').length)return
 $('.sceditor-insertimganc').remove();$('body').append('<div
class="sceditor-dropdown sceditor-insertimganc"
style="position:absolute;"><div><label>رابط
الصورة</label> <input id="imganc-img" class="url"
placeholder="http://"
type="text"></div><div><label>رابط
التوجيه</label> <input id="imganc-url" class="url"
placeholder="http://"
type="text"></div><div><label>عرض (حقل
اختياري)</label> <input id="imganc-width" size="2"
type="text"></div><div><label>ارتفاع (حقل
اختياري)</label> <input id="imganc-height" size="2"
type="text"></div><div><input id="submit-imganc"
class="button" value="إدراج"
type="button"></div></div>');$('.sceditor-insertimganc').css({'left':$('.sceditor-button-imganc').offset().left+'px','top':$('.sceditor-button-imganc').offset().top+25+'px'});$('#submit-imganc').click(function(){var
 
dimension='',width=$('#imganc-width').val(),height=$('#imganc-height').val(),image=$('#imganc-img').val(),url=$('#imganc-url').val();if(width.length>0&&height.length>0)dimension='('+width+'px,'+height+'px)';else
 
if(width.length>0&&height.length<1)dimension='('+width+'px,'+width+'px)';else
 
if(width.length<1&&height.length>0)dimension='('+height+'px,'+height+'px)';if(image.length>0&&url.length>0)$('#text_editor_textarea').sceditor('instance').insertText('[url='+url+'][img'+dimension+']'+image,'[/img][/url]');$('.sceditor-insertimganc').remove();return
 
false})});$('.sceditor-button-source').click(function(){$('.sceditor-button-imganc').removeClass('disabled')});$('.sceditor-button').not('.sceditor-button-imganc').click(function(){$('.sceditor-insertimganc').remove()});$('.sceditor-container
 
textarea').focus(function(){$('.sceditor-insertimganc').remove()});$('.sceditor-container
 
i-frame').contents().mousedown(function(){$('.sceditor-insertimganc').remove()})})});


طريقه وضع الكود

لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد

العنوان:وضع صوره برابط توجيهى

أضف الكود الى : جميع الصفحات

ثم سجل
انتهى الشرح

ارجو ان اكون وفقت فى الشرح


الرابط   [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
* توقــــــيع العضــو = محمد صبحي*




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود وضع صوره برابط توجيهى
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المصراويه  :: منتديات الدعم والمساعدة :: اكواد وقوالب التومبيلات وتقنيات اخرى :: أكواد الجافا إسكريبت JAVA-
انتقل الى:  
أختر لغة المنتدى من هنا
الساعة الآن

اخـرالمواضيــع اشترك فى خدمة العفاسي من اتصالات مصر الجمعة مارس 02, 2018 4:11 am من طرف محمد صبحي أربـــع فــــــوائـــد للتـــدخيـــــن الجمعة مارس 02, 2018 2:08 am من طرف محمد صبحي كود جافا الوضع الليلي الأحد يناير 14, 2018 7:06 am من طرف محمد صبحي حصريا احدث ملف قنوات عربى لكيوماكس h4 العادى بتاريخ 25-11-2017 الثلاثاء يناير 02, 2018 5:30 am من طرف محمد صبحي ريسيفر رويال 777 الاسود الصينى لمبة حمراء الأربعاء نوفمبر 29, 2017 4:13 pm من طرف محمد صبحي

Powered by vBulletin Forums ahlamontada
(Copyright ©2000 - 2018, phpBB2 subsilver)


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *