LoveToCode نشر 19 يوليو 2015 أرسل تقرير مشاركة نشر 19 يوليو 2015 اقوم باستخدام بعض الأزرار في موقعي تم تصميمها باستخدام Photoshop ، احد الزملاء قام بالتعليق على الموقع واخبرني انه يمكن استخدام ال css لتصميم نفس الشكل الخاص بالأزرار وخاصة الشكل الخاص باستدارة الحواف فكيف يمكن تحقيق ذلك ؟ اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
1 Ahmed Hemdan نشر 19 يوليو 2015 أرسل تقرير مشاركة نشر 19 يوليو 2015 نعم بإمكانك تصميم الأزار والشاشات وكل عناصر التحكم والعرض فى الصفحات بإستخدام CSSأنصحك بقراءه المزيد عن الـ CSS وهو محتوى متوفر بكثره علي الإنترنتومتوفر هنا أيضاً علي أكاديميه حسوب http://academy.hsoub.com/code/css/ولتصميم الأزار كمثال يمكننا تطبيقه كالتالي (للتوضيح)فلنفترض أن لدينا زر " تسجيل الدخول" بهذا التكويد <input type="submit" class="niceStyle" name="submit" value="تسجيل الدخول" id="submit" />ونريد تطبيق التكويد عليه لإعطائه شكل معين .niceStyle { -- خاص بتعديل لون الزر الخلفى background-color: #E90; -- خاص بإستداره الحواف border-radius:6px; -- لون الكتابه داخل الزر color: White; -- حجم الخط font-size: 20px; -- حجم ولون ونوع الحواف border:solid 1px green; } -- خاص بالتأثير الخاص بوقوف الفأره علي الزر .niceStyle : hover { border: none; background:red; box-shadow: 0px 0px 1px #777; }ويوجد الكثير من الدورس علي الإنترنت خاصه بكيفيه تحويل تصميم الفوتوشوب إلى تصميمات CSS خاصه بالويب اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 kareemborai نشر 25 يوليو 2015 أرسل تقرير مشاركة نشر 25 يوليو 2015 نعم بإمكانك تصميم الأزار والشاشات وكل عناصر التحكم والعرض فى الصفحات بإستخدام CSSأنصحك بقراءه المزيد عن الـ CSS وهو محتوى متوفر بكثره علي الإنترنتومتوفر هنا أيضاً علي أكاديميه حسوب http://academy.hsoub.com/code/css/ولتصميم الأزار كمثال يمكننا تطبيقه كالتالي (للتوضيح)فلنفترض أن لدينا زر " تسجيل الدخول" بهذا التكويد <input type="submit" class="niceStyle" name="submit" value="تسجيل الدخول" id="submit" />ونريد تطبيق التكويد عليه لإعطائه شكل معين .niceStyle { -- خاص بتعديل لون الزر الخلفى background-color: #E90; -- خاص بإستداره الحواف border-radius:6px; -- لون الكتابه داخل الزر color: White; -- حجم الخط font-size: 20px; -- حجم ولون ونوع الحواف border:solid 1px green; } -- خاص بالتأثير الخاص بوقوف الفأره علي الزر .niceStyle : hover { border: none; background:red; box-shadow: 0px 0px 1px #777; }ويوجد الكثير من الدورس علي الإنترنت خاصه بكيفيه تحويل تصميم الفوتوشوب إلى تصميمات CSS خاصه بالويب كفيت ووفيت أخي الغاليملاحظة بسيطة إذا سمحت بخصوص السطر الآتي:.niceStyle : hover {يلزم لصق الكلمتين بالنقطتين الرأسيتين لكي يعمل بشكل سليم كالآتي:.niceStyle:hover { اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
LoveToCode
اقوم باستخدام بعض الأزرار في موقعي تم تصميمها باستخدام Photoshop ، احد الزملاء قام بالتعليق على الموقع واخبرني انه يمكن استخدام ال css لتصميم نفس الشكل الخاص بالأزرار وخاصة الشكل الخاص باستدارة الحواف فكيف يمكن تحقيق ذلك ؟
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.