تطوير مواقع وخدمات

السفراني

تثبيت
قم بتثبيت البرنامج الإضافي باستخدام العملية خطوة بخطوة التالية:
قم بتنزيل حزمة zip الخاصة بـ Tapatalk Plugin for vBulletin على جهاز الكمبيوتر الخاص بك
قم بفك ضغط الحزمة. يجب أن ترى مجلدًا باسم " mobiquo "
قم بتحميل مجلد " mobiquo " بالكامل وهذا المجلد فقط إلى دليل جذر نظام المنتدى الخاص بك. على سبيل المثال، إذا كان عنوان URL الخاص بالمنتدى هو http://www.mysite.com/forum ، فيجب أن يكون مجلد mobiquo الخاص بك على العنوان http://www.mysite.com/forum/mobiquo/
قم بتسجيل الدخول إلى لوحة التحكم الإدارية، ثم انتقل إلى "المكونات الإضافية والمنتجات" -> "إدارة المنتجات"

انقر فوق "إضافة/استيراد المنتجات" في أسفل الصفحة

اختر "استيراد ملف XML من الخادم الخاص بك"، وأدخل "./mobiquo/product-tapatalk.xml"، وانقر فوق الزر "استيراد"

دعم الإشعارات الفورية في vBulletin 3.7 و3.8 و4.x
للتحقق من عمل الإشعارات الفورية مع المنتدى الخاص بك، قم بزيارة {مسار عنوان URL الجذر للمنتدى الخاص بك}/mobiquo/push.php باستخدام متصفح الويب. يجب أن تتلقى رسالة "اختبار الإشعارات الفورية من Tapatalk: نجاح". إذا لم تتلق هذه الرسالة، فسيظل بإمكان Tapatalk العمل ولكن بدون ميزة الإشعارات الفورية. احصل على المساعدة هنا
التثبيت لـ vBulletin 3.6 (Legacy)
ضع حزمة zip في جذر نظام المنتدى الخاص بك
قم بفك ضغط الحزمة. يجب أن ترى دليلاً يسمى " mobiquo " داخل دليل جذر نظام المنتدى الخاص بك. على سبيل المثال، إذا كان عنوان URL للمنتدى الخاص بك هو http://www.mysite.com/forum ، فيجب أن يكون مجلد mobiquo الخاص بك على العنوان http://www.mysite.com/forum/mobiquo/
تسجيل الدخول إلى لوحة التحكم الإدارية
اختر "مدير الأنماط" ضمن "الأنماط والقوالب"
لكل القوالب التي قمت بتثبيتها (كل من سطح المكتب والواجهة المحمولة):
انقر فوق "تحرير" في القالب الحالي الخاص بك
اختر "headinclude" في القائمة، ثم انقر فوق "تحرير"
في بداية المحرر، أدخل السطر التالي:
<script type="text/javascript" src="mobiquo/tapatalkdetect.js"></script>
انقر فوق "حفظ"
إذا كان لديك أكثر من قالب مثبت (خاصةً قالب الهاتف المحمول)، فقم بإعادة خطوات تحرير القالب المذكورة أعلاه لكل قالب
الترقية من الإصدار 1.0.0 السابق لبرنامج Tapatalk لـ vBulletin 5
إذا كنت تستخدم إصدارًا من برنامج Tapatalk Plugin الخاص بـ vBulletin 5 الذي جاء قبل الإصدار 1.0.0، فيجب عليك إلغاء تثبيت منتج Tapatalk من لوحة تحكم المشرف الخاصة بـ vBulletin 5 وحذف مجلد "mobiquo" أيضًا. يمكنك بعد ذلك متابعة الخطوات المذكورة أعلاه
التثبيت الأول لـ vBulletin 5
1. قم بتحميل مجلد "mobiquo" إلى جذر تثبيت vBulletin 5. تأكد من إمكانية الوصول إلى المجلد من خلال متصفحك وإلا فقد يفشل التعديل في العمل كما هو مصمم؛
2. قم بتحميل المجلد "core" إلى جذر تثبيت vBulletin 5. هذا مطلوب لإرسال الإشعارات.
3. في لوحة تحكم المشرف في vBulletin 5، انتقل إلى المشاريع والمشاركات -> إدارة المنتجات. في الأسفل، انقر فوق خيار [إضافة/استيراد منتج]؛
4. يمكنك استيراد الملف من الخادم الخاص بك باستخدام خيار "استيراد ملف XML من الخادم الخاص بك". أدخل هذا "./mobiquo/product-tapatalk.xml"، ثم انقر فوق الزر "استيراد"
5. تم تثبيت البرنامج الإضافي ويمكنك الآن تكوينه. توجد الإعدادات في لوحة تحكم المسؤول -> الإعدادات -> الخيارات -> Tapatalk - الإعدادات العامة؛
6. إذا كانت هذه هي المرة الأولى التي تقوم فيها بتثبيت البرنامج الإضافي الخاص بنا لموقعك، فيرجى تسجيل موقعك في منطقة مالك منتدى tapatalk: http://tapatalk.com/forum_owner.php

darabhorror

السفراني

الويب

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ar" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>معرض الصور</title>
<link rel="stylesheet" href="styles-hayef-soer.css">
</head>
<body>
<header>
<h1>معرض الصور</h1>
<nav>
<ul>
<li><a href="#">الصفحة الرئيسية</a></li>
<li><a href="#">المعرض</a></li>
</ul>
</nav>
</header>

<main>
<div id="gallery">

<img src="maeppne-1.jpg" alt="صورة 1" data-caption="نبذة عن الصورة 1">
<img src="maeppne-2.jpg" alt="صورة 2" data-caption="نبذة عن الصورة 2">
<img src="maeppne-3.jpg" alt="صورة 3" data-caption="نبذة عن الصورة 3">
<img src="saiiiibeah1.png" alt="صورة 4" data-caption="نبذة عن الصورة 4">
<img src="saiiiibeah2.png" alt="صورة 5" data-caption="نبذة عن الصورة 5">
<img src="saiiiibeah3.png" alt="صورة 5" data-caption="نبذة عن الصورة 5">
<img src="saiiiibeah4.png" alt="صورة 5" data-caption="نبذة عن الصورة 5">


</div>
</main>

<div id="lightbox">
<div id="lightbox-content">
<span class="close">×</span>
<img id="lightbox-image" src="" alt="">
</div>
</div>

<footer>
<p>تابعنا على الشبكات الاجتماعية:</p>
<div id="social-links">
<a href="#"><img src="facebook.png" alt="Facebook"></a>
<a href="#"><img src="twitter.png" alt="Twitter"></a>
<a href="#"><img src="instagram.gif" alt="Instagram"></a>
</div>
<p id="photo-count">عدد الصور: <span>5</span></p>
</footer>

<script src="styles-hayef-soer.js"></script>
</body>
</html>

الاستايل :

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}

nav ul {
list-style-type: none;
padding: 0;
}

nav ul li {
display: inline;
margin-left: 20px;
}

nav ul li a {
color: #fff;
text-decoration: none;
}

main {
padding: 20px;
}

#gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#gallery img {
max-width: 200px;
height: auto;
margin: 10px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}

#gallery img:hover {
transform: scale(1.1);
cursor: pointer;
}

#lightbox {
display: none;
position: fixed;
z-index: 999;
padding-top: 50px;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.9);
overflow: auto;
}

#lightbox-content {
position: relative;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
height: 90%;
}

#lightbox-image {
max-width: 100%;
max-height: 100%;
}

.close {
color: #fff;
position: absolute;
top: 10px;
right: 25px;
font-size: 36px;
font-weight: bold;
transition: 0.3s;
cursor: pointer;
}

.close:hover,
.close:focus {
color: #999;
text-decoration: none;
}

footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}

#social-links {
margin-bottom: 10px;
}

#social-links a {
margin: 0 5px;
}

#photo-count {
margin-top: 0;
}

الجافا سكربت :

document.addEventListener("DOMContentLoaded", function() {
const photoCount = document.querySelectorAll("#gallery img").length;
document.querySelector("#photo-count span").textContent = photoCount;

const images = document.querySelectorAll("#gallery img");
const lightbox = document.getElementById("lightbox");
const lightboxImage = document.getElementById("lightbox-image");

images.forEach(img => {
img.addEventListener("click", function() {
lightbox.style.display = "flex";
lightboxImage.src = this.src;
});
});

const closeButton = document.querySelector(".close");
closeButton.addEventListener("click", function() {
lightbox.style.display = "none";
});

lightbox.addEventListener("click", function(event) {
if (event.target === lightbox) {
lightbox.style.display = "none";
}
});
});

وسلامتكم ويوجد استايل وتطوير افضل

السفراني

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

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

لكل من يرغب بـ شراء ترخيص للـ 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

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

السفراني

تعريب البلوجر 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
هذا البرنامج لتعريب قوالب الاجنبيه لعربيهـ

السفراني

كود الصوتيات

<iframe width="100%" height="400" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://soundcloud.com/pzezhaep4ipi&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false" target="_blank"></iframe></p>

غير اللى باللون الاحمر لرابطك

السفراني

التنزيل
https://files.fm/u/csn6fy55z6
https://top4top.io/downloadf-32007blky1-rar.html
صوره

ونتابع

السفراني

قريبا

السفراني

المثال

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- صور

السفراني

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();
?>

وسلامتكم

السفراني

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

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 جاهز!
بعد إنشاء الجدول، يمكنك استخدام الكود الذي قدمته سابقًا لتتبع الزوار وتخزين المعلومات في هذا الجدول. إذا كنت بحاجة إلى مساعدة إضافية، فلا تتردد في طرحها

السفراني

كيفية الاستخدام
أنشئ ملف 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);
});

وسلامتكم

السفراني

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

https://www.webwizforums.com/

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

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

السفراني

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

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

السفراني

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

يمكنك تغيره

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>

وسلامتكم

السفراني

يمكنك تحطه

باي برمجه

<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>

وسلامتكم

السفراني

كود

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

وسلامتكم

السفراني

البحث عن

]]></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>

المربع

# تضيف الرابط

وسلامتكم

السفراني

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

السفراني

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'
})

وسلامتكم

الصفحات

اخر المواضيع

عرض المحتوي

بحث

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

شرح موقع وخدمات tapatalk الجديد

Hayef-makia-1 معرض صور مميز وعداد يخرج كم صوره

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

كود تحديث

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

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

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

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

زوار العالم

المتابعون

مشاهدة الصفحة

Translate ترجمة