كود
<a href="JavaScript:window.location.reload()">انقر لإعادة التحميل</a>
وسلامتكم
تعلم معي هايف
السبت، 27 يوليو 2024
كود تحديث
السفراني | يوليو 27, 2024 |
JavaScript
لا يوجد تعليقات !
معي كل اضافه مشاهده وتنزيل
السفراني | يوليو 27, 2024 |
البلوجر Blogger
لا يوجد تعليقات !
البحث عن
]]></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>
المربع
# تضيف الرابط
وسلامتكم
الجمعة، 26 يوليو 2024
في ثلاثه اقدم من MySQL بس هو الافضل
السفراني | يوليو 26, 2024 |
Topics-php-html
لا يوجد تعليقات !
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
ماشر الساحر بالالوان على الكتابه js و css
السفراني | يوليو 26, 2024 |
htm - css - js
لا يوجد تعليقات !
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'
})
وسلامتكم
الوان متحركه حول اي كتابه HaYeF N 101 KuwaiT css
السفراني | يوليو 26, 2024 |
htm - css - js
لا يوجد تعليقات !
يمكنك ربطها باي ويب او برمجه اخره
<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");
}
وسلامتكم
كود visitorCount بصيغه js عدد
السفراني | يوليو 26, 2024 |
htm - css - js
لا يوجد تعليقات !
وضع الكود تحت
<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;
وسلامتكم
الأربعاء، 24 يوليو 2024
الاشتراك في:
الرسائل (Atom)