Zen Eddin Allaham
-
المساهمات
823 -
تاريخ الانضمام
-
تاريخ آخر زيارة
-
عدد الأيام التي تصدر بها
35
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو Zen Eddin Allaham
-
هذا الموقع الذي نفذته وهو يتحدث عن توليد صور بذكاء الأصطناعي لكن اريد غير هذه الفكرة
- 9 اجابة
-
- 1
-
-
المشروع قد نفذته لكن اريد فكرة عن ماذا يتحدث هذا الموقع سواء كان كورس او متجر او من الى ذلك
- 9 اجابة
-
- 1
-
-
فكرة للمشروع
-
هل يمكنكم مساعدتي بأختيار مهارة للموقع الذي اعمل عليه لانني بصراحة لا املك افكار
- 9 اجابة
-
- 2
-
-
في يوتيوب لا يوجد فيديو لتعلم Tailwind الأصدار 4 لقد بحثت كثيراً ولم اجده -
هل ايضاً Bootstrap 5 يجب علي تعلمه وايضاً Canvas في HTML
-
هل نسخة الثالثة صالحة لتعلم او يعني اتعلم النسخة الثالثة بدلاً من النسخة الرابعة
-
ماهي احدث نسخة حالياً من هذه المكتبة
-
انا تعلمت HTML CSS لكنbootstrap 5 لم اتعلمها وايضاً مكتبة Tailwindcss وايضاً canvas في HTML هل هذا الامر كافي ام يجب علي تعلمهم
-
AI (2).zip
-
لقد انتظرت وقتاً طويلاً ولم تنحل المشكلة
-
const api = "" const inp = document.getElementById('input') const images = document.querySelector('.images') const getImage = async () => { // make a request to openoia api const methods ={ method: "POST", headers:{ "Content-Type":"application/json", "Authorization":`Bearer ${api}` }, body:JSON.stringify( { "prompt":inp.value, "n":3, "size":"1024x1024" } ) } const res = await fetch("https://api.openai.com/v1/images/generations" , methods) // parse the response as json const data = await res.json() const listImages = data.data; images.innerHTML = ''; listImages.map(photo => { const container = document.createElement('div') images.append(container) const img = document.createElement('img') container.append(img) img.photo.url }) } لقد عدلت كما وضحت لي لكن عند ضغط على زر بعد ملئ الحقل تختفي div ولا يظهر شيء
-
لقد استخدمت openai ولم يعمل الكود const api = ""; const inp = document.getElementById('input') const images = document.querySelector('.images') const getImage = async () => { // make a request to openoia api const methods ={ method: "POST", headers:{ "Content-Type":"application/json", "Authorization":`Bearer ${api}` }, body:JSON.stringify( { "prompt":inp.value, "n":3, "size":"256x256" } ) } const res = await fetch("https://api.openai.com/v1/images/generations" , methods) // parse the response as json const data = await res.json() const listImages = data.data; images.innerHTML = ''; listImages.map(photo => { const container = document.createElement('div') images.append(container) const img = document.createElement('img') container.append(img) img.photo.url }) } هاد هو كود جافا سكريبت AI.zip
- 13 اجابة
-
- 1
-
-
لقد استخدمت openai ولم يعمل الكود const api = "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"; const inp = document.getElementById('input') const images = document.querySelector('.images') const getImage = async () => { // make a request to openoia api const methods ={ method: "POST", headers:{ "Content-Type":"application/json", "Authorization":`Bearer ${api}` }, body:JSON.stringify( { "prompt":inp.value, "n":3, "size":"256x256" } ) } const res = await fetch("https://api.openai.com/v1/images/generations" , methods) // parse the response as json const data = await res.json() const listImages = data.data; images.innerHTML = ''; listImages.map(photo => { const container = document.createElement('div') images.append(container) const img = document.createElement('img') container.append(img) img.photo.url }) } هاد هو كود جافا سكريبت
-
كيف يمكنني توليد صور بستخدام JavaScript حيث اريد اي نص يتم ادخاله في حقل ينفذ في div الفارغ ويظهر صور على حسب المحتوى الذي تم ادخاله
- 13 اجابة
-
- 1
-
-
<!DOCTYPE html> <html lang="ar"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> <link rel="stylesheet" href="index.css"> <title>Document</title> </head> <body dir="rtl"> <header class="container"> <h1>عالم</h1> <nav> <a class="active" href="">الرئيسية</a> <a href="">المعلومات</a> <a href="">العمل</a> <a href="">تواصل</a> </nav> </header> <section class="hero"> <div class="tex"> <p>أنشئ صورك بستخدام تقنيات الذكاء الأصطناعي</p> <button>أبدأ الأن</button> <button>ابحث اكثر</button> </div> </section> هذا هو المشروع desktop.zip
-
*{ padding: 0; margin: 0; box-sizing: border-box; font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } body{ background: url(ص.jpg) no-repeat; background-size: cover; background-position: center; width: 100%; height: 100vh; background-color: rgba(255,255,255,0.15); backdrop-filter: blur(4px) brightness(110%); } .container{ width: 100%; height: 10%; background-color: #490183; display: flex; justify-content: space-between; align-items: center; padding: 20px; position: fixed; } .container h1{ color: white; font-weight: bolder; padding-right: 5rem; } .container nav a{ color: white; text-decoration: none; padding: 10px; transition: all 0.3s ease; } .container nav a:hover{ background: #ffffff5e; } .hero{ display: flex; justify-content: center; align-items: center; padding: 20rem 10rem; font-size: 30px; color: white; font-weight: 700; } button{ padding: 1rem 2rem; border: none; background-color: #490183; color: white; border-radius: 10px; margin-top: 10px;; cursor: pointer; font-weight: 600; transition: all 0.3s ease; } button:hover{ background-color: white; color: #490183; } .main{ width: 100%; height: 100vh; } .main h1{ text-align: center; font-size: 40px; margin-top: 100px; } i{ text-align: center; }
-
لقد استخدمت : Position: fixed; ومن المفترض ان يصبح قسم header ثابت لكن لم يحدث ذلك
- 8 اجابة
-
- 2
-
-
الصورة موجودا في body
-
كيف ان ارجع حجم شاشة طبيعية
- 3 اجابة
-
- 3
-
