لوحة المتصدرين

بديل tinymc editor أو WYSIWYG بدون عمل تسجيل لكل دومين يستخدم الاضافه ؟ هذه الاضافه عند أضافتها وانشاء حساب تعطيك java cdn فريد لكل مستخدم . في تطبيق تجاري مثلا لن يتم تغيير ال cdn لكل مسخدم والموافقه علي كل دومين يستخدم المحرر . السؤال كيف أضيف محرر نصي كالذي أكتب به الان بدون الاعتماد علي tinymc editor ؟

إذا خطأت كيف رجع كود

سلام عليكم هل يشترط ال oop فى الجافاسكريبت للعمل ك front end junior ؟

بحسب طبيعة المسؤوليات التي ستشملها وظيفتك، في حال كانت الوظيفة كمطور واجهات أمامية فقط فمن غير الشائع ضمن المتطلبات فهم للبرمجة كائنية التوجه، ركز على مهاراتك وما تستطيع انتاجه وجودة الواجهات التي تستطيع بناءها وستتجاوز تلك المقابلات

أبي فهم تمنى رد لأني حسست لا فائدة من دورة برمجة مواقع

لدي مشكلة بلموقع: 1- الموقع يتغير شكله عندما افتحه بمحركات بحث مختلفة... كيف يمكن اضبطه ليكون مناسب لكل المحركات. 2- في عنوان الموقع لقد وضعت قائمة hébergement and activités اريد بوضعية hover عندما اضع الماوس ع الكلمة يظهر لي overline لكن مبتعد أكثر عن الكلمة؟ كيف ممكن فعلها؟ html : <div class="title"> <div class="premier-title"> <img src="R/images/logo/Booki.png" alt="logo"> </div> <div class="deuxieme-title"> <ul> <li><a href="#">Hébergement</a></li> <li><a href="#">Activités</a></li> </ul> </div> </div> css: .title { display: flex; justify-content: space-between; padding-bottom: 30px; } .title .premier-title { display: flex; justify-content: flex-start; } .title .deuxieme-title { display: flex; justify-content: flex-end; justify-items: end; } .title .deuxieme-title ul li { list-style-type: none; display: inline-block; padding-left: 55px; } .title .deuxieme-title ul li a { text-decoration: none; } .title .deuxieme-title ul li a:hover { text-decoration: overline; } 3-بقسم les plus populaires يوجد نجوم التقييم اريد وضعها في الأسفل متباعده قليلا عن العنوان والسعر؟ html: <div class="troisieme-partie"> <div class="plus-populaire"> <div class="titre"> <h2>Les plus populaires</h2> <div class="icones"> <i class="fa-solid fa-chart-line-up"></i> </div> </div> <div class="proposition"> <img src="image/1.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <div class="titre"> <h3>Hôtel Le soleil du matin</h3> </div> <span>Nuit à partir de 128<strong> € </strong></span> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> </div> css: .troisieme-partie .plus-populaire .proposition { border: 1px solid silver; border-radius: 15px; background-color: white; margin-bottom: 56px; display: flex; justify-content: flex-start; } .troisieme-partie .plus-populaire .proposition img { width: 120px; height: 120px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; background-color: white; padding: 5px; margin-bottom: 5px; } .troisieme-partie .plus-populaire .proposition .groupe-elements { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 15px; } .troisieme-partie .plus-populaire .proposition .groupe-elements .photostars { align-self: flex-end; } .troisieme-partie .plus-populaire .proposition .photostars { color: blue; } 4-اخيرا لدي قسم الfooter ملتصق بلقسم الاخير لاني استخدمت خاصية float ... وضعت بعدها clear:both لكن لم يتغير شيء.... .troisieme-partie { width: 27%; float: right; margin-top: -40.5%; } .troisieme-partie .plus-populaire { padding: 20px; border: 2px solid silver; border-radius: 15px; background-color: #dbdbd7; } .troisieme-partie .plus-populaire .titre h2 { margin-bottom: 20px; } .troisieme-partie .plus-populaire .proposition { border: 1px solid silver; border-radius: 15px; background-color: white; margin-bottom: 56px; display: flex; justify-content: flex-start; } .troisieme-partie .plus-populaire .proposition img { width: 120px; height: 120px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; background-color: white; padding: 5px; margin-bottom: 5px; } .troisieme-partie .plus-populaire .proposition .groupe-elements { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 15px; } .troisieme-partie .plus-populaire .proposition .groupe-elements .photostars { align-self: flex-end; } .troisieme-partie .plus-populaire .proposition .photostars { color: blue; } strong { color: black; } /*-------------------clear-----------*/ .clear { clear: both; } .footer { background-color: "#dbdbd7"; } .container { max-width: 1170px; background-color: #dbdbd7; }

ما عليكي عمله هو التالي :- أولاً قومي بإعطاء الكلاس deuxieme-partie الخاصية التالية والأفضل لو تقومي بتغير اسمه ، ونقل الكلاس plus-populaire إلى داخله . .deuxieme-partie { width: 100%; background-color: #ffffff; } ثانياً قومي بإعطاء بالكلاس hébergement والكلاس plus-populaire هذه الخواص .hébergement { width: 70%; float: left; } .plus-populaire { width: 30%; float: right; } وهكذا سوف يأتي الكلاس plus-populaire على اليمين والكلاس hébergement على الشمال ، أرجوا منك مراعاة التنسيقات عند النقل ، هذه أفضل طريقة لحل المشكلة لديكِ أو بدون الدمج يمكنك إعطاء الكلاس deuxieme-partie الخاصية ، على الخواص التي لديه . .deuxieme-partie { float: left; } وإعطاء الكلاس troisieme-partie الخاصية .troisieme-partie { float: right; } أيضاً قومي بمراعاة التنسيقات

يوجد العديد من البدائل التي يمكن استعمالها لتحرير النصوص والمقالات بأحجام أقل وباستعمال مفتوح، نذكر من بينها: محرر LineContro محرر RichText محرر MultiformTextEditor ويتم تثبيتها بشكل بسيط عن طريق استدعاءها بجانب ملفات تنسيقها وفقط، أفضل استعمال RichText لبساطته وتوفيره لأكثر المكونات المستعملة عادة. هذا ويمكنك تحرير النصوص والمقالات وفق تنسيق Markdownوإعادة اخراجها لاحقال كمخرجات HTML سهلة التنسيق والتخصيص والهيكلة. يمكنك استعمال مثلا simplemde لكتابة المقالات والنصوص وفق تنسيق Markdown وحزمة markdown-it/markdown-it لتفسير ماركداون وفق HTML.

يمكنك تنفيذ التالي ، أن تقومي بإضافة وسم aside ويكون شريط جانبي لصفحة وبجانب القائمة ، مع تصغير حجم القائمة إلى 80$ وإعطاء الوسم aside حجم 20% ونقل الكلاس plus populaire داخل الوسم aside .

يمكنك الاعتماد على مكتبات غير المكتبات المذكورة كمكتبة summernote أو مكتبة ckeditor بحيث يمكنك زيارة توثيق كل مكتبة من هنا أو هنا و يمكنك إضافة كل مكتبة إلى موقعك مثلاً يمكنك إضافة مكتبة ckeditor من خلال إضافة مسار ملف المكتبة في لغة جافا سكريبت <script src="https://cdn.ckeditor.com/4.17.2/standard/ckeditor.js"></script> ثم إضافة محرر النص textarea كالتالي <textarea name="editor1"></textarea> ثم نفعل لهذه textarea الشكل الجديد وهو المحرر من خلال الاسم الموضوع له من خلال <script> CKEDITOR.replace( 'editor1' ); </script>

شكرا كتير الك...انا بدي بس انقل العنصر plus populaire ليكون بجانب ال hébergement à Marseille هل ممكن بخاصية flex <div class="deuxieme-partie"> <div class="titre"> <h2>Hébergements à Marseille</h2> </div> <div class="hébergement"> <div class="proposition"> <img src="image/auberge.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <div class="titre"> <h3>Auberge La Cannebière</h3> </div> <span>Nuit à partir de <strong>25€</strong></span> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <img src="image/hotel du port.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <h3>Hôtel du port</h3> <span>Nuit à partir de 52<strong>€</strong></span> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> </div> <div class="proposition"> <img src="image/hotel les mouettes.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <div class="titre"> <h3>Hôtelle les mouettes</h3> </div> <span> à partir de 76<strong>€</strong></span> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <img src="image/Hotel de la mer.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <div class="titre"> <h3>Hôtel de la mer</h3> </div> <span> Nuit à partir de 46<strong>€</strong></span> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <img src="image/Auberge le panier.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <div class="titre"> <h3>Auberge Le Panier</h3> </div> <span>Nuit à partir de <strong>23€</strong></span> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <img src="image/hotel chez amina.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <div class="titre"> <h3>Hôtel chez Amina</h3> </div>Nuit à partir de 96<strong>€</strong> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> </div> <div class="fin-proposition"> <a href="#">Afficher Plus</a> </div> </div> </div> <!----------------Troisieme partie------------------------> <div class="troisieme-partie"> <div class="plus-populaire"> <div class="titre"> <h2>Les plus populaires</h2> <div class="icones"> <i class="fa-solid fa-chart-line-up"></i> </div> </div> <div class="proposition"> <img src="image/1.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <div class="titre"> <h3>Hôtel Le soleil du matin</h3> </div> <span>Nuit à partir de 128<strong> € </strong></span> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> </div> </div> <div class="proposition"> <img src="image/2.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <div class="titre"> <h3>Au coeur de l'eau</h3> </div> <span>Nuit à partir de 71<strong> € </strong></span> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> <div class="proposition"> <img src="image/Hôtel tout bleu et Blanc.jpg" alt="chambre-hotel"> <div class="groupe-elements"> <div class="titre"> <h3>Hôtel Tout bleu et Blanc</h3> </div> <span>Nuit à partir de 68 <strong>€</strong></span> <div class="photostars"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star" style="color: #eee;"></i> </div> </div> </div> </div> CSS .deuxieme-partie { width: 70%; margin-top: 25px; border: 2px solid silver; border-radius: 15px; background-color: #dbdbd7; } .deuxieme-partie .titre h2 { margin-top: 10px; margin-left: 65px; } .deuxieme-partie .hébergement { display: flex; justify-content: flex-start; flex-wrap: wrap; } .deuxieme-partie .hébergement .proposition { margin-top: 35px; margin-left: 70px; margin-bottom: 10px; border: 1px solid silver; border-radius: 15px; background-color: white; padding: 5px; } .deuxieme-partie .hébergement .proposition img { width: 270px; height: 150px; border-radius: 15px; background-color: white; } .deuxieme-partie .hébergement .proposition .groupe-elements { padding-left: 10px; } .deuxieme-partie .hébergement .proposition .photostars { color: blue; } .deuxieme-partie .hébergement .fin-proposition { margin-left: 75px; margin-top: 15px; margin-bottom: 25px; font-weight: bold; } .deuxieme-partie .hébergement .fin-proposition a { color: black; text-decoration: none; } /*----------------plus populaire-------------------------*/ .troisieme-partie { width: 27%; } .troisieme-partie .plus-populaire { padding: 20px; border: 2px solid silver; border-radius: 15px; background-color: #dbdbd7; } .troisieme-partie .plus-populaire .titre h2 { margin-bottom: 20px; } .troisieme-partie .plus-populaire .proposition { border: 1px solid silver; border-radius: 15px; background-color: white; margin-bottom: 56px; display: flex; justify-content: flex-start; } .troisieme-partie .plus-populaire .proposition img { width: 120px; height: 120px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; background-color: white; padding: 5px; margin-bottom: 5px; } .troisieme-partie .plus-populaire .proposition .groupe-elements { display: flex; flex-direction: column; justify-content: flex-start; } .troisieme-partie .plus-populaire .proposition .groupe-elements .photostars { padding-top: 28px; } .troisieme-partie .plus-populaire .proposition .photostars { color: blue; } strong { color: black; }

جواب سؤالك الأول ،يمكنك هنا من استخدام إطارات العمل مثل Bootstrap فهي مساعدة في جعل الموقع متجاوب مع مختلف أحجام الشاشات . جواب السؤال الثاني ، لقد حاولت أن أقوم بعمل ما تريدينه هنا ، لكن من الواضح أنه لا تضبط مع أي تنسيقات ، فهي مصممة لتظهر مقاربة للكلمة، لكن يمكنك فعل التالي وسوف يظهر الخط أبعد بقليل عن السابق وسوف يظهر كإطار من الأعلى للوسم a. .title .deuxieme-title ul li a:hover { padding: 20px; border-top: 1px solid red; } جواب السؤال الثالث يمكنك استخدام الخاصية padding في جعل حواشي داخلية بين العناصر ، كالتالي .photostars { padding: 20px; } جواب السؤال الرابع ، هل يمكنك إرفاق شيفرة HTML الخاصة بقسم footer حتى أستطيع المساعدة واكتشاف المشكلة .

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

تأكد من وجود قيمة للمتغير doc قبل إرساله ضمن التابع postDocument كالتالي const postDocument = () => { if(!doc) return; ... } حاول أيضًا حذف الترويسة Content-Type وإرسال الملف بدون الترويسة كالتالي axios.post(url, formData)

<?php add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' ); } function child_theme_slug_setup() { load_child_theme_textdomain( 'parent-theme-slug', get_stylesheet_directory() . '/languages' ); } add_action( 'after_setup_theme', 'child_theme_slug_setup' ); ?> هذا الكود الكامل لملف functions.php في القالب الإبن

إن كنت تقصد عند نشر المشكلة في الأسئلة العامة، يتوجب على الطالب وضع الشيفرة البرمجية مباشرة في محرر الأكواد و كتابة أي رسائل خطأ تظهر له أو صورة في حال كان التصميم لا يعمل.. وفي حال ترابط أكثر من ملف مع بعضهم لنفس المشكلة، نضع الشيفرات جميعها، ولا مشكلة من وضع رابط المستودع، في آخر السؤال إن احتاج الأمر لذلك فهي تسمح بتصفح المشروع بسهولة