الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

رابط كلاس بأخر ووضع الديف بسطر واحد متمدد

بدأه MiNi.SpIdEr في 29 يوليو 2009 · 5 رد · 1,258 مشاهدة · في تصميم الصفحات باستخدام ال "CSS"
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

اقوم بتصميم جديد ووصلت لاخر شي وهو قالب الاخبار

كل شيء ماشي تمام رغم مشاكل IE المتخلف :lol:

لدي فكرتين للقالب الاولى

موضحه في هذه الصوره

post-111235-1248851018_thumb.png

مثل الصوره المشكله ان العمود الاول حجمه محدد لكن العمود الثاني يجب ان يكون قابل للتمدد مع الصفحه

اما الثاني فهي ما قصدة في العنوان كلاس مرتبط بكلاس

post-111235-1248851211_thumb.png

كيف يمكن ان يبقى الصندوق العلوي في مكانه نسبتا للشريط العلوي؟

انا حاولت ومازات احاول لكن ليس لدي خبره بال CSS لعمل هذا الشيء للاسف

:blush:

تم تعديل هذه المشاركة بواسطة MiNi.SpIdEr في 29 يوليو 2009 في 10:11

[moveleft]

MiN! SpId3r SqUaD

[/moveleft]

#2

هذا اخر شيء وصلت له بالنسبه للصوره الاولى

لكنه يتمدد فوق القوائم الجانبيه في متصفح ie

.s3   {
float:left;
margin-left:110px;
padding:1px;
}

.s2   {
background-color: #555;
padding:1px;
float:right;
width:100px;
height:161px;
position:absolute;
}

؟؟؟

[moveleft]

MiN! SpId3r SqUaD

[/moveleft]

#3

وينكم يا اهل الخبره !!!!!!!!!!!!

ام ان القسم الجديد منسي D:

[moveleft]

MiN! SpId3r SqUaD

[/moveleft]

#4

وصل الحل

بجرب بس وضبط حمد لله بقى لو دخل خبير يعملي تنقيح هههههه

.topoftopic  {
				height: 15px;
				overflow:hidden;
				border: 3px ridge #69F; 
				margin-top: 5px;
				margin-left: 1px;
				margin-right: 1px;
				background-color: #69F;
				background-image: url('bluebg.gif');
				padding:0px;
				padding-left:3px;
				padding-right:3px;

				}

.likerbox  {
				height: 15px;
				float: right;
				overflow:hidden;
				border-left: 3px ridge #69F;
				border-right: 3px ridge #69F;
				border-bottom: 3px ridge #69F;
				margin-top: -3px;
				margin-left: 1px;
				margin-right: 1px;
				margin-bottom: 5px;
				background-color: #69F;
				background-image: url('bluebg.gif');
				padding:0px;
				width: 110px;
				height: 150px;
				padding-left:50px;
				padding-right:3px;

				}

.mideloftopic  {
				margin: 1px;
				padding:3px;
				min-height: 200px;}

.endoftopic  {
				height: 15px;
				overflow:hidden;
				border: 3px ridge #69F; 
				margin: 1px;
				margin-bottom: 30px;
				background-color: #808080; 
				background-image: url('pixelatedbg.png');
				padding:0px;
				padding-left:3px;
				padding-right:3px;

				}

طبعا الكود هذا ممكن ان تطبق فيه الفكره الاولى والثانيه D:

تحياتي

[moveleft]

MiN! SpId3r SqUaD

[/moveleft]

#5

برضو مش زابط على الإكسبلولر وعلى الفايرفوكس بكل متصفح بطلع شكل :)

نصيحه مني إلك للتصميم الخارجي إستخدم الجداول , يعني بجدول بتعمل التصميم وداخل الجدول بتستخدم ديف على راحتك وبكون متوافق مع كل المتصفحات

أنا حاولت أعمل موقع مبني كله على الديف وزبط معي بس بعد عناء شديد وللأسف إلى الأن يظهر بشكل مختلف على متصفح الأوبرا :(

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

#6

لا كل شيء تمام هذا الكود هو القالب للمواضيع بموقعي شوفه مافي مشكله بأي متصفح

يمكن ظهر عندك مخرب لانه عندي بيكون داخل ديفز اخرى بس تصميم موقعي الجديد جربته على اكثر من متصفح واكثر من جهاز وتمام حمد لله

انا جديد على تصميم موقع كامل بالديفز بس ظبطت معي حمد لله ووجدت حل لكل دوال ال css الي ما تشتغل ع IE

بس حاليا بفكر كيف مكن نستخدم css 3 مع وجود هذا المعوق الي الناس ما عم تتركه !!! يعني ع الاقل مايكروسوفت تضهر رساله ع انهم يحدثوه للاصدار من الاصدار ال6 اوففف

[moveleft]

MiN! SpId3r SqUaD

[/moveleft]

مواضيع مشابهة