مساعدة على السريع

nabil judo · 2013-07-23, 00:26

السلام عليكم
قمت بعمل صغير ب
html +css
اريد رأيكم ونصائحكم
وخاصة اصحاب الخبرة وجزاكم الله خيرااا
رأيكم يهمني كثيراا

Houssem NrDn · 2013-07-25, 10:26

السلام عليكم

أحسنت اخي لكن لايزال أمامك عمل كثير

أولا لون الخلفية الأسود لو تغيره للون فاتح أحسن
ثانيا اجعل للهيدر لون مختلف
ثالثا تخلص من الحواف وضع بدلها خاصية الــ box shadow ان كنت تعرفها

جرب ما قلته لك اولا ثم ضع نتيجة عملك هنا

بالتوفيق

nabil judo · 2013-07-25, 15:16

اقتباس:

السلام عليكم

أحسنت اخي لكن لايزال أمامك عمل كثير

أولا لون الخلفية الأسود لو تغيره للون فاتح أحسن
ثانيا اجعل للهيدر لون مختلف
ثالثا تخلص من الحواف وضع بدلها خاصية الــ box shadow ان كنت تعرفها

جرب ما قلته لك اولا ثم ضع نتيجة عملك هنا

بالتوفيق

شكراا لمرورك اخي الكريم
ممكن شرح لعمل الطريقة التي ذكرتها ان امكن وجزاك الله خيرااااا

Houssem NrDn · 2013-07-25, 20:27

كود:


    box-shadow: 0px 0px 40px rgba(0,0,0,1);
    border-radius: 20px 20px 20px 20px;

ضع هذا الكود في ملف css بدل الـ border

وستكون النتيجة كما يلي

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

راجع الرابط التالي لمزيد حول هذه الخاصية

https://www.css3.info/preview/box-shadow/

nabil judo · 2013-07-25, 23:37

اقتباس:

ضع هذا الكود في ملف css بدل الـ border

وستكون النتيجة كما يلي

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

راجع الرابط التالي لمزيد حول هذه الخاصية

https://www.css3.info/preview/box-shadow/

جزاك الله ماتريد اخي
هذا ما ابحث عنه

Houssem NrDn · 2013-07-26, 01:59

توجد خواص رائعة جدا أخي في الـ CSS3 ما عليك سوى البحث عنها وتعلمها

في هذا المثال :

https://demo.hongkiat.com/css3-glossy-effect/

الأزرار فيه عبارة عن اكواد css3 100%

بالتوفيق

BAABELWEB · 2013-07-26, 02:13

عمل جميل ماشاء الله
أنصحك بتعلم إستعمال خطوط خاصة لإظفاء لمسة جمالية
بالتوفيق

nabil judo · 2013-07-26, 17:57

اقتباس:

توجد خواص رائعة جدا أخي في الـ css3 ما عليك سوى البحث عنها وتعلمها

في هذا المثال :

https://demo.hongkiat.com/css3-glossy-effect/

الأزرار فيه عبارة عن اكواد css3 100%

بالتوفيق

شكرااا سأحاول التعمق اكثر في
css3

nabil judo · 2013-07-26, 18:00

اقتباس:

عمل جميل ماشاء الله
أنصحك بتعلم إستعمال خطوط خاصة لإظفاء لمسة جمالية
بالتوفيق

اولا شكراا على مرورك
ثانيا سأعمل بنصيحتك في ما يخص الخطوط

djbobo2 · 2013-07-26, 20:44

فيما يخص الروابط

كود:

a {
text-decoration:none;
color: #aa99cc;
}

a:hover {
text-decoration:none;
color:#aa99ff;
}

يمكنك تغيير الألوان كما تريد