درر العراق

Hazim · 17/October/2010

السلام عليكم

لدي سؤال في وضع رابط في الهيدر والفوتور

بالنسبه للهيدر
اريد شلون اخلي رابط لكل من الرئيسيه والتسجيل ومكتبي

وهاي الصوره

وهذا كو الهيدر

كود PHP:


<!-- logo -->
<a name="top"></a>
<!-- /logo -->
<html dir="rtl">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td width="1%">
        <img border="0" src="hazem2/image/hadar_up_rihgt.jpg" width="328" height="250"></td>
        <td width="98%" background="hazem2/image/hadae_tamdd.jpg">&nbsp;</td>
        <td width="1%">
        <img border="0" src="hazem2/image/hadar_up_left.jpg" width="328" height="250"></td>
    </tr>
</table>
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]

اما الفوتور

اريد شلون اضيف رابط موقعنا الى كلمه
حازم العراقي
للتصميم

هاي الصوره توضح

وهذا كود الفوتور

كود PHP:


<html dir="rtl">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td width="1%">
        <img border="0" src="hazem2/image/fotor_dawn_1.jpg" width="328" height="90"></td>
        <td width="98%" background="hazem2/image/fotor_down_3.jpg">&nbsp;</td>
        <td width="1%">
        <img border="0" src="hazem2/image/fotor_down_2.jpg" width="328" height="90"></td>
    </tr>
</table>

وكيف اضيف خاصيه تغيير الاستايل فوق الفوتور وكلمه اتصل بنا والاداره .. الخ

Samer · 17/October/2010

1- .. بالنسبة للهيدر و الروابط على كل من الرئيسية ، التسجيل، مكتبي

العزيز .. انت الان تستخدم صورة واحدة (متصلة) مرسوم عليها الكلمات (الرئيسية، التسجيل، مكتبي)

لكي تعين رابطا خاصا بكل كلمة .. يجب أن تكون كل كلمة مكتوبة على صورة (يعني يكون لكل كلمة كود img خاص بها )

اما في حالتك هذه .. تستطيع أن تضع رابطا واحد (لكل الصورة)

وضع الرابط على صورة في الـ HTML يكون بهذه الصورة

تذهب إلى كود الـ IMG الذي يخص الصورة التي تريد جعلها رابطا .. في حالة الهيدر الذي اعطيته هو هذا

كود HTML:

<img border="0" src="hazem2/image/hadar_up_rihgt.jpg" width="328" height="250">

تضيف قبله هذا

كود:

<a href="http://www.dorar-aliraq.net">

و تضيف بعدها هذا

كود:

</a>

تغير الرابط باللون الاحمر بالرابط الذي تريده

يكون لديك الناتج هكذا

كود HTML:

<a href="http://www.dorar-aliraq.net"> <img border="0" src="hazem2/image/hadar_up_rihgt.jpg" width="328" height="250"></a>

بواسطة الفرونت بيج .. هذه العملية اسهل بكثير طبعا

مجرد أن تؤشر على الصورة (و انت في طور الـ Design) و بعدها تختار من صندوق الادوات ايكونة الارتباط التشعبي (Hyperlink ) و سوف يظهر لك صندوق حوار .. تحدد فيه الرابط (استخدام Ctrl+V) لنسخ الرابط في حقل الـ Address

بهذا تستطيع أن تعمل أي صورة رابطا قابلة للضغط عليها

&&&&&&&&&&&&&&&&&&&&&&&

2- الفوتر .. و اضافة الرابط لكلمة

بكل بساطة .. تضيف الكلمة إلى اي مكان احببت في الفوتر .. و تجعلها رابطا .. كما في الكود

كود HTML:

<a href="http://www.dorar-aliraq.net">Hazim For Design</a>

لاحظ .. إنه لا فرق إذا كانت صورة أو كلمة .. مجرد احاطتها بالـ Tag المخصصة للرابط التشعبي و التي هي <a > سوف يجعل ذلك العنصر رابطا

كذلك .. الفرونت بيج Front Page تتيح لك أن تفعل كل ذلك بكل سهولة

&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
3- وكيف اضيف خاصيه تغيير الاستايل فوق الفوتور وكلمه اتصل بنا والاداره .. الخ

هذه الروابط موجودة في الستايل الافتراضي لاي منتدى .. .. يمكنك امام ان تحرر على الستايل الافتراضي .. أو تنسخ منه المتغيرات المسؤولة عن هذه الروابط مباشرة إلى الستايل الجديد (اذا كان الستايل الجديد لا يحتوي عليها .. و هي حالة نادرة .. بل مؤلمة خخخخ)

&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
ملاحظات:

1. اختار طور الـ split في الفرونت بيج .. و انسخ كامل كود الهيدر او الفوتر إلى الفرونت بيج في حقل الـ Code .. و حرره كما تريد .. في حقل الـ Design ثم اعد نسخ الكود الذي تولد في حقل الـ Code إلى قالب المنتدى

2. استخدم روابط الصور في الهيدر و الفوتر روابط مطلقة و ليست نسبية .. لكي تظهر الصور عندما تحاول تحرير الكود في برنامج الـ Front Page

المطلقة هي التي تبدأ بـ http

3- ..لا داعي لنسخ هذه عند اكمال التحرير في الفرونت بيج

كود HTML:

<html dir="rtl">

فقط انسخ باقي الكود

4- الافضل دائما ان تعمل نسخ للكود الاصلي قبل محاولة تحرير (على ملف نصي مثلا ) لحين تأكدك إن الامور جرت على ما يرام

5- استخدم خاصية الجداول Tables في الفرونت بيج لترتيب وضع الصور و تناسقها .. مع الانتباه إلى قضية كون الستايل لا يتأثر بالمط او التقليص (بعض خلايا الجدول تحدد بالنسبة المئوية و تكون قابلة للمط و التقليص . .. و بعضها يحدد بالبكسل و يكون ثابتا

تحياتوووووووووووووووووووو ووووووووووووووو اروح اشرب مي نشف ريكي

Hazim · 17/October/2010

تحياتي الك يااوراكل
جزيل الشكر

Hazim · 18/October/2010

العزيز سامر
ليست هذه هي الطريقه التي ابحث عنها
بعد عناء طويل من (الدعفسه) الحمد لله تمكن من وضع رابط كل من
الرئيسيه والتسجيل ومكتبي في نفس الصوره ولم افرق بين الصور
عندما اكون فارغا سوف اضع درس عليها
لكي يستفاد الاعضاء
تحياتي