تحديث آخر نسخة 1.8.37

تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
التحكم فى تمدد الاستايل
#7
لو عندك خبرة في لغة php و html اخي هتساعدني اني اوصلك الفكرة و انا موجود لو عندك اي استفسار

اولا : افتح الفوتو شوب وقسم الصورة عن طريق الاداة slice ( اضغط علي حرف ال k )

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

ثانيا : احفظ عملك باستخدام save for web

ثالثا : افتح الفرونت بيج و اعمل جدول من خانتين و ضيف في كل خانة من insert picture الصورتين اليمين و الشمال (سيب صورة التمدد دلوقتي)

رابعا : افتح من تحت الصفحة الخاصة بالكود

خامسا : ضع المؤشر علي كلمة tabel و كليك يمين و اختار اخر حاجة tag properties

سادسا : هتلاقي اتفتحلك صفحة منها تقدر تخلي الجدول في نص الصفحة من alignment و تعمل خلفية للجدول ( صورة التمدد )
و متنساش cellspacing=0 cellpadding=0 و border size =0


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

المهم ان الكود بتاعك بعد ما يخلص هيكون بالشكل دا
كود :
<HTML>
<HEAD>
<meta http-equiv="Content-Language" content="en-us">
<TITLE>logo</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (logo.gif) -->
<div align="center">
<table border="0" width="100%" id="table1" background="images/logo_02.gif" cellspacing="0" cellpadding="0">
    <tr>
        <td>
        <p align="left">
        <img border="0" src="images/logo_01.gif" ></td>
        <td>
        <p align="right">
        <img border="0" src="images/logo_03.gif" ></td>
    </tr>
</table>
</div>
</BODY>
</HTML>


و بعد كدا افتح موقع الدعم العربي و اقرا تحويل استايل من vb الي mybb

و انسخ الكود اللازم و متنساش تغير مسار الصور في الكود لمسار الصور بعد رفعها علي رابط منتداك و حطة في خانة الهيدر

و لو عايز تعمل نفس الموضوع مع الفوتر مفيش مشكلة
المهم عشان عارف انك هاتسأل ايه هوا الكود اللازم بص يا سيدي الكود اهو

كود :
<div align="center">
<table border="0" width="100%" id="table1" background="images/logo_02.gif" cellspacing="0" cellpadding="0">
    <tr>
        <td>
        <p align="left">
        <img border="0" src="images/logo_01.gif" ></td>
        <td>
        <p align="right">
        <img border="0" src="images/logo_03.gif" ></td>
    </tr>
</table>
</div>

طبعا يفضل انك تغير العرض من 100% الي 80% بس انا عملته 100% عشان تجرب التمدد و تتأكد انو شغال

لو فشلت انسخ الكود اللي فوق ده في اول الهيدر و غير مسار الصور و هو هيشتغل معاك تمام



ارجو من الادارة دمج المشاركتين مع بعض
الصور لما تيجي تعملها محاذاة الصورة اللي علي اليمين تعملها محاذاة لليمين
و الصورة اللي علي الشمال تعملها محاذاة للشمال
الرد
شكر من طرف :


الردود في هذا الموضوع
التحكم فى تمدد الاستايل - بواسطة hgh20 - 2009-08-18, 01:26 AM
RE: التحكم فى تمدد الاستايل - بواسطة Pepo - 2009-08-18, 01:48 AM
RE: التحكم فى تمدد الاستايل - بواسطة hgh20 - 2009-08-18, 12:15 PM
RE: التحكم فى تمدد الاستايل - بواسطة Pepo - 2009-08-18, 02:36 PM
RE: التحكم فى تمدد الاستايل - بواسطة hgh20 - 2009-08-18, 11:10 PM
RE: التحكم فى تمدد الاستايل - بواسطة man.utd - 2009-09-15, 03:14 PM
RE: التحكم فى تمدد الاستايل - بواسطة mobarako - 2010-03-17, 02:54 AM

التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 5 ) ضيف كريم