اخر المواضيع

آخر الأخبار
إختر لونك المفضل

عرض المحتوي

بحث

السبت، 22 فبراير 2025

كيفيه شراء ترخيص من vbulletin

السفراني | فبراير 22, 2025 | لا يوجد تعليقات !

 بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

لكل من يرغب بـ شراء ترخيص للـ vbulletin وهناك من يجهل طريقة الشراء وهناك من يتعرض لنصب الشركات و العموله العالية و احتكار لوحة التحكم

والان نقدم لكم شرح تفصيلي وسهل لشراء ترخيص منتدى vb ببطاقة الاتمان

اولاُ قم بدخول علي موقع الشركة

: http://www.vbulletin.com/order

ثم تابع الشرح الصور تشرح نفسها

بعدين راح توصل لك رساله علي الاميل بيقول تم الشراء بنجاح ،،

راح توصلك رساله الي اميلك من الشركة باسم

Sales@vBulletin.com

سوف يتم قبول طلبك بعد 24 ساعه

Thank you for your recent order from vBulletin.com. Your order will be

reviewed shortly by a member of our sales team, and you will then

receive a second email containing details of the products and/or

services that you have ordered. Your order will be reviewed and

completed within 24 hours.

وبكذا يكون شريت ترخيص خاص بك

الف مبروك

وهناك اشتراك سعر الاشتراك سنوي يتجدد في كل سنه (85 دولار )

وهناك للابد ( مدى الحياه)(160دولار)

الترقيه تحصل عليها مجانا طالما اشتراك ساري المفعول

بخصوص تصريح المنتدى للابد ودخول الى موقع www.vbulletin.com وقائمة الاعضاء لسنه واحده فقط

اما التجديد للسنه التالية بالنسبة للدخول لقائمة الاعضاء فيكون ( 30 دولار )

اتمنى ان اكون قدرت افيدكم

ملاحظه لمن لم يستطيع او يرغب بالترخيص وبلوحة تحكم خاصه بواسطة الكثيري نت كل ماعليه تسجيل طلب بقسم

الطلبات الخاصه

قسم الطلبـــــات الخاصه +الإستضافـــه

عفواً .. لايمكن مشاهدة الطلب إلا صاحبه والمشرف العام فقط

مع وضع المعلومات الخاصه بطلب الترخيص

كالااتي

======================

طلب ترخيص جديد

لمنتدى xxxxxxxxxxxx

يجب تدوينها باللغه الانجليزيه .

Name: xxxx xxxx xxxxxxx

Email: xxxxx@xxxxxx.com

Address: (العنوان)

City: xxxxxx

Country: xxxxxxxx

Postal Code: xxxxxxxxx

Mobile: xxxxxxxx

Site: xxxxxxxxx.com

=============================

وقيمة الترخيص مدى الحياة 160 دولار اي ماياعدل 600 ريال سعودي

يضاف لها 100 ريال كعموله

اي 700 ريال

ولتجديد الترخيص التكلفه 200 ريال لسنه

المطلوب لتجديد الترخيص فقط

Customer Number: xxxxxxxxx

Customer Password: xxxxxxx

هذه والله ولي التوفيق


إقرأ المزيد
author

السبت، 18 يناير 2025

البرنامج الاول لتعريب البلوجر من الانجليزيه الى العربيه blogger TBT 1.2

السفراني | يناير 18, 2025 | لا يوجد تعليقات !

تعريب البلوجر TBT-1.2

https://e.top4top.io/p_3290dn53q1.gif

https://top4top.io/downloadf-32907bpe42-rar.html 
https://www.mediafire.com/file/1lwouyqd92h93at/TBT-1.2.rar/file 
هذا البرنامج لتعريب قوالب الاجنبيه لعربيهـ

إقرأ المزيد
author

كود soundcloud لرفع في البلوجر

السفراني | يناير 18, 2025 | لا يوجد تعليقات !
كود الصوتيات
 <iframe width="100%" height="400" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://soundcloud.com/pzezhaep4ipi&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false" target="_blank"></iframe></p>
 المثال هنا
 غير اللى باللون الاحمر لرابطك
إقرأ المزيد
author

السبت، 5 أكتوبر 2024

أخبر صديقك عن الصفحة Tell a friend about the page

السفراني | أكتوبر 05, 2024 | لا يوجد تعليقات !
إقرأ المزيد
author

أضع موقعك بلا شروط I put your site without conditions

السفراني | أكتوبر 05, 2024 | لا يوجد تعليقات !

قريبا

إقرأ المزيد
author

اضف مقاله وبدون تسجيل Add an article without registration

السفراني | أكتوبر 05, 2024 | لا يوجد تعليقات !

المثال

http://camel-carry-arab.atwebpages.com/HaYeF5-NeseaR3/index.html

تنزيل
https://top4top.io/downloadf-320035ouz1-rar.html
https://files.fm/u/586c7enkg4
الملفات المشروع
1- articles.csv
2- scripts
3- styles
4- index
5- صور

إقرأ المزيد
author

تاريخ الانتساب الزائر Visitor Join Date html php

السفراني | أكتوبر 05, 2024 | لا يوجد تعليقات !

visitor_registration/
├── index.html # الصفحة الرئيسية مع نموذج التسجيل
├── styles.css # أنماط CSS لتنسيق الصفحة
├── script.js # سكربت JavaScript لمعالجة التسجيل
└── register.php # ملف PHP لمعالجة البيانات وإدخالها في قاعدة البيانات


خطوات الإعداد:
إنشاء مجلد المشروع:
أنشئ مجلدًا باسم visitor_registration على خادمك المحلي
إنشاء الملفات:
أنشئ الملفات المذكورة أعلاه (index.html, styles.css, script.js, register.php) وضع المحتوى المناسب في كل منها
إعداد قاعدة البيانات:
استخدم phpMyAdmin لإنشاء قاعدة البيانات visitor_registration وإنشاء جدول visitors باستخدام الاستعلامات SQL السابقة
تشغيل الخادم المحلي:
تأكد من تشغيل خادم الويب (مثل XAMPP أو MAMP)
افتح المتصفح وانتقل إلى http://localhost/visitor_registration/index.html
بهذا، سيكون لديك نظام تسجيل زوار بسيط ومنظم. إذا كان لديك أي استفسارات أو تحتاج إلى مزيد من المساعدة، فلا تتردد في السؤال!
index.html الكود

<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>نظام تسجيل الزوار</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>تسجيل الزوار</h1>
<form id="registrationForm" action="register.php" method="POST">
<input type="text" name="name" placeholder="اسمك" required>
<input type="email" name="email" placeholder="بريدك الإلكتروني" required>
<input type="text" name="phone" placeholder="رقم الهاتف">
<button type="submit">تسجيل</button>
</form>
<div id="message"></div>
</div>
<script src="script.js"></script>
</body>
</html>

styles.css الكود
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}

.container {
background: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 300px;
}

h1 {
text-align: center;
}

input {
width: 100%;
padding: 10px;
margin: 10px 0;
}

button {
width: 100%;
padding: 10px;
background: #007BFF;
color: white;
border: none;
cursor: pointer;
}

button:hover {
background: #0056b3;
}

#message {
margin-top: 10px;
text-align: center;
color: green;
}

script.js الكود
document.getElementById('registrationForm').onsubmit = function(event) {
event.preventDefault(); // منع الإرسال الافتراضي للنموذج

const formData = new FormData(this);

fetch('register.php', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(data => {
document.getElementById('message').innerText = data;
document.getElementById('registrationForm').reset();
})
.catch(error => {
console.error('خطأ:', error);
});
};

register.php الكود
<?php
$servername = "localhost";
$username = "username"; // اسم المستخدم الخاص بك
$password = "password"; // كلمة المرور الخاصة بك
$dbname = "visitor_registration";

// إنشاء الاتصال
$conn = new mysqli($servername, $username, $password, $dbname);

// التحقق من الاتصال
if ($conn->connect_error) {
die("فشل الاتصال: " . $conn->connect_error);
}

// الحصول على البيانات من النموذج
$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['phone'];

// إدخال البيانات في قاعدة البيانات
$sql = "INSERT INTO visitors (name, email, phone) VALUES ('$name', '$email', '$phone')";
if ($conn->query($sql) === TRUE) {
echo "تم التسجيل بنجاح!";
} else {
echo "خطأ: " . $sql . "<br>" . $conn->error;
}

$conn->close();
?>

وسلامتكم

إقرأ المزيد
author

اي بي الزائر Visitor IP php

السفراني | أكتوبر 05, 2024 | لا يوجد تعليقات !

تفاصيل الملفات


index.php: يحتوي على الكود الذي يتتبع الزوار ويعرض المعلومات

<?php
// تضمين ملف إعدادات قاعدة البيانات
include 'db_config.php';

// إنشاء اتصال بقاعدة البيانات
$conn = new mysqli(DB_SERVER, DB_USERNAME, DB_PASSWORD, DB_NAME);

// التحقق من الاتصال
if ($conn->connect_error) {
die("فشل الاتصال: " . $conn->connect_error);
}

// الحصول على عنوان IP الزائر ومعلومات المتصفح
$visitor_ip = $_SERVER['REMOTE_ADDR'];
$user_agent = $_SERVER['HTTP_USER_AGENT'];

// إدخال عنوان IP في قاعدة البيانات
$sql = "INSERT INTO visitors (ip_address, user_agent) VALUES ('$visitor_ip', '$user_agent')";
$conn->query($sql);

// جلب جميع الزيارات لتظهر في الصفحة
$sql = "SELECT * FROM visitors ORDER BY visit_time DESC";
$result = $conn->query($sql);
?>

<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تسجيل الزوار</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>تسجيل الزوار</h1>

<table>
<tr>
<th>رقم الزيارة</th>
<th>عنوان IP</th>
<th>معلومات المتصفح</th>
<th>وقت الزيارة</th>
</tr>
<?php
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "<tr>
<td>" . htmlspecialchars($row["id"]) . "</td>
<td>" . htmlspecialchars($row["ip_address"]) . "</td>
<td>" . htmlspecialchars($row["user_agent"]) . "</td>
<td>" . $row["visit_time"] . "</td>
</tr>";
}
} else {
echo "<tr><td colspan='4'>لا توجد زيارات.</td></tr>";
}
?>
</table>

</body>
</html>

<?php
// إغلاق الاتصال بقاعدة البيانات
$conn->close();
?>

db_config.php: يحتوي على إعدادات قاعدة البيانات
<?php
define('DB_SERVER', 'localhost'); // اسم الخادم
define('DB_USERNAME', 'your_username'); // اسم المستخدم
define('DB_PASSWORD', 'your_password'); // كلمة المرور
define('DB_NAME', 'my_website'); // اسم قاعدة البيانات
?>

style.css: يحتوي على التنسيق لصفحة تتبع الزوار
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 20px;
}
h1 {
text-align: center;
color: #333;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
padding: 10px;
border: 1px solid #ddd;
text-align: right;
}
th {
background-color: #007bff;
color: white;
}
tr:hover {
background-color: #f1f1f1;
}

الخطوات
تأكد من أن لديك قاعدة بيانات وجداولك تم إعدادها باستخدام الاستعلامات المناسبة. يمكنك استخدام واجهة PHPMyAdmin أو أي أداة إدارة قاعدة بيانات أخرى
قم برفع الملفات إلى خادم الويب الخاص بك
هذا الهيكل المبسط سهل الاستخدام ويحقق الغرض المطلوب. إذا كان لديك أي استفسارات أخرى أو تحتاج إلى مساعدة إضافية، فأنا هنا للمساعدة!
تحديث إعدادات قاعدة البيانات: افتح ملف db_config.php وقم بتحديث المعلومات الخاصة بخادم قاعدة البيانات (اسم المستخدم، كلمة المرور، إلخ)
رفع الملفات: قم برفع جميع الملفات إلى خادم الويب الخاص بك
زيارة الصفحة: افتح index.php في المتصفح لتسجيل الزوار ورؤية تفاصيلهم
بهذا الشكل، لديك مشروع بسيط لتتبع الزوار باستخدام PHP وMySQL. إذا كان لديك أي استفسارات أو تحتاج إلى مزيد من التفاصيل، فلا تتردد في طرحها!
انشاء visitors *
CREATE TABLE visitors (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
ip_address VARCHAR(45) NOT NULL,
user_agent TEXT NOT NULL,
visit_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP

);
لإنشاء جدول visitors في قاعدة البيانات الخاصة بك، يجب عليك تنفيذ أمر SQL لإنشاء هذا الجدول. إليك كيفية القيام بذلك خطوة بخطوة:
1. الدخول إلى قاعدة البيانات
استخدام واجهة PHPMyAdmin:
افتح متصفح الويب الخاص بك واذهب إلى عنوان PHPMyAdmin (عادةً ما يكون مثل http://yourdomain.com/phpmyadmin)
سجل الدخول باستخدام معلومات قاعدة البيانات الخاصة بك.
استخدام سطر الأوامر (إذا كنت تعمل على خادم محلي مثل XAMPP أو MAMP):
افتح سطر الأوامر
قم بتشغيل الأمر التالي للدخول إلى MySQL:
bash
نسخ الكود
mysql -u your_username -p

أدخل كلمة المرور الخاصة بك.
2. إنشاء قاعدة البيانات (إذا لم تكن موجودة)
إذا لم يكن لديك قاعدة بيانات بالفعل، يمكنك إنشاء واحدة. يمكنك استخدام الأمر التالي:
sql
نسخ الكود
CREATE DATABASE my_website;
USE my_website;

3. إنشاء جدول visitors
قم بتنفيذ الأمر SQL التالي لإنشاء جدول visitors:
sql
نسخ الكود
CREATE TABLE visitors (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
ip_address VARCHAR(45) NOT NULL,
user_agent TEXT NOT NULL,
visit_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

4. تنفيذ الأوامر
باستخدام PHPMyAdmin:
بعد الدخول إلى قاعدة البيانات، انتقل إلى علامة التبويب "SQL"
انسخ الأمر أعلاه (لإنشاء جدول visitors) والصقه في مربع النص
انقر على زر "تنفيذ" أو "Go"
باستخدام سطر الأوامر:
بعد استخدام قاعدة البيانات:
sql
نسخ الكود
USE my_website;

انسخ الأمر أعلاه (لإنشاء جدول visitors) والصقه ثم اضغط على Enter
5. التحقق من إنشاء الجدول
بعد تنفيذ الأمر، تأكد من أن الجدول تم إنشاؤه بنجاح:
في PHPMyAdmin: انتقل إلى علامة التبويب "الجداول" وتحقق من وجود جدول visitors
في سطر الأوامر: يمكنك استخدام الأمر التالي لرؤية جميع الجداول:
sql
نسخ الكود
SHOW TABLES;

الآن لديك جدول visitors جاهز للاستخدام!
يمكنك الآن استخدام المشروع الذي تم إعداده سابقًا لتتبع الزوار وتسجيل معلوماتهم في هذا الجدول. إذا كان لديك أي استفسارات إضافية، فلا تتردد في طرحها!
نعم، إنشاء جدول visitors في قاعدة البيانات هو خطوة أساسية لتتمكن من تتبع الزوار وتخزين المعلومات الخاصة بهم. إليك ملخص حول الأسباب وطرق تنفيذ ذلك:
لماذا تحتاج إلى جدول visitors؟
تخزين البيانات: الجدول سيسمح لك بتخزين معلومات الزوار مثل:
عنوان IP
معلومات المتصفح
وقت الزيارة
تحليل البيانات: يمكنك لاحقًا تحليل البيانات لمعرفة عدد الزوار، وأوقات الزيارة الأكثر شيوعًا، وأنماط استخدام أخرى
خطوات إنشاء جدول visitors
1. تسجيل الدخول إلى قاعدة البيانات
استخدم PHPMyAdmin أو سطر الأوامر للدخول إلى قاعدة البيانات
2. إنشاء قاعدة البيانات (إذا لم تكن موجودة)
sql
نسخ الكود
CREATE DATABASE my_website;
USE my_website;

3. إنشاء جدول visitors
استخدم الأمر التالي لإنشاء الجدول:
sql
نسخ الكود
CREATE TABLE visitors (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
ip_address VARCHAR(45) NOT NULL,
user_agent TEXT NOT NULL,
visit_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

4. تنفيذ الأوامر
في PHPMyAdmin: انتقل إلى علامة التبويب "SQL" وأدخل الأوامر
في سطر الأوامر: أدخل الأوامر مباشرة بعد الاتصال بقاعدة البيانات
5. التحقق من إنشاء الجدول
تأكد من أن الجدول تم إنشاؤه بنجاح سواء عبر PHPMyAdmin أو باستخدام الأمر SHOW TABLES; في سطر الأوامر
الآن لديك جدول visitors جاهز!
بعد إنشاء الجدول، يمكنك استخدام الكود الذي قدمته سابقًا لتتبع الزوار وتخزين المعلومات في هذا الجدول. إذا كنت بحاجة إلى مساعدة إضافية، فلا تتردد في طرحها

إقرأ المزيد
author

علم الدولة لزائر State flag for visitor برمجه ويب

السفراني | أكتوبر 05, 2024 | لا يوجد تعليقات !

كيفية الاستخدام
أنشئ ملف HTML (مثل index.html) وضع فيه كود HTML
أنشئ ملف CSS (مثل styles.css) وضع فيه كود CSS
أنشئ ملف JavaScript (مثل script.js) وضع فيه كود JavaScript
افتح ملف index.html في المتصفح
ملاحظات
تأكد من أنك متصل بالإنترنت لأن الكود يستخدم خدمات خارجية للحصول على معلومات الموقع وعلم الدولة

الكود لـ styles.css

body {
font-family: Arial, sans-serif;
text-align: center;
}

.flag img {
width: 150px;
height: auto;
}

الكود لـ script.js
// استخدم واجهة برمجة التطبيقات للحصول على معلومات الموقع
fetch('https://ipapi.co/json/')
.then(response => response.json())
.then(data => {
const countryCode = data.country.toLowerCase(); // رمز الدولة
const flagUrl = `https://restcountries.com/v3.1/flags/${countryCode}.svg`;

const flagContainer = document.getElementById('flag');
const img = document.createElement('img');
img.src = flagUrl;
img.alt = `علم ${data.country_name}`;

flagContainer.appendChild(img);
})
.catch(error => {
console.error('Error fetching data:', error);
});

الكود لـ index.html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>علم الدولة الزائر</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>علم دولتك</h1>
<div id="flag" class="flag"></div>

<script src="script.js"></script>
</body>
</html>

تم تطويره : script.js تم تعديل الرابط على مجلد
بس عليك تغير اعلام الدول 
من Kuwait
الى حرفين
kw
وتم تعديل صيغه الصوره الى
gif

// استخدم واجهة برمجة التطبيقات للحصول على معلومات الموقع

fetch('https://ipapi.co/json/')
.then(response => response.json())
.then(data => {
  const countryCode = data.country.toLowerCase(); // رمز الدولة
  
  // تعديل رابط العلم إلى مجلد "flags" واستخدام اسم الدولة بالكامل
  const flagUrl = `flags/${countryCode}.gif`;

  const flagContainer = document.getElementById('flag');
  const img = document.createElement('img');
  img.src = flagUrl;
  img.alt = `علم ${data.country_name}`;

  flagContainer.appendChild(img);
})
.catch(error => {
  console.error('Error fetching data:', error);
});
وسلامتكم
إقرأ المزيد
author

الخميس، 22 أغسطس 2024

WebWizForums Free Forum Software برنامج المنتدى المجاني

السفراني | أغسطس 22, 2024 | لا يوجد تعليقات !

 يعد حل المنتدى المجاني Web Wiz Forums هو برنامج المنتدى المثالي لدعم مجتمعك عبر الإنترنت

https://www.webwizforums.com/

تتميز منتديات Web Wiz الحائزة على جوائز بأنها سريعة وقوية نتيجة لأكثر من 23 عامًا من الخبرة في تطوير برامج المنتدى. إنه يحتوي على مئات من الميزات العملية والعامة، ومع ذلك يظل من السهل تشغيله

استضافة الويب لمواقع ASP.NET وClassic ASP وPHP

إقرأ المزيد
author

الأربعاء، 7 أغسطس 2024

عشر مواقع استضافه رسمية Ten official hosting sites

السفراني | أغسطس 07, 2024 | لا يوجد تعليقات !

 1. Bluehost

الدولة: الولايات المتحدة الأمريكية

المؤسسون: Matt Heaton وDanny Ashworth أسسا الشركة في 2003

موقع الويب: Bluehost

2. SiteGround

الدولة: بلغاريا

المؤسسون: Todor Bodurov، Ivo Tzenov، و Nikolay Sabev أسسوا الشركة في 2004

موقع الويب: SiteGround

3. HostGator

الدولة: الولايات المتحدة الأمريكية

المؤسسون: Brent Oxley أسس الشركة في 2002

موقع الويب: HostGator

4. DreamHost

الدولة: الولايات المتحدة الأمريكية

المؤسسون: Josh Jones، Eisner، و Ramos أسسوا الشركة في 1996

موقع الويب: DreamHost

5. A2 Hosting

الدولة: الولايات المتحدة الأمريكية

المؤسسون: Bryan Muthig أسس الشركة في 2001

موقع الويب: A2 Hosting

6. InMotion Hosting

الدولة: الولايات المتحدة الأمريكية

المؤسسون: Todd Robinson، و Lenny Robinson أسسوا الشركة في 2001

موقع الويب: InMotion Hosting

7. GreenGeeks

الدولة: الولايات المتحدة الأمريكية

المؤسسون: Trey Gardner أسس الشركة في 2008

موقع الويب: GreenGeeks

8. Hostinger

الدولة: ليتوانيا

المؤسسون: Kastytis Šeškus أسس الشركة في 2004

موقع الويب: Hostinger

9. iPage

الدولة: الولايات المتحدة الأمريكية

المؤسسون: Thomas G. و J. Patrick أسسا الشركة في 1998

موقع الويب: iPage

10. GoDaddy

الدولة: الولايات المتحدة الأمريكية

المؤسسون: Bob Parsons أسس الشركة في 1997

موقع الويب: GoDaddy

هذه الشركات تتواجد في مختلف أنحاء العالم، وتوفر مجموعة واسعة من حلول الاستضافة لتلبية احتياجات العملاء في مختلف الأسواق

إقرأ المزيد
author

السبت، 27 يوليو 2024

زخرفه اسمك برمجه خفيفه php ملفين

السفراني | يوليو 27, 2024 | لا يوجد تعليقات !

 تصميم خفيف ومميز

 https://hayef5.com/milif-php/zkrfaeh-kw/

يمكنك تغيره

1- كود index

<html dir="rtl">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />

<title>انسخ زخرفه اسمك</title>

<style type="text/css">

body {

    background-image:url(zkrfaeh-kw.gif);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

}

.i {

    font-family: Tahoma;

    font-size: small;

    text-align: center;

}

</style>

</head><body>

<table height="100%" width="100%" border="0"><tr><td align="center" valign="middle">

<form action="generate.php" method="post">

<img src="logo-zkrfaeh-kw3.gif" title="الزخرفه" />

<table border="1" width="500" cellpadding="0" cellspacing="0"><tr><td class="i" height="50" style="color: white;">

ادخل الاسم هنا: <input type="text" value="HaYeF" class="i" id="n" name="name" /><br />

</td></tr><tr><td class="i" align="right" style="color: white;"><p align="right">

<input type="radio" name="type" value="1"/>`~'*¤!||!¤*'~`((اسمك))`~'*¤!||!¤*'~`<br />

<input type="radio" name="type" value="2"/>°¨¨¨™¤¦¤™¨¨¨°][®][^][®][اسمك][®][^][®][°¨¨¨™¤¦¤™¨¨¨°<br />

<input type="radio" name="type" value="3"/>(*·.¸(`·.¸اسمك¸.·´)¸.·*)<br />

<input type="radio" name="type" value="4"/>"(¯`·._.·(اسمك)·._.·´¯)" <br />

<input type="radio" name="type" value="5"/>i®»°·.¸.•°°·.¸.•°™ اسمك ™°·.¸.•°·.¸.•°®»<br />

<input type="radio" name="type" value="6"/>°ˆ~*¤®§(*§اسمك§*)§®¤*~ˆ° <br />

<input type="radio" name="type" value="7"/>(¯`·._.·[ (اسمك) ]·._.·´¯)<br />

<input type="radio" name="type" value="8"/>¨°o.O اسمك O.o°"<br />

<input type="radio" name="type" value="9"/>×÷·.·´¯`·)» (اسمك) «(·´¯`·.·÷×<br />

<input type="radio" name="type" value="10"/>· ··^v´¯`×) (اسمك) (×´¯`v^·· ·<br />

<input type="radio" name="type" value="11"/>,.-~*'¨¯¨'*·~-.¸-(_ (اسمك) _)-,.-~*'¨¯¨'*·~-.¸<br />

<input type="radio" name="type" value="12"/>•·.·´¯`·.·• (اسمك) •·.·´¯`·.·•<br />

<input type="radio" name="type" value="13"/>??? ?°”?`”°??( اسمك )? ?°”?`”°???<br />

<input type="radio" name="type" value="14"/>||¯|_|¯|_([اسمك] )_|¯|_|¯||<br />

<input type="radio" name="type" value="15"/>•°¤*(¯`°(?)(( اسمك ))(?)°´¯)*¤°•<br />

<input type="radio" name="type" value="16"/>-•=»‡«=•-([اسمك] )-•=»‡«=•-<br />

<input type="radio" name="type" value="17"/>°o.O([اسمك] )O.o°<br />

<input type="radio" name="type" value="18"/>-~*'¨¯¨'*·~?[اسمك] ?~*'¨¯¨'*·~-<br />

<input type="radio" name="type" value="19"/>??????[اسمك]??????<br />

<input type="radio" name="type" value="20"/>-?~*'¨¯¨'*·?~ اسمك ~?*'¨¯¨'*·~?-<br />

<input type="radio" name="type" value="21"/>???????(?)[اسمك] o (?)???????<br />

<input type="radio" name="type" value="22"/>©?°°?©©?°°?© اسمك ©?°°?©©?°°?©<br />

<input type="radio" name="type" value="23"/>(¯`•¸•´¯)(اسمك)(¯`•¸•´¯)<br />

<input type="radio" name="type" value="24"/>•!¦[•(اسمك)•]¦!•<br />

<input type="radio" name="type" value="25"/>\/\/\/\/\/\/\/\/\ اسمك /\/\/\/\/\/\/\/</p>

<input type="radio" name="type" value="26"/>kuwaiT (اسمك) <br />


</td></tr><tr><td class="i" height="50">

<input type="submit" value="زخرفه الاسـم" class="i" />

</p>

</td>

</tr>

</table></form>

</td></tr></table>

</body>

</html>

2- كود generate

<?php

    $name = $_POST['name'];

    $type = $_POST['type'];

    if (!$name || !$type){

        header("location: index.php");

        exit;

    }

    $z[1] = "`~'*¤!||!¤*'~`((هايف))`~'*¤!||!¤*'~`";

    $z[2] = "°¨¨¨™¤¦¤™¨¨¨°][®][^][®][هايف][®][^][®][°¨¨¨™¤¦¤™¨¨¨°";

    $z[3] = "(*·.¸(`·.¸هايف¸.·´)¸.·*)";

    $z[4] = "\"(¯`·._.·(هايف)·._.·´¯)\"";

    $z[5] = "i®»°·.¸.•°°·.¸.•°™ هايف ™°·.¸.•°·.¸.•°®»";

    $z[6] = "°ˆ~*¤®§(*§هايف§*)§®¤*~ˆ° ";

    $z[7] = "(¯`·._.·[ (هايف) ]·._.·´¯)";

    $z[8] = "\"¨°o.O هايف O.o°¨\"";

    $z[9] = "×÷·.·´¯`·)» (هايف) «(·´¯`·.·÷×";

    $z[10] = "· ··^v´¯`×) (هايف) (×´¯`v^·· ·";

    $z[11] = ",.-~*'¨¯¨'*·~-.¸-(_ (هايف) _)-,.-~*'¨¯¨'*·~-.¸";

    $z[12] = "•·.·´¯`·.·• (هايف) •·.·´¯`·.·•";

    $z[13] = "\/\/\/\/\/\/\/\/\ هايف /\/\/\/\/\/\/\/";

    $z[14] = "??? ?°”?`”°??( هايف )? ?°”?`”°???";

    $z[15] = "? ? ? ? ? هايف ? ? ? ? ?";

    $z[16] = "(¯`'·.¸(?)¸.·'´¯)[هايف] (¯`'·.¸(?)¸.·'´¯)";

    $z[17] = "||¯|_|¯|_([هايف] )_|¯|_|¯||";

    $z[18] = "•°¤*(¯`°(?)(( هايف ))(?)°´¯)*¤°•";

    $z[13] = "-•=»‡«=•-([هايف] )-•=»‡«=•-";

    $z[19] = "°o.O([هايف] )O.o°";

    $z[20] = "-~*'¨¯¨'*·~?[هايف] ?~*'¨¯¨'*·~-";

    $z[21] = "??????[هايف]??????";

    $z[22] = "???????(?)[هايف] o (?)???????";

    $z[23] = "-?~*'¨¯¨'*·?~ هايف ~?*'¨¯¨'*·~?-";

    $z[24] = "©?°°?©©?°°?© هايف ©?°°?©©?°°?©";

    $z[25] = "(¯`•¸•´¯)(هايف)(¯`•¸•´¯)";

    $z[26] = "•!¦[•(هايف)•]¦!•";

    

    $zakhrafa = str_replace("هايف",$name,$z[$type]);

?>

<html dir="rtl">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />

<title>الزخرفه</title>

<style type="text/css">

body {

    background-image:url(http://fc45.deviantart.com/fs42/f/2009/066/a/f/Tempest_of_Light_Background_by_Lizzys.jpg);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

}

.i {

    font-family: Tahoma;

    font-size: small;

    text-align: center;

}

</style>

</head><body>

<table height="100%" width="100%" border="0"><tr><td align="center" valign="middle">

<img src="logo-zkrfaeh-kw4.gif" title="الزخرفه" />

<table border="1" width="500" cellpadding="0" cellspacing="0"><tr><td class="i" height="50" style="color: white;">

زخرفه اسم<b><? echo $name; ?></b>بالنمط رقم<b><? echo $type; ?></b><br />

</td></tr><tr><td class="i" align="right" height="50">

<input type="text" readonly="1" class="i" size="70" value="<? echo $zakhrafa; ?>" />

</td></tr><tr><td class="i" height="50">

<input type="button" value="رجوع للخلف" class="i" onclick="history.back()" />

</p>

</td>

</tr>

</table>

</td></tr></table>

</body>

</html>

وسلامتكم

إقرأ المزيد
author

كود يكشف تواجدك اين انت

السفراني | يوليو 27, 2024 | لا يوجد تعليقات !

 يمكنك تحطه

 باي برمجه

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>انت الان موجود</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            background-color: #f4f4f4;

            padding: 20px;

        }

        .breadcrumb {

            background: #fff;

            padding: 10px;

            border-radius: 5px;

            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

        }

        .breadcrumb a {

            text-decoration: none;

            color: #007BFF;

            margin: 0 5px;

            position: relative;

        }

        .breadcrumb a:hover {

            text-decoration: underline;

        }

        .breadcrumb span {

            margin: 0 5px;

        }

    </style>

</head>

<body>


<div class="breadcrumb" id="breadcrumb"></div>


<script>

    var path = "";

    var href = document.location.href;

    var s = href.split("/");

    for (var i = 2; i < (s.length - 1); i++) {

        path += "<a href=\"" + href.substring(0, href.indexOf("/" + s[i]) + s[i].length + 1) + "\">" + s[i] + "</a><span> / </span>";

    }

    i = s.length - 1;

    path += "<a href=\"" + href.substring(0, href.indexOf(s[i]) + s[i].length) + "\">" + s[i] + "</a>";

    document.getElementById('breadcrumb').innerHTML = path;

</script>

وهذا الاصلي
<SCRIPT LANGUAGE="JavaScript">
var path = "";
var href = document.location.href;
var s = href.split("/");
for (var i=2;i<(s.length-1);i++) {
path+="<A HREF=\""+href.substring(0,href.indexOf("/"+s[i])+s[i].length+1)+"/\">"+s[i]+"</A> / ";
}
i=s.length-1;
path+="<A HREF=\""+href.substring(0,href.indexOf(s[i])+s[i].length)+"\">"+s[i]+"</A>";
var url = window.location.protocol + "//" + path;
document.writeln(url);
</script>
وسلامتكم
إقرأ المزيد
author

كود تحديث

السفراني | يوليو 27, 2024 | لا يوجد تعليقات !

 كود


<a href="JavaScript:window.location.reload()">انقر لإعادة التحميل</a>

وسلامتكم

إقرأ المزيد
author

معي كل اضافه مشاهده وتنزيل

السفراني | يوليو 27, 2024 | لا يوجد تعليقات !

 البحث عن

]]></b:skin>

فوقه

.zr-download,.zr-demo,.zr-url{display: inline-flex;position: relative;direction: rtl;justify-content: space-between;flex-direction: row-reverse;align-items: center;column-gap: 20px;color: #ffffff!important;text-decoration: none;font-weight: bolder;padding: 10px 15px 10px 15px;font-size: 16px;border-radius: 20px;transition: .25s all;border-bottom: solid 3px #00000050;overflow: hidden;box-shadow: 0 0 2px #000;margin: 5px;}

.zr-download{background: linear-gradient(45deg,#7aa5e6,#0041a3);}

.zr-demo{background: linear-gradient(45deg,#3ee07c,#1e9600);}

.zr-url{background: linear-gradient(45deg,#f5af19,#f12711);}

.zr-download:before{background:no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 512 512' fill='%23000' %3E%3Cpath d='M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zM432 456c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24z'/%3E%3C/svg%3E");}

.zr-demo:before{background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 576 512' fill='%23000' %3E%3Cpath d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM432 256c0 79.5-64.5 144-144 144s-144-64.5-144-144s64.5-144 144-144s144 64.5 144 144zM288 192c0 35.3-28.7 64-64 64c-11.5 0-22.3-3-31.6-8.4c-.2 2.8-.4 5.5-.4 8.4c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-2.8 0-5.6 .1-8.4 .4c5.3 9.3 8.4 20.1 8.4 31.6z'/%3E%3C/svg%3E");}

.zr-url:before{background:no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 448 512' fill='%23000' %3E%3Cpath d='M288 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h50.7L169.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L384 141.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H288zM80 64C35.8 64 0 99.8 0 144V400c0 44.2 35.8 80 80 80H336c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v80c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16h80c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E");}

.zr-download:before,.zr-demo:before,.zr-url:before {content: "";display: block;width: 20px;height: 20px;padding: 5px;border-radius: 100%;box-shadow: 0 0 10px #fff;background-color: #fff!important;}

.zr-download:active,.zr-demo:active,.zr-url:active{border-bottom: solid 1px #00000050;inntransform: translate(0px,3px);}

.zr-download:after,.zr-demo:after,.zr-url:after{content: "";display: block;position: absolute;left: -10%;top: 0;width: 0;height: 100%;box-shadow: 0 0 20px 5px #fff;transition: unset;}

.zr-download:hover:after,.zr-demo:hover:after,.zr-url:hover:after{left: 120%;transition: 1s all;}


عند كل اضافه تضع هذا


<a class="zr-download" href="#" target="_blank">زر التحميل</a>

<a class="zr-demo" href="#" target="_blank">زر المعاينة</a>

<a class="zr-url" href="#" target="_blank">زر الزيارة او التوجه</a>

تم التعديل

صور التحميل جاهزه بس غير # الى رابط التنزيل

1- الصوره

<a class="zr-download" href="#" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBwTKxenjAwXqFBHd5aMT3EVvvvzl2BkWOSl2FfUlOiZ6mUVLkp-E-L2vF5hWgQuZuB1AjKsqUb2iq7kRFBQKnhp2UK1Nrcg7clIdSneuX0M14GGDdOc9muuP01wD26rr5rjSCSv4Pp6IweA5QJWbWaidlXrjMvVNMotA8fFRcr4QInPZpsyI-9yxWQg/s204-rw/tahemieil.gif</a>


2- الصوره

<a class="zr-download" href="#" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOM4HwcP6LCqCkav-rrrYpOLD78K23Br02XZJmrSxJHmV-x9hVJcifHa97VJoySIr4T7F_YkkS3Frt9j4WvYGhIOTPFhEdqGExRl_B8ovW8ZpwIeNOEy_971EZDPSfRfTSw0xVxyViKvaMOTjFBAyi8qMPMXKSqyFcCoSQialukZb_bJk9a1IaLa7_Rg/s181-rw/theaimil.gif</a>



المربع

# تضيف الرابط

وسلامتكم

إقرأ المزيد
author

الجمعة، 26 يوليو 2024

في ثلاثه اقدم من MySQL بس هو الافضل

السفراني | يوليو 26, 2024 | لا يوجد تعليقات !

 MySQL تم تطويره لأول مرة في عام 1994 من قبل شركة MySQL AB، والتي أُسست في عام 1995. MySQL كان يعتمد على لغة الاستعلام الهيكلية SQL وكان يهدف إلى توفير نظام قواعد بيانات يكون سريعاً وسهلاً في الاستخدام ومتوفرًا بتكلفة منخفضة


نعم، MySQL هو نظام إدارة قواعد البيانات شائع الاستخدام والذي يُعد واحدًا من الأنظمة الأكثر شعبية في العالم. إليك بعض الأسباب التي تجعل MySQL مناسبًا ومفضلًا لدى الكثيرين:

القوة والأداء: MySQL معروف بأدائه الجيد وقدرته على التعامل مع مجموعات بيانات كبيرة بفعالية

السهولة في الاستخدام: يتمتع MySQL بواجهة برمجة تطبيقات (API) بسيطة وسهلة الاستخدام، مما يسهل عملية البرمجة والتطوير

المجتمع والدعم: يتمتع MySQL بمجتمع كبير من المستخدمين والمطورين الذين يوفرون الدعم والمساعدة في حال حدوث مشاكل أو استفسارات

المرونة والميزات: يوفر MySQL العديد من الميزات المتقدمة مثل التعامل مع البيانات المكررة، والاستعلامات المعقدة، وإمكانية الجمع بين جداول متعددة

التكلفة: MySQL مفتوح المصدر ومتاح مجانًا، مما يقلل من التكاليف المتعلقة بتراخيص البرمجيات

بالتالي، نعم، MySQL يُعد واحدًا من أفضل وأقوى نظم إدارة قواعد البيانات، وهو يوفر توازنًا جيدًا بين الأداء، السهولة في الاستخدام، والمرونة في التطوير

مقره الاصلي :

MySQL تم تطويره من قبل مجموعة من المطورين الذين كانوا يعملون في الأصل في السويد. الشركة الأصلية التي قامت بتأسيس MySQL AB كانت تقع في السويد، ولكن MySQL نفسه أصبح مشروعًا عالميًا بفضل طبيعته المفتوحة ومجتمع المطورين الكبير الذي ساهم في تطويره ودعمه

يجب أن نلاحظ أن MySQL AB تأسست في السويد، ولكن MySQL نفسه أصبح مشروعًا عالميًا بفضل طبيعته المفتوحة ومجتمع المطورين الذي ساهم في تطويره و ي أي في

Oracle Database: تُعتبر Oracle Database واحدة من أكثر أنظمة إدارة قواعد البيانات استخدامًا في الشركات والمؤسسات الكبيرة بفضل ميزاتها المتقدمة وقدرتها على التعامل مع بيانات كبيرة والمتوفرة لأنظمة متعددة مثل Unix وLinux وWindows

1- تم تطويرها من قبل شركة Oracle Corporation وأصدرت لأول مرة في عام 1979 تحت اسم Oracle RDBMS (Relational Database Management System)

Microsoft SQL Server: يُعتبر Microsoft SQL Server مناسبًا للبيئات التي تعتمد على تكنولوجيا Microsoft، مثل أنظمة التشغيل Windows وتطبيقات Microsoft.NET

2- Microsoft SQL Server: تم تطويرها من قبل Microsoft وأصدرت لأول مرة في عام 1989

PostgreSQL: يُعتبر PostgreSQL موثوقًا وقويًا، ويستخدم في التطبيقات التي تتطلب معالجة بيانات معقدة ودعمًا لميزات متقدمة مثل الجداول العنكبوتية والمؤشرات الجغرافية

IBM Db2: تم تطويرها من قبل IBM وأصدرت لأول مرة في عام 1983

إقرأ المزيد
author

ماشر الساحر بالالوان على الكتابه js و css

السفراني | يوليو 26, 2024 | لا يوجد تعليقات !

 HTML



<link rel="stylesheet" href="milinn-style-css.css" type="text/css" />

</head>

<body>

<p align="center">HaYeF N 101 KuwaiT

<div id='sparkler'></div></p>

<script async src="milinn-js.js"></script>

</body>

</html>


CSS


html {

  cursor: none;

  font-family: system-ui;

  display: grid;

  place-items: center;

  min-height: 100vh;

  user-select: none;

}

body {

  background: black;

  overflow: hidden;

  color: white;

  --color-spark: peru;

}


#sparkler {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 1px;

  height: 1px;

  transform: rotate(-25deg);

  border-radius: 50%;

  box-shadow: 0 0 2500px 100px var(--color-spark);

}

#sparkler:before {

  content: '';

  width: 10px;

  height: 25vh;

  background: linear-gradient(to right, dimgray, silver);

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 1rem;

}

#sparkler:after {

  content: '';

  width: 4px;

  height: 25vh;

  background: linear-gradient(to right, dimgray, gray);

  position: absolute;

  top: calc(25vh - 1px);

  left: 3px;

/*  border-radius: 1rem; */

}


.particle {

  height: 5px;

  border-radius: 50%;

  background: linear-gradient(to right, transparent, var(--color-spark), white, var(--color-spark), transparent);

  box-shadow: 0 0 30px var(--color-spark);

  position: absolute;

  transition: .5s linear;

  z-index: 100;

}



JS


const div = document.querySelector('#sparkler')


function sparkle() {

  var p = document.createElement('div')

  p.className = 'particle'

  p.style.left = div.getBoundingClientRect().x + 'px'

  p.style.top = div.getBoundingClientRect().y + 'px'

  let w = (Math.floor(Math.random() * 30)) + 20

  p.style.width = w + 'vh'

  p.style.transform = 'translateX('+((-1)*(w*.475))+'vh) rotate('+Math.random()*360+'deg)'

  document.body.appendChild(p)

  

  setTimeout(function(){

    let pp = document.querySelectorAll('.particle')[0]

    pp.remove() 

  }, 256)

}


let shiny = setInterval(sparkle, 16)


window.addEventListener('click', function() {

  let c = 'hsl('+Math.random()*360+'deg, 100%, 50%)'

  document.body.style.setProperty('--color-spark', c)

})


window.addEventListener('mousemove', function(e){

  let x = e.clientX,

      y = e.clientY

  

  div.style.left = x + 'px'

  div.style.top = y + 'px'

})

وسلامتكم

إقرأ المزيد
author

الوان متحركه حول اي كتابه HaYeF N 101 KuwaiT css

السفراني | يوليو 26, 2024 | لا يوجد تعليقات !

 يمكنك ربطها باي ويب او برمجه اخره

<link rel="stylesheet" href="zaear-style-css.css" type="text/css" />

والتكوين يكون

<body>


<button>

  <div>

    HaYeF N 101 KuwaiT


  </div>

</button>

</script>


</body>

</html>

وكود css

@property --border-angle-1 {

  syntax: "<angle>";

  inherits: true;

  initial-value: 0deg;

}


@property --border-angle-2 {

  syntax: "<angle>";

  inherits: true;

  initial-value: 90deg;

}


@property --border-angle-3 {

  syntax: "<angle>";

  inherits: true;

  initial-value: 180deg;

}



:root {

  --bright-blue: rgb(0, 100, 255);

  --bright-green: rgb(0, 255, 0);

  --bright-red: rgb(255, 0, 0);

  --background: black;

  --foreground: white;

  --border-size: 2px;

  --border-radius: 0.75em;

}


@supports (color: color(display-p3 1 1 1)) {

  :root {

    --bright-blue: color(display-p3 0 0.2 1);

    --bright-green: color(display-p3 0.4 1 0);

    --bright-red: color(display-p3 1 0 0);

  }

}


@keyframes rotateBackground {

  to { --border-angle-1: 360deg; }

}


@keyframes rotateBackground2 {

  to { --border-angle-2: -270deg; }

}


@keyframes rotateBackground3 {

  to { --border-angle-3: 540deg; }

}


body {

  background: var(--background);

  color: var(--foreground);

  min-height: 100dvh;

  display: grid;

  place-content: center;

  margin: 0;

  font-family: "Aspekta";

}


button {

  --border-angle-1: 0deg;

  --border-angle-2: 90deg;

  --border-angle-3: 180deg;

  color: inherit;

  font-size: calc(0.8rem + 4vmin);

  font-family: inherit;

  border: 0;

  padding: var(--border-size);

  display: flex;

  width: max-content;

  border-radius: var(--border-radius);

  background-color: transparent;

  background-image: conic-gradient(

      from var(--border-angle-1) at 10% 15%,

      transparent,

      var(--bright-blue) 10%,

      transparent 30%,

      transparent

    ),

    conic-gradient(

      from var(--border-angle-2) at 70% 60%,

      transparent,

      var(--bright-green) 10%,

      transparent 60%,

      transparent

    ),

    conic-gradient(

      from var(--border-angle-3) at 50% 20%,

      transparent,

      var(--bright-red) 10%,

      transparent 50%,

      transparent

    );

  animation: 

    rotateBackground 3s linear infinite,

    rotateBackground2 8s linear infinite,

    rotateBackground3 13s linear infinite;

}


button div {

  background: var(--background); 

  padding: 1em 1.5em;

  border-radius: calc(var(--border-radius) - var(--border-size));

  color: var(--foreground);

}


@font-face {

  font-family: "Aspekta";

  font-weight: normal;

  src: url("https://assets.codepen.io/240751/Aspekta-300.woff2") format("woff2");

}

وسلامتكم

إقرأ المزيد
author

كود visitorCount بصيغه js عدد

السفراني | يوليو 26, 2024 | لا يوجد تعليقات !

 وضع الكود تحت

<body>

    <p> أنت الزائر رقم  <span id="visitorCount">0</span>HaYeF5</p>

وضع الكود ل js

</body>

فوقه

    <script src="visitorCounterHayef.js"></script>

لفاهمين يسهل عليهم التطبيق وهذا الكود

// فحص وتحديث عدد الزوار

let count = localStorage.getItem('visitorCount') || 0;

count++;

localStorage.setItem('visitorCount', count);

document.getElementById('visitorCount').textContent = count;

وسلامتكم


إقرأ المزيد
author