CSS

1.36 ألف متابع مجتمع مختص في تصميم المواقع، وتوفير مساعدات وإجابة للأسئلة حول هذه اللغة
0

اريد عمل تدر لون اسود على صورة اتمنى منكم المساعدة

اريد عمل تدر لون اسود على صورة اتمنى منكم المساعدة تصميم على xd https://suar.me/JVr25 موقع html css https://suar.me/4apM5 اتمنى ان تعطوني كود الذي اضيفه
0

اريد تعلم css

السلام عليكم. بعد ان قررت ان اتعلم الفول سطاك بجافا سكريبت. اردت البدا بتعلم هذه اللغة ثم تعلم css لذلك ان كنتم تعلمون موقع او كورس مجاني عربي لتعلم لغة css فارشدوني اليه جزاكم الله خيرا. و شكرا.
-1

هل هناك دروس بخصوص رموز الاكواد><~|\_؛:""

انا اود ان اتعلم البرمجة ولاكن اوجه صعوبه في هذه الأكواد او اروموز مثل ؛:)("")):/-{}}]\|>>><< ماهذا هل ناك منصه اوفيديوهات توضح هذه الاشياء المعقده لا اعلم لماذا يكتبون الاكواد ويضيفون هذه الرموز دون التوضيح سبب وجودها ومعنى هذه الرموز )(؛:-/،.!'"{}[]|~><
0

عندى مشكلة فى تصميم موقعى

السلام عليكم تحياتى لكم جميعا هناك مشكلة تواجهنى فى تصميم موقع متجاوب وهيا ان عندى فورم لتسجيل الدخول اعطية خصائص السى اس اس لكى يكون فى وسط الصفحة وباالفعل تم وسطنته فى الصفحة ولاكن المشكلة عندما اقوم بتصغير نافذة المتصفح الفورم لايقوم بتوسيط نفسة فى وسط الصفحة علما انى اقوم بتصغير النافذةباالطول وليس باالعرض الرجاء مساعدتى وشكراا لكم
0

هل يوجد كود css يمكنه اخفاء شريط العنوان والصفخات لقوقل كروم

السلام عليكم كما في العنوان اريد كود css3 ازالة الشريط العلوي المحدد بالازرق في الصورة ادناه :- https://suar.me/LQLnj شاكر لكم جهودكم
0

لدى مشكلة فى تصميم موقع

السلام عليكم لدى مشكلة فى تصميم نموزج معين فى موقعى وهى كالتالى لدى ديف كبير وهذا الديف الكبير يحتوى على 2 ديف اريد انجعل الديفين فوق بعض اكتب الاكواد صحيحةولاكن لا تعمل الكود .margin { border:6px solid cornflowerblue; width:100%; height:200px; margin:20px; } .my-cards { border:3px solid red; } .take { border:3px solid black; position:relative !important; height:400px; width:100%; } .imgg { border:5px solid green; width:100%; height:200px; overflow:hidden; } .content { padding:20px; text-align:center; } .nav { background-color:red; padding:3px; position:absolute !important; top:0px; border:5px
1

العنوان يخرج من ال div

هناك مشكلة عندي فكلما أضفت عناصر جديدة فهي تخرج خارج الdiv أو المربع المخصص لها ولا أدري ما السبب لو أحدكم يستطيع تجربة الكود المكتوب وفهم ما السبب سأكون شاكرة له 🙏🙏 #Main { background-image:url(library.jpg); width:100%; height:100%; position:fixed; top:0px; left:0px; opacity: 0.7; background-position: center; background-repeat:no-repeat; background-size:cover; } #books{ height:100%; width:89%; position:sticky; top:280px; left:140px; background-color:beige; } .tit{ border:4px solid #f0c99b; background-color: #f8e1bd; margin-top:90; text-align:left; font-family: cursive; width:40%; padding-left:30px; padding-top:10px; padding-bottom:10px; color:#b14b00; margin-left:360px; text-align: center; } .book{ margin-left:35px; display:inline-block; } .book img{
0

id , class في تاج<p>

عند كتابه كتابه id في تاج لا يظهر شي عند استدعائه في css لماذا ولكن يظهر في class
0

تعديل على navbar

navbar عبارة عن صور والصور بصيغة svg ابغا اعدل على المكتوب بقائمة عربية النافبار هنا https://www.apple.com/sa-ar كود: https://codepen.io/matlloub/pen/XLNaOz
0

دورة لتعلم تقنية flexbox

السلام عليكم ورحمة الله وبركاته من خلال هده المشاركة اود ان اتقاسم معكم دورة انا شخصيا استفدت منها في تعلمي css و تحديدا تقنية flexbox بدون ان اطيل عليكم اليكم رابط الدورة مع تمنياتي لكم بالاستفادة ان شاء الله https://laravel-ar.com/serie/11/%D8%AF%D9%88%D8%B1%D8%A9-%D9%84%D8%B4%D8%B1%D8%AD-flexbox-%D9%84%D8%AA%D8%B9%D9%84%D9%85-css
1

مشكله فادحه تواجهني دائماً في CSS , بخصوص center لل div

تواجهني دائماً مشكله فادحه عند عمل items مثل ما بالصورة , لا استطيع عمل center لل items , حاولت كثيراً جداً ولن تنجح اي طريقه , ماالحل!؟ https://suar.me/dzlX7
0

العناصر التي يمكن تحريكها باستخدام CSS Transitions - ورقة الأنماط الإنسيابية | MDN

https://developer.mozilla.org/ar/docs/Web/CSS/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_%D8%A7%D9%84%D8%AA%D9%8A_%D9%8A%D9%85%D9%83%D9%86_%D8%AA%D8%AD%D8%B1%D9%8A%D9%83%D9%87%D8%A7_%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85_CSS_Transitions
0

محتاج أجوبة منطقية لهذه الاسئلة الخاصة بـ Float

1 ماهو الدليل الذي يدل ان العناصر inline في نفس طبقة العناصر float ؟ 2 العناصر inline block هل هي في الطبقة الخاصة ام العادية ؟ 3 كيف تفسر عنصر ابن واخذ فلوت داخل اب ليس له فلوت ويتحرك حسب حجم الاب اين الطبقات هنا ؟ 4 هل لا نعطي clear لعنصر inline بسبب ان هذا الاخير موجود بنفس طبقة float ام ماذا ؟ 5 كيف تعرف قيم الـ clear ؟
0

CSS Specificity - مقال كلاود

https://www.makalcloud.com/post/oxsjxcbi1
7

الفرق بين import@ في CSS و Sass ؟

تسمح لنا CSS باضافه ملفات أخري واستدعائها من خلال ملف النمط عن طريق خاصية *import@* وكنت قد تحدث في مقالة سابقه عن سوء استخدام خاصية import@ من خلال الـCSS بسبب ما تشكله من مشاكل في اداء وسرعه الموقع يمكنك قرائتها من هنا: https://www.makalcloud.com/post/mf9w4uoax وقد اشرت في نهاية المقاله الي حلول لتجنب استخدام هذه الخاصية ومن ضمن هذه الحلول اذا كنت من مستخدمي معالجات الـCSS مثل (Sass, Less) سيمكنك استدعاء تلك الملفات بخاصية import@ ايضا. ##ما الفرق اذا بين import@ في
0

هل هذه هى أفضل طريقة لكتابة أكواد CSS ؟

0

كيف يمكن تحويل الخطوط العربية إلى خطوط صفحات الويب face-font

بعد البحث المضني في الشبكة العنكبوتية عن طريقة لتحويل الخطوط العربية لتعمل على صفحات الويب لم أجد طريقة كاملة للخطوط العربية على حد بحثي , هل يوجد هناك طرق لعمل ذلك ؟ لعلنا نأخذ على سبيل المثال خط المهند , والمهند الثخين للتجربة AL-MOHANAD AL-MOHANAD_BOLD
0

تطبيق بسيط في CSS counters

هذا تطبيق بسيط على codepen لل CSS counters التي تستخدم لترقيم العناوين او القوائم المتداخلة مصادر التعلم موجودة فو قسم ال HTML http://codepen.io/malozaibi/pen/RaQVbY/
1

سؤأل : كيف يمكن اضافة ايقونات

السلام عليكم اخوانى الكرام اولا جمعة مباركة عليكم انا مبتدا فى css واريد شرح لكيفية اضافة الايقونات الى navbar لانى لا استطيع كتابة كود لذلك و شكرا .
0
2

ممكن مساعدة الفوتر يظهر بشكل جيد في الشاشات الصغيرة

ممكن مساعدة في أول تصميم تجاوبي لي ؟ حيث الفوتر بالشكل المراد في الشاشات الصغيرة و لكن في الشاشات المتوسطة والكبيرة لا تظهر الخلفية كاملة .. الصور : في الشاشات الكبيرة والمتوسطة https://i.suar.me/Y2oL/m في الشاشات الصغيرة https://i.suar.me/MgaV/m
1

هل توجد طريقة أخرى لعمل تصاميم متجاوبة دون إستعمال خاصية @media screen في css

هل توجد طريقة أخرى لعمل تصاميم متجاوبة دون إستعمال خاصية @media screen في css
0

شاهد ماذا يمكنك ان تفعل بالcss

0

افتتاح دورة لتعلم اساسيات CSS | مدونة عودة

3

هل تستيطع شرح خاصية Positioning في CSS وتُبين لي الفرق بين قيميها المختلفة؟ كذلك الأمر بالنسبة overflow ؟

منذ مدة وأنا أتعلم تصميم المواقع وكما هو الحال واجهتني مشاكل بسبب لغتي الإنكليزية فلم أفهم الكثير من الأمور إلا بالتجربة فهذه الطريقة أفضل في التعلم -بالنسبة لي- لذلك الآن إنني أقوم بالتعلم عن طريق تحويل ملف PSDإلى HTML CSS وفهم ما تفعله الأكواد على أرض الواقع -ليست مثل الأمثلة البسيطة- *ووجدت أعضاء ارابيا خير معين لفهم ما لم أفهمه* والسؤال في العنوان ツ