ScriptSource | Al-Bayati
Open in Telegram
502
Subscribers
No data24 hours
-27 days
-1430 days
Posts Archive
- أي شخص يريد مساعدة في مجال برمجة الويب سواء كانت مساعدة ( html css js ) راسلني وتدلل ..
@ClassZaid
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>:) Search Bar</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
* { margin:0; padding:0; box-sizing:border-box; font-family:'Tajawal', sans-serif; }
body { background:#f9f9f9; display:flex; justify-content:center; align-items:flex-start; height:100vh; overflow:hidden; padding-top:50px; }
.Search-Container { width:100%; max-width:600px; padding:0 20px; position:relative; }
.Search-Bar { display:flex; align-items:center; background:white; border-radius:30px; padding:15px 20px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); position:relative; overflow:hidden; }
.Search-Bar::before { content:""; position:absolute; top:-2px; left:-2px; width:calc(100% + 4px); height:calc(100% + 4px); border:2px solid rgba(0, 191, 255, 0.3); border-radius:30px; animation:borderPulse 3s infinite ease-in-out; z-index:-1; }
.Search-Bar input { border:none; background:transparent; outline:none; color:#333; font-size:1.1rem; width:100%; padding:12px; position:relative; z-index:1; }
.Search-Bar input::placeholder { color:#aaa; }
.Search-Bar .line { width:2px; height:30px; background:#ddd; margin:0 15px; position:relative; overflow:hidden; z-index:1; }
.Search-Bar .line::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#00bfff; transform:translateY(-100%); animation:slideLine 2s infinite ease-in-out; }
.Search-Bar button { border:none; background:transparent; cursor:pointer; color:#00bfff; font-size:1.5rem; transition:transform 0.3s ease; z-index:1; padding:10px; }
.Search-Bar button:hover { transform:scale(1.2); }
.side-line { position:absolute; width:3px; height:100%; background:#00bfff; top:0; animation:slideUpDown 2s infinite ease-in-out; }
.side-line.left { left:0; }
.side-line.right { right:0; }
@keyframes slideLine {
0% { transform:translateY(-100%); }
50% { transform:translateY(100%); }
100% { transform:translateY(-100%); }
}
@keyframes borderPulse {
0%, 100% { border-color:rgba(0, 191, 255, 0.3); }
50% { border-color:rgba(0, 191, 255, 0.8); }
}
@keyframes slideUpDown {
0% { transform:translateY(-100%); }
50% { transform:translateY(100%); }
100% { transform:translateY(-100%); }
}
@media (max-width:768px) {
body { padding-top:30px; }
.Search-Bar { padding:10px 16px; }
.Search-Bar input { font-size:1rem; padding:12px; }
.Search-Bar button { font-size:1.3rem; padding:8px; }
.Search-Bar .line { height:25px; margin:0 10px; }
}
</style>
</head>
<body>
<div class="Search-Container">
<div class="Search-Bar">
<div class="side-line left"></div>
<div class="side-line right"></div>
<input type="text" placeholder="Search Here ...">
<div class="line"></div>
<button><i class="fas fa-search"></i></button>
</div>
</div>
</body>
</html>by : @ClassZaid
× By HTML & CSS ... × Code For Search Bar 🔍 × THE CODE FILE IS BELOW 🚀👇:===========================
× كود يمكنك اضافتة لموقع لِسهل عليك .. × كود Search-Bar ، شريط بحث سواء كان موقعك موقع بيع منتجات وتسهل عملية البحث وكثير اشياء تشتفاد منه ..
The Full Code File .. Just Unzip It And Add It To Your Code .. • فقط فك الضغط
• Interactive Bar Code You Can Add To Your Website • Simple bottom bar code • Languages Code : HTML-CSS-JS 💡_ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
• كود بسيط ، يمكنك اضافتهُ الى موقعك ... • كود شريط سفلي يعرض ايقونات ( القائمة الرئيسيه ، السلة ، الاعدادات ، اللغة ، اخرى ) • لغات للكود : HTML-CSS-JS 💡 ..
• PDF Merge Bot File ، Without Any Problems And There Is A Special Panel For The Owner (Admin) Of The Bot Simple ..
• ملف بوت ، شخص طلبه مني ، وهو مهم جداً ..
• البوت عبارة عن دمج ملفات ( pdf ) ترسله ملفات عدة وهو راح يدمجلك الملفات بشكل بسيط ..
• فيه لوحة ادمن بسيطة فيها بس أذاعــة ، الاحصائيات .. امر ( admin ) ..
• شارك ملف البوت لغيرك ...
@ClassZaid
السلام عليكم ، الي يعرف موقع يبيع دومينات و استضافات (ويب) يراسلني
@ClassZaid
هلو ، اذا حاب تبدأ ببرمجة المواقع وماتعرف ؟
عندي شخص يشرحلك تطوير الويب من الـ (0) ، وشخص عراقي وكل هذا مجانا ...
اذا تريد تستفاد راسلني وتدلل : @ClassZaid
هذا البوت اكيد راح يفيدكم هواي ...
البـوت يقدم خدمة دمج ملفات ( PDF )
ترسله عدة ملفات يدمجهم بملف واحد ..
معرف البوت : @PdfileMarge_Bot ✨
• يابه رحمه الله من اعطانا سيرفر نرفع بوتات تفيدكم 💡♥️ . . .
- @ClassZaid
( & ) New Script Code For Python PyroGram ( Wikipedia Specialist )...
- ملف بوت متخصص في ويكيبيديا 🌪️....
فيه مميزات مرتبة تقدر تعمل محتوى من خلال هذا البوت ....
المميزات :
بحث في منصة ويكيبيديا .. احصائيات المقالات في ويكيبيديا .. الأكثر مشاهدة في ويكيبيديا .. صور مقالات في ويكيبيديا .... ( وغيرها من الميزات ... اكتشفها بنفسك ، اي مشكلة احكولي في الخاص ) .. ( @ : @ClassZaid :( : ) ..
متوفر بوت سبام رسائل لانهائي وبدون حظر 🔹 .
( ملف البوت متكامل يحتوي على عضوية تفعيل اشتراكات ... ولوحة ادمن للعضو ... )
للتواصل والشراء : @ClassZaid ..
· متوفر برمجة مواقع الكترونيه 💻 ..
· برمجة ايشي يعجبك من المواقع ..
· برمجه مواقع تعرفيه ، متجر .
· للاستطلاع حول العمل : @pagbayati
· للتواصل والاستفسار :
— @ClassZaid
