محتوى ومحاط بصور كيف اجعله بدون جداول فقط css |

upkelk.com · 24-11-2008, 10:32 PM

مرحبا اخواني ..

انا عندي

يعني محتوى وبالجوانب نقط تمدد وبزوايا صور

كبف اجعل هالشكل يكون بدون جداول واكون لكم شاكر

لاني حاولت بدون جدوال وتعبت

upkelk.com · 25-11-2008, 02:11 AM

افا ولا رد

وين محمد فؤاد عطي الله

سطام سعد · 25-11-2008, 02:19 AM

انا حاولت قبلك لكن بعد كذا شرح لله الحمد قدرنا نضبط شي بسيط من css شوفي عزيزي
هذا الموقع فقط ابيك تعطي نفسك يومين تطبيق فيه ورايح تضبط الجدول ورايح تقطع شوط طول بعدها إن شاء لله
( رابط ) دروس حول HTML وCSS - إنشاء موقعك الشخصي | HTML.net

سحاب اون لاين · 25-11-2008, 03:26 AM

الصورة لا تظهر

upkelk.com · 25-11-2008, 05:58 AM

غريبه الصورة ظاهره لكن ارفقتها مو مشكله ..

مصطفى فرغلى · 25-11-2008, 03:12 PM

هل هذا ما تقصده
( رابط ) border-image فى Adobe AIR

upkelk.com · 05:46 PM

مرحبا استاذي ..

الفكره مشابهه جدا .. نفس المطلوب بالضبط ..

ولكن الفكره هذي تحتاج تركيب برنامج Adobe AIR

يعني شغلانه طويله اركيب البرنامج واتعلم طريقته واستخدامه من شان كوود بسيط ..

وانا مو هاوي css
وكمان احتاج الفكره هذي لتطبيقها في اكثر من شكل ..

يعني مااحتاج اكون ملم في اللغه وانا مااستخدمها ومو هاوي لها ..

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

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

أحمد عبدالمنعم · 25-11-2008, 07:48 PM

سبق لي شرحها..
( رابط ) غلاف محتويات بتأثير الظل توزيع CSS

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

upkelk.com · 25-11-2008, 08:18 PM

بالظبط هذا ماكنت ابحث عنه بس ياساتر الأكواد كبيره مره ..

يعني الجداول اسهل بكثر والا

الله يعين بس يبيلي شغل يوم كامل عليها

ماقصرت

upkelk.com · 26-11-2008, 12:11 AM

بصراحه ماعرفت اصلح هالطريقه صلحت مثل ماهو مكتوب

لكن طلع شوفوا وش قايل

مشوووه بالمرفقات

ياليت احط يعطيني كود اسهل

محمد فؤاد · 26-11-2008, 02:53 AM

السلام عليكم

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

تعتمد الفكرة على تقسيم النموذج الى ثلاث اجزاء رئيسية واحد علوي وسيكون له خلفيه الجزء المراد تممده وسيحتوي على 2 div لعرض صورة على اليمين و اخرى على اليسار
في المنتصف سيكون هناك 2 div متداخلان واحد منها للصورة على اليسار و الاخر للصورة على اليسار .
والجزء الاخير سيكون للجزء السفلي وسيكون نفس نظام الجزء العلوي .

أعرف ان هذا الشرح لن يفي بالغرض بدون اكواد ولكن أعدك بتوفير شرح مصور كامل قريبا باذن الله .

مع التحيه
المُعاصر
( رابط ) المُعاصر

upkelk.com · 26-11-2008, 03:42 AM

سعدت برجوعك اخوي محمد ..

والله يعينك يارب ..

انا جربت هالدرس
( رابط ) غلاف محتويات بتأثير الظل توزيع CSS

لكنه اكواده كثيره شوي .. وماضبطت معي

هل طريقتك راح تكون اسهل منها ..

اتمنى تحرص على الموضوع لاني جالس اصمم ستايل ومتوقف الشغل كله من شان هالكوود محتاجه مره

شكرا

الإمبراطور وحيد · 26-11-2008, 04:43 AM

السلام عليكم ..

تفضل اخي الكود مرفق اتمنى يفيدك
نفس الفكرة المستخدمة في ( رابط ) إمبراطورية وحيد

طبعا لازم انت تعمل الصور الخاصة بك ولازم تعدل في أكواد الـ css بحجم الصور التي أنشأتها

تحياتي

أحمد عبدالمنعم · 26-11-2008, 10:29 AM

الفكرة واحدة عزيزي ولن تختلف، أنت بس اللي مكسل لما شفت الأكواد كثيرة ولم تبذل أي مجهود وربما لم تقرأ الشرح أصلاً وأكتفيت بنسخ الكود!!!
أنت عاوز كود تنسخه وتلصقة بدون فهم الفكرة وطريقة تنفيذها حتى تستطيع تطويعها بعد ذلك! من الواضح جداً في الصورة أن المجهود الوحيد اللي صنعته هو نسخ الكود ولصقه في قوالب المنتدى فقط!.. وعلى كلاً شوف هناك شرح آخر قديم لنفس الفكرة مع تغيير في الخصائص وإختلاف بسيط في ترتيب الصناديق div والشرح كان معتمد على برنامج Dreamweaver لتوليد الخصائص مع طريقة التركيب مباشرة على استايل المنتدى..
( رابط ) توزيع صور الإستايل بواسطة css بدون جداول

الطريقة في المثال اللي أرفقه "الإمبراطور وحيد" جميلة أيضا وتطبيق آخر للفكرة، وبها ترتيب جديد لصناديق الصور العلوية والسفلية
وسأكون متشوق لمعرفة طريقة توزيع جديدة من "محمد فؤاد " وغيرها....

الله معك و البركة بالشباب واختار الأنسب لك، بس تعلم الفكرة الأول قبل النسخ واللصق.

الإمبراطور وحيد · 26-11-2008, 10:37 AM

كلام سليم اخي كتوم ،،
هذا مالاحظته من ردود اخي upkelk.com انه يحتاج إلى حل سريع دون اتلطرق إلى التفاصيل التقنية لكيفي ةالاستخدام
لذلك وفرت له الكود لتسهيل الامر
وكما ذكر استاذي يمكن تنفيذ الفكرة بعدة طرق مختلفة متنوعة ...

بارك الله فيك
وتحياتي للجميع

upkelk.com · 06:27 PM

ca2oom

ولا تزعل استاذي ..

صدقني انا متاكد ان طريقتك صحيحه ..

وحسب اطلاعي البسيط لـ css

اكتشف ان فهي اكواد تستطيع اختصارها بطريقه تختلف !

فأنا قلت لعله يوجد طريقه اسهل ..

انا عندي مليون شغله فمااقدر اركز كثير ..

..

وعلى العموم اكتشفت انه لازم كل زاويه تضع لها صوره خاصه
لاني اول ماقريت درسك ..
في المثال الي واضعه وضعت صوره وحده لزوايا الأربعه
فلهذا السبب قلت اجرب اضع صوره وحده << لعلها بطريقه ما تضبط

لكن صدقني عرفت الطريقه الان و أعتقد اني استطيع ان اصمم شكل له صور في ثلاث اجزاء والبقية تمدد وغيرها من الأفكار ..

احتاج لشوية تركيز مثل ماقلت لك

ولعلمك مثل ماقلت مو كل يوم اركب اشكال حتى اكون ملم في هالاكواد هيطريقه وحده ولن افكر بتركيب شي اخر

وصدقت المفروض اتعلم مو حلوه بكل مشكله اسأل عنها ..

-------------------------------------------------------------

لاهنت بالأمبراطور وحيد ..
راح اجرب الكود الي نزلت وراح ارد عليك ماقصرت والله ..

-----------------------------------------------

وننتظر درس استاذي محمد فؤاد .. حتى نستفيد اكثر ..

بارك الله فيكم كلكم ..

وصدقوني كنت راح ارجع لطريقه القديمه بالجداول لولا ردودكم الرائعه والمحفزه ..

يعني عرفت طبيعة الكود الي عطيتني وراح اطبق عليه ..

محمد فؤاد · 28-11-2008, 10:34 PM

السلام عليكم ..

قمت بشرح الطريقة على مدونتي
( رابط ) محتوى محاط بصور بإستخدام CSS

ليست المشكلة اي الطرق أسهل المهم أن تتعلم من الأكواد وفي النهاية كل الطرق تؤدي إلى مكة ..

أتمنى أن تفيدك الطريقة

upkelk.com · 05:57 PM

جزاكم الله خير جميعا ..

الحمد لله فهمت بعض الطرق في لغة css

اقصد فهمت طبيعتها ..

وهيا وضع اي وسوم تكون بجلب لخصائص css

--------------------------

هذا تطبيقي

كل المنتدى بدون جداول

ولكن مازال فيه بعض المشاكل البسيطه راح احلها مع الأيام

( رابط ) http://forum.upkelk.com