+ + + + +
Share/Save/Bookmark

2008-04-18

صورة مربوطة بلينك



مثال علطول فى العضل عشان مرغيش كتير

<a href="ضع هنا الرابط المستهدف بين علامتى التنصيص" target="_blank"><img src=" ضع هنا رابط الصورة بين علامتى التنصيص" border="0" width="150" height="250" alt="ضع وصف الصورة هنا"></a>




الشرح

- ضع لينك الصفحة المطلوب الوصول اليها بين علامتى التنصيص بعد كلمة href=
- ضع لينك الصورة بين علامتى التنصيص بعد كلمة src التى هى اختصار لكلمة
source
- يمكنك ان تصنع برواز للصورة عن طريق تغيير القيمة
صفر
- يمكن تغيير مقاسات الصورة ( الطول والعرض ) عن طريق تغيير القيمتين 150 و 250 وهما هنا كمثال مش اكتر
- لو مش عايز تزعج نفسك بالمقاس شيل الاكواد المعبره عن المقاس وريح الجمجمة ولو عايز تعرف مقاس اى صورة بشكل سريع اضغط عليها كليكه يمين ودوس properties هايظهرلك مقاسها ضمن الـ informations
- ضع وصف الصورة الذى سيظهر عند المرور عليها بالؤشر , وهى مهمة لضم الصورة لمحكات البحث عن الصور .
- يمكنك بهذه الطريقة ان تصنع صورة تعبر عن مدونتك وتربطها بلينك المدونة وتضعها فى الاطار الجانبى عن طريق وضعها كاداة ( element ) فى صفحة الادوات (Page Elements) الخاصة بمدونتك , او ممكن تحطها فى اى تدوينة كرابط لاى صفحة , ليها استخدامات كتير فى الحقيقة .
---------------------

مثال عملى :

عند وضع هذا الكود كمثال :

<a href="http://www.blogger-lu2a.blogspot.com/" target="_blank"><img height="32" alt="مدونة وائل" src="http://dr.wael4health.googlepages.com/blog-icon.gif" width="200" border="2" /></a>



سيكون الناتج بهذا الشكل :

مدونة وائل

انتهى .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

6 اضف تعليق , التعليقات:

osama said...

ازيك ياوئل انا بقالي اسبوع بنكش في مدونتك ولأني مبتدئ حتى النخاع لم يعمل معي ولا درس فأرجوك المتابع معي قليلاً )تطول بالك عليا) استفساري
1. اين اضع الكود الموجود اعلاه باظبط
2. اريد ان تكون الصوره تحت من انا على السايد بار
3.شوف السايد بار الخاص بي على جهة يمين الشاشه اريده على يسارها ... قمت بذلك على طريقتك لم يحصل اي شئ
3dworld-osama.blogspot.com
ومشكور على جهودك معانا واكيد مردوده ولو بعد حين
اسامه

Wael said...

ازيك يا اسامة
الكود ده هاتعمل اداه من نوع html/java script وتحطه فيها

اما السايد بار هاتدخل صندوق الاكواد وتبحث عن الاكواد الخاصة بالسايد بار وتدور على كلمة float
وتخليها flaot:right;

ده الجواب باختصار شديد لو عايز بالتفصيل اقرأ الدروس اللى اسمها " اساسيات لابد منها "

النبيل said...

السلام عليكم
مرحبا رفيقي وائل
الصورة لا تظهر لكن الرابط يعمل , اخذت الكود اللي انت واضعه وضبط
المشكلة في مصدر الصورة ..
حملت الصورة من السبيس الخاص فيني في قووقل ولا صلح .. ما المشكلة ..؟؟

النبيل said...
This comment has been removed by the author.
Wael said...

النبيل

حاول تلافع على موقع تانى

♥√شـــذا ♥ روحــــي♥√ said...

يسلم ايدك د. وائل

تمت بنجاح

اتمني انك تكون بخير

لك ودي

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

اضف تعليقك هنا

اضغط على عنوان البوست لتظهر التعليقات