عبدالرحمن الحطاب

فهمت عليك هلق جتني فكرة انو حاليا الموقع على جهازي اني ادرج الصور بواسطة FTP عبر API لملف يكون عامل سيرفر مثل xampp يعني من شان المحاكاة قبل وضعها باستضافة معينة بس فهمت الوضع شكرا صح وكنت سألك سؤال في موضوع تاني يلي هو مشكلة صارتلي في css Tailwind ورديت عليك بالسؤال:- رابط السؤال لسا المشكلة عندي وادرجت رابط فيديو فيه المشكلة تأخرت بالرد اني سحبت عليها مؤقتا لين ما اظبط اشياء ثانية والحين عم احاول احلها

اذا المساحة التي تتيحها الاستضافة تتصل بها عبر FTP اذا كيف يمكن الحصول على رابط الصورة جربت ftp قدرت اخزن الصور ولكن لم اعرف كيف احصل على رابط لها هل عبر API؟

السلام عليكم ورحمة الله وبركاته لدي مشكلة اريد تخزين صور واظهارها في الموقع الخاص بي ماهي الطرق لذلك بعد البحث المطول لم اعثر على طريقة محددة لقد عثرت على خدمة امزون aws s3 وgoogle clound وFTP وعلى سبيل المثال اني اخترت FTP فهل مثلا اسحب على server واربطها ب API من شان الامن ما عيوب ذلك وما الطريقة الامثل والاقل تكلفة استخدم next js 13

اسف عل التأخر بالرد هي المشكلة في الفيديو:- https://youtu.be/W0Qj63mvGe0 وعندي سؤال ثاني اين يتم حفظ الصور يعني انا بدي اعرض الصور في الموقع اين اخزنها هل استخدم FTP او ماذا

import React from "react"; import Image from "next/image"; import Video from "@/components/Video"; import Tag from "./Tag"; import gg from "public/Person.jpg" export default function InformationProject() { return ( {/* الصورة مع الخلفية */} <div className="backdrop-blur-2xl bg-center bg-inherit bg-origin-border" style={{ backgroundImage: `url("https://m.media-amazon.com/images/M/MV5BNjRlZmM0ODktY2RjNS00ZDdjLWJhZGYtNDljNWZkMGM5MTg0XkEyXkFqcGdeQXVyNjAwMjI5MDk@._V1_.jpg")` }}> {/* Blur to Background */} <div className="absolute bg-blue-950 bg-opacity-75 backdrop-blur-lg w-screen h-full -z-50 bottom-0 left-0"></div> </div> ); } و ال navbar import NavbarItem from "./NavbarItem"; export default async function Navbar() { // Comande Create In Navbar const arrayitems:[String,String][]=[ ["Home", "/"], ["Projects","/Projects"], ["Gallery", "/Gallery"], ["News", "/News"], ["About", "/About"], ]; // Comande Create In Navbar // return ( <nav className="bg-gray-100 py-6 font-bold fixed z-50 glass bg-opacity-30 w-full top-0"> <NavbarItem arrayitem={arrayitems}/> </nav> ); } و عناصر navbar:- "use client"; import { Router } from "next/router"; import React, { ReactElement } from "react"; import { usePathname } from "next/navigation"; import Link from "next/link"; type arrayItemProps = [String, String][]; export default function NavbarItem({ arrayitem }: arrayItemProps) { // Script Create Button in Navbar // const navitem: ReactElement[] = arrayitem.map(([title, url]:String, index) => { const router: String = usePathname(); return ( <Link href={url} className={`px-2 font-bold hover:text-gold uppercase text-xl tracking-wider border-b-4 border-transparent border-solid hover:border-b-4 hover:border-gold ${ router === url ? "text-gold" : "" }`} key={index} > {title} </Link> ); }); // //Script Create Button in Navbar// // return ( <div className="flex flex-row justify-center"> <div className="mr-5">{navitem[0]}</div> {navitem.slice(1)} </div> ); } لقد جربت ازالة الظل من navbar وعلمت ولكن اريد مع الظل او اذا في المشتقبل حدثت نفس المشكلة اعرف الحل

ظل navbar سليم ولكن عندما يصبح فوق absoult (شفاف) تظهر هذه المشكلة خاصتا عندما احدد الماوس فوق العناصر تبع navbar 2023-07-21 13-17-39.mkv

السلام عليكم ورحمة الله وبركاته لدي مشكلة عندما اضيف الظل فوق absolute يظهر لدي مشكلة استخدم: next js 13 و Tailwind