أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

تطوير المواقع web development

ممكن مساعدة بالتوصيت التصميم

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 10:12 مساءً

baha_odeh

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته،،

ممكن مساعدة بتوصيت التصميم

قمت بتقطيع التصميم وحفظة بالـcss والـhtml
لاكن كيف اقوم بوضعة بالوصت

http://arabtechreview.com/demo/

هذا رابط المعاينة ممكن مساعدة منكم

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 10:37 مساءً [1]

ezzeldean

بعد فتح الصفحة من خلال الفرونت بيج إعمل تظليل كامل للصفحة و إضغط علي علامة التوسيط

ممكن مساعدة بالتوصيت التصميم

: تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:23-02-2012 10:38 مساءً

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 10:59 مساءً [2]

baha_odeh

المشاركة الأصلية كتبت بواسطة: ezzeldean
بعد فتح الصفحة من خلال الفرونت بيج إعمل تظليل كامل للصفحة و إضغط علي علامة التوسيط

هل تسطيع المساعدة ليس لدي فرونت بيج :\
http://arabtechreview.com/demo/d.zip

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 11:02 مساءً [3]

ezzeldean

حمل و جرب

http://www.mediafire.com/?47iuw77cc1jyukj

: تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:23-02-2012 11:06 مساءً

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 11:07 مساءً [4]

baha_odeh

المشاركة الأصلية كتبت بواسطة: ezzeldean من عيوني حاضر

ثوانى و ليا رجعة بإذن الله

شكرا لك ^_^

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 11:09 مساءً [5]

baha_odeh

ما زالت على اليسار :\

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 11:16 مساءً [6]

ezzeldean

المشاركة الأصلية كتبت بواسطة: baha_odeh ما زالت على اليسار :\http://www.mediafire.com/?befg7gsba10vc0b

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 11:23 مساءً [7]

baha_odeh

المشاركة الأصلية كتبت بواسطة: ezzeldean
المشاركة الأصلية كتبت بواسطة: baha_odeh ما زالت على اليسار :\http://www.mediafire.com/?befg7gsba10vc0b

اسف نفس المشكلة :\ هذا ملف الpsd مقطع ربماا يكون هكذا اسهل عليك بالتوصيت لاكن ارجوك ان يحتوي ملف css

http://www.mediafire.com/?eq0inpt8drqlped

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 11:34 مساءً [8]

ezzeldean

المشاركة الأصلية كتبت بواسطة: baha_odeh اسف نفس المشكلة :\ هذا ملف الpsd مقطع ربماا يكون هكذا اسهل عليك بالتوصيت لاكن ارجوك ان يحتوي ملف css

http://www.mediafire.com/?eq0inpt8drqlped

و الله يا غالي ما فعلته هو الحل و أنا إستعنت بتصميم موقعى القديم من أجل مطابقة ما فعلته و هو صحيح 100% .. فالبرنامج عندى محتاج ينزل له ويندوز من جديد علشان يشتغل بكامل طاقته .. إنتظر أحد المشرفين ليقوم بإفادتك .. و أعتذر جداً و كلي خجل لعدم إستطاعتى لمساعدتك ممكن مساعدة بالتوصيت التصميم

: تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:23-02-2012 11:34 مساءً

: ممكن مساعدة بالتوصيت التصميم

23-02-2012 11:38 مساءً [9]

baha_odeh

المشاركة الأصلية كتبت بواسطة: ezzeldean
المشاركة الأصلية كتبت بواسطة: baha_odeh اسف نفس المشكلة :\ هذا ملف الpsd مقطع ربماا يكون هكذا اسهل عليك بالتوصيت لاكن ارجوك ان يحتوي ملف css

http://www.mediafire.com/?eq0inpt8drqlped
و الله يا غالي ما فعلته هو الحل و أنا إستعنت بتصميم موقعى القديم من أجل مطابقة ما فعلته و هو صحيح 100% .. فالبرنامج عندى محتاج ينزل له ويندوز من جديد علشان يشتغل بكامل طاقته .. إنتظر أحد المشرفين ليقوم بإفادتك .. و أعتذر جداً و كلي خجل لعدم إستطاعتى لمساعدتك

على العموم الف مليون شكر ^_^

: ممكن مساعدة بالتوصيت التصميم

24-02-2012 12:02 مساءً [10]

isma3eliano

السلام عليكم أخي .. أعتقد أن الفسم غير مناسب تم النقل لقسم تطوير المواقع فهذا ليس له علاقة بالإستايلات ..

أما عن المشكلة .. فللأسف كل توزيع الـcss غير صحيح المشكلة أنك استخدمت التوزيع عن طريق absolute
وهذه الطريقة لا يمكن أن تنجح في توسيط التصميم بها لأنها ببساطة تعتمد علي مكان الصورة أو الـDiv
من الشاشة ككل ولا تعرف التوسيط

التوسيط في التوزيع يكون بإستخدام

CODE


    margin-left:auto;    
    margin-right:auto;

و تقوم بإستخدام طريقة أخري للتوزيع غير absolute

حاول تقوم بتحديد طول لكل Div في الـCss
و قم بوضعهم جميعًَا الـTags

هنا ... محتوي الصفحة الـDiv

و ضع في الـcss

CODE


    margin-left:auto;    
    margin-right:auto;

في id
#Page

وقم بعمل التوزيع بدون position >>
أتمني تكون الفكرة وصلت لو لم تتفهمها جيدًا أخبرني أشرحها بطريقة اخري ..