اخر المواضيع

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

عرض المحتوي

بحث

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

علم الدولة لزائر 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 | لا يوجد تعليقات !

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

يمكنك تغيره

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