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

[upkelk.com]

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

انا عندي




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

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

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

[upkelk.com]

افا ولا رد

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

[سطام سعد]

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

[سحاب اون لاين]

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

[upkelk.com]

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

[مصطفى فرغلى]

هل هذا ما تقصده
border-image فى Adobe AIR

[upkelk.com]

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

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

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

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

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

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

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

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

[أحمد عبدالمنعم]

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

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

[upkelk.com]

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

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

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

ماقصرت

[upkelk.com]

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

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

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



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

[محمد فؤاد]

السلام عليكم

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

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

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

مع التحيه
المُعاصر
المُعاصر

[upkelk.com]

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

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


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

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

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

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

شكرا

[الإمبراطور وحيد]

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

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

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

تحياتي

[أحمد عبدالمنعم]

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


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

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

[الإمبراطور وحيد]

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

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