CSS

1.37 ألف متابع مجتمع مختص في تصميم المواقع، وتوفير مساعدات وإجابة للأسئلة حول هذه اللغة
0
اريد عمل تدر لون اسود على صورة اتمنى منكم المساعدة تصميم على xd https://suar.me/JVr25 موقع html css https://suar.me/4apM5 اتمنى ان تعطوني كود الذي اضيفه
0
السلام عليكم. بعد ان قررت ان اتعلم الفول سطاك بجافا سكريبت. اردت البدا بتعلم هذه اللغة ثم تعلم css لذلك ان كنتم تعلمون موقع او كورس مجاني عربي لتعلم لغة css فارشدوني اليه جزاكم الله خيرا. و شكرا.
-1
انا اود ان اتعلم البرمجة ولاكن اوجه صعوبه في هذه الأكواد او اروموز مثل ؛:)("")):/-{}}]\|>>><< ماهذا هل ناك منصه اوفيديوهات توضح هذه الاشياء المعقده لا اعلم لماذا يكتبون الاكواد ويضيفون هذه الرموز دون التوضيح سبب وجودها ومعنى هذه الرموز )(؛:-/،.!'"{}[]|~><
0
السلام عليكم تحياتى لكم جميعا هناك مشكلة تواجهنى فى تصميم موقع متجاوب وهيا ان عندى فورم لتسجيل الدخول اعطية خصائص السى اس اس لكى يكون فى وسط الصفحة وباالفعل تم وسطنته فى الصفحة ولاكن المشكلة عندما اقوم بتصغير نافذة المتصفح الفورم لايقوم بتوسيط نفسة فى وسط الصفحة علما انى اقوم بتصغير النافذةباالطول وليس باالعرض الرجاء مساعدتى وشكراا لكم
0
السلام عليكم كما في العنوان اريد كود 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 أو المربع المخصص لها ولا أدري ما السبب لو أحدكم يستطيع تجربة الكود المكتوب وفهم ما السبب سأكون شاكرة له 🙏🙏 #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 في تاج لا يظهر شي عند استدعائه في css لماذا ولكن يظهر في class
0
navbar عبارة عن صور والصور بصيغة svg ابغا اعدل على المكتوب بقائمة عربية النافبار هنا https://www.apple.com/sa-ar كود: https://codepen.io/matlloub/pen/XLNaOz
0
السلام عليكم ورحمة الله وبركاته من خلال هده المشاركة اود ان اتقاسم معكم دورة انا شخصيا استفدت منها في تعلمي 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
تواجهني دائماً مشكله فادحه عند عمل items مثل ما بالصورة , لا استطيع عمل center لل items , حاولت كثيراً جداً ولن تنجح اي طريقه , ماالحل!؟ https://suar.me/dzlX7
0
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
1 ماهو الدليل الذي يدل ان العناصر inline في نفس طبقة العناصر float ؟ 2 العناصر inline block هل هي في الطبقة الخاصة ام العادية ؟ 3 كيف تفسر عنصر ابن واخذ فلوت داخل اب ليس له فلوت ويتحرك حسب حجم الاب اين الطبقات هنا ؟ 4 هل لا نعطي clear لعنصر inline بسبب ان هذا الاخير موجود بنفس طبقة float ام ماذا ؟ 5 كيف تعرف قيم الـ clear ؟
0
https://www.makalcloud.com/post/oxsjxcbi1
7
تسمح لنا CSS باضافه ملفات أخري واستدعائها من خلال ملف النمط عن طريق خاصية *import@* وكنت قد تحدث في مقالة سابقه عن سوء استخدام خاصية import@ من خلال الـCSS بسبب ما تشكله من مشاكل في اداء وسرعه الموقع يمكنك قرائتها من هنا: https://www.makalcloud.com/post/mf9w4uoax وقد اشرت في نهاية المقاله الي حلول لتجنب استخدام هذه الخاصية ومن ضمن هذه الحلول اذا كنت من مستخدمي معالجات الـCSS مثل (Sass, Less) سيمكنك استدعاء تلك الملفات بخاصية import@ ايضا. ##ما الفرق اذا بين import@ في
0
0
بعد البحث المضني في الشبكة العنكبوتية عن طريقة لتحويل الخطوط العربية لتعمل على صفحات الويب لم أجد طريقة كاملة للخطوط العربية على حد بحثي , هل يوجد هناك طرق لعمل ذلك ؟ لعلنا نأخذ على سبيل المثال خط المهند , والمهند الثخين للتجربة AL-MOHANAD AL-MOHANAD_BOLD
0
هذا تطبيق بسيط على codepen لل CSS counters التي تستخدم لترقيم العناوين او القوائم المتداخلة مصادر التعلم موجودة فو قسم ال HTML http://codepen.io/malozaibi/pen/RaQVbY/
1
السلام عليكم اخوانى الكرام اولا جمعة مباركة عليكم انا مبتدا فى css واريد شرح لكيفية اضافة الايقونات الى navbar لانى لا استطيع كتابة كود لذلك و شكرا .
0
http://www.moheb.space/2016/02/blog-post_23.html
2
ممكن مساعدة في أول تصميم تجاوبي لي ؟ حيث الفوتر بالشكل المراد في الشاشات الصغيرة و لكن في الشاشات المتوسطة والكبيرة لا تظهر الخلفية كاملة .. الصور : في الشاشات الكبيرة والمتوسطة https://i.suar.me/Y2oL/m في الشاشات الصغيرة https://i.suar.me/MgaV/m
1
هل توجد طريقة أخرى لعمل تصاميم متجاوبة دون إستعمال خاصية @media screen في css
0
0
3
منذ مدة وأنا أتعلم تصميم المواقع وكما هو الحال واجهتني مشاكل بسبب لغتي الإنكليزية فلم أفهم الكثير من الأمور إلا بالتجربة فهذه الطريقة أفضل في التعلم -بالنسبة لي- لذلك الآن إنني أقوم بالتعلم عن طريق تحويل ملف PSDإلى HTML CSS وفهم ما تفعله الأكواد على أرض الواقع -ليست مثل الأمثلة البسيطة- *ووجدت أعضاء ارابيا خير معين لفهم ما لم أفهمه* والسؤال في العنوان ツ