Abdo Hassn
عضو
- إنضم
- 18 فبراير 2025
- المشاركات
- 70
- مستوى التفاعل
- 23
- النقاط
- 8
السلام عليكم ورحمة الله
جات في بالي فكرة العلامة المائية ولكن مش دايما بيشتغل الكود ولكن بمساعدة شات جي بي قمت بعمل هذا الكود وقبل استخدامة هعرضة هنا عشان اعرف اذا كان فية مشكلة ولا لا
فكرة الكود عمل علامة مائية حتي علي الصور المرفوعة علي المراكز الخارجية
الكود
لكن لاحظت ان الوسم الموجود هوا img فقط انا اعرف ان الصور في html تتحول الي هذا الوسم ولكن هناك صيغ كثيرة للصور وبعد المحادثة مع شات جي بي تي كان ردة بهذا الكود لتضمين باقي الصيغ
لا أعلم اذا كان هذا صحيحا ام لا لذلك اطلب من حضراتكم ان تقولوا هذا صحيح ام لا
جات في بالي فكرة العلامة المائية ولكن مش دايما بيشتغل الكود ولكن بمساعدة شات جي بي قمت بعمل هذا الكود وقبل استخدامة هعرضة هنا عشان اعرف اذا كان فية مشكلة ولا لا
فكرة الكود عمل علامة مائية حتي علي الصور المرفوعة علي المراكز الخارجية
الكود
HTML:
.bbWrapper img {
position: relative;
display: inline-block;
}
.bbWrapper img::after {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 80px; /* حجم العلامة المائية */
height: 80px;
background: url('رابط_العلامة_المائية') no-repeat;
background-size: contain;
pointer-events: none;
opacity: 0.5;
}
HTML:
.bbWrapper img[src$=".jpg"],
.bbWrapper img[src$=".jpeg"],
.bbWrapper img[src$=".png"],
.bbWrapper img[src$=".gif"],
.bbWrapper img[src$=".webp"] {
position: relative;
display: inline-block;
}
.bbWrapper img[src$=".jpg"]::after,
.bbWrapper img[src$=".jpeg"]::after,
.bbWrapper img[src$=".png"]::after,
.bbWrapper img[src$=".gif"]::after,
.bbWrapper img[src$=".webp"]::after {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 80px;
height: 80px;
background: url('رابط_العلامة_المائية') no-repeat;
background-size: contain;
pointer-events: none;
opacity: 0.5;
}
