ط§ط²ط±ط§ط± ظˆظپط±ط§ط؛ط§طھ ط§ظ„ظٹظˆطھظٹظˆط¨ .. ط§ط³طھط®ط¯ظ…ظ‡ط§ ظپظٹ ظ…ظڈظ†طھط¯ط§ظƒ
في مطلع هذا الموضوع احُب ان ابارك لكم بقدوم شهر الرحمة، شهر رمضان المُبارك
ههنئىء لكم هذا الشهر الفضيل، اعادة الله علينا وعليكم ونحن بافضل حال !!
اطرح لكم هذا الموضوع المتواضع الذي قد لا تجد به فائدة تُذكر
فكما تقرأء العنوان .. فستفهم المُحتوى بكل شك
الموهم: قمت بمحاكاة ازرار وفراغات اليوتيوب، لأطرحها لكم ارضاً
لتستخدموها
ترخيص الاستخدام:
مسموح بالاستخدام الشخصي، والاستايل styleات المجاني freeه فقط
معاينة بالصور فقط
الازرار :
الفراغات :
طريقة التركيب install :
المنتدى forum » الإداره » الإستايل styleات والقوالب » التحكم بالإستايل styleات » الاستايل style المراد وضع الكود code عليه » CSS رئيسي »
انزل لاخر الصفحة واضف الاكواد في الفراغ الثاني في "تعاريف CSS الإضافية/Additional CSS Definitions"
الازرار
رمز PHP:
<code style="white-space:nowrap"> <code> .button {
background:#F8F8F8;
border:1px #D3D3D3 solid;
box-shadow:0px 1px 0px 0px #E5E5E5;
border-radius:2px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;
}
.button:hover {
background:#F0F0F0;
border:1px #C6C6C6 solid;
box-shadow:0px 1px 0px 0px #D8D8D8;
}
.button:active {
background:#E9E9E9;
border:1px #C6C6C6 solid ;
box-shadow:0px 0px 0px 2px #9BC3E2;
border-radius:2px;
}
</code> </code>
الفراغات
رمز PHP:
<code style="white-space:nowrap"> <code> .input {
background:#ffffff;
border:1px #cccccc solid;
box-shadow:2px 2px 5px 1px #F4F4F4 inset;
transition: all 0.5s ease-in-out;
padding:3px;
}
.input:hover {
border:1px #B9B9B9 solid;
border-top:1px #A0A0A0 solid;
transition: all 0.5s ease-in-out;
}
.input:active {
border:1px #1C62B9 solid;
box-shadow:1px 1px 2px 0px #CFCFCF inset;
transition: all 0.3s ease-in-out;
}
.input:focus {
border:1px #1C62B9 solid;
box-shadow:1px 1px 2px 0px #CFCFCF inset;
transition: all 0.3s ease-in-out;
}
</code> </code>
احفظ التغييرات، واستمتع بالاضافه الجديدة
والحمد لله رب العالمين
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
رد مع اقتباس
