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

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



شاطر | 

 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
avatar
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 458
الدولة : مصر
#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-
انتقل الى:  
أختر لغة المنتدى من هنا
الساعة الآن

اخـرالمواضيــع ريسيفر رويال 777 الاسود الصينى لمبة حمراء الجمعة أكتوبر 12, 2018 11:49 pm من طرف tamsad احدث ملف قنوات بتاريخ 1 / 8 / 2017 (عربى اسلامى) للاجهزة الصينية المزودة بــ usb امـــامـــى الثلاثاء أكتوبر 02, 2018 9:48 pm من طرف shafeycolor شرح تشغيل فلاشه الانترنت على الجوكر مباشره بالتفصيل الممل وبالصور الثلاثاء أغسطس 28, 2018 9:48 pm من طرف محمد صبحي ملفات قنوات عربى للاجهزة الصينى بنسبة 95% للمعالج Ali بتاريخ 2017/10/1 الأحد يوليو 22, 2018 12:13 pm من طرف محمدعجوز strong hd 4992 super الازرق الإثنين يوليو 09, 2018 2:33 pm من طرف مجدى

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


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