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

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



شاطر | 

 

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

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

اخـرالمواضيــع strong hd 4992 super الازرق الإثنين يوليو 09, 2018 2:33 pm من طرف مجدى ملف قنوات عربى زووم ستار واشباه بتاريخ 2017/6/1 الخميس يونيو 28, 2018 3:45 pm من طرف samehhabib7 ملف عربي بتاريخ 25 /11/ 2017 لاجهزة برفكس (8000h1 الابيض والاسمر و A1 و V1 و 7400H الاسود و 8000H و8400H) معالج 6605 والدفعه الجديده V2 معالج 6605S الأربعاء يونيو 13, 2018 1:00 pm من طرف bedo morad العملاق لرفع وتحميل الصور الأحد يونيو 10, 2018 11:36 pm من طرف محمد صبحي احدث ملف قنوات نيل سات اسلامي عربي PRIFIX 8000 H1 الفضي الدفعة الأولى بالسوفت الأصلي وبالريموت الأصلي بتاريخ 1-5-2018 الملف بكل جديد وحصري الأحد يونيو 10, 2018 11:30 pm من طرف محمد صبحي

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


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