موضوع: عمل ازرار متحركه كل زر لوحده
تم النشر فى :24 - 04 - 2022
.
عمل ازرار متحركه كل زر لوحده
يسعد ايامكم بكل خير
ورمضان مبارك للجميع
اليوم درس اضافه زر منفصل لرابط
تستطيع وضع ما تريده ضمن مسار اللوجو
اولا نبدئ
اولا كود كي اس اس
تضعه في خانه كي اساس
- الكود:
-
a.ma:hover{
color: #FFF!important;
background: #999999 url(https://i.servimg.com/u/f24/19/34/83/47/tcat11.png) repeat-x left bottom;
border-style: 2px solid #C824A9;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.ma img {
vertical-align: middle;
display: none;
display: none !important;
}
#emptyidcc .ma {
border-radius: 3px 3px 3px 3px;
height: 28px;
line-height: 28px;
margin: 0;
transition: 200ms;
}
.ma {
-webkit-border-radius: 15px 15px 15px 15px;
background: none;
background-image: url(https://2img.net/www.lmsa-des.com/vb/n4r-a2019/misc/navbits_start.gif);
border: 1px double #D2C7C5;
color: #fff!important;
display: inline-block;
float: right;
font-family: 'Open Sans',sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 800;
height: 57px;
line-height: 55px;
margin: 2px;
outline: medium none;
padding: 0;
text-align: center;
text-decoration: none!important;
text-transform: uppercase;
transition-duration: 100ms;
width: 112px;
border-bottom: none!important;
box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
text-shadow: #000 1px 1px 1px;
}
وبعدها زر في التومبيلات يكون هو الرابط لتشغيل الازرار المتحركه مثل
ما تشاهدون باعلى المنتدى
الزر نضعه بعد وسم {JAVASCRIPT}
في الهيدر او اي مكان مناسب اخر
نوع الزر كما هو موضح انا غيرت او اوسمه الازرار مينو لكي
لا تشتغل عندك جميع الازرار في المنتدى
وضع هدا الرابط الان تحت جافاسكربت كما اخبرتك
- الكود:
-
<a class="ma" href="https://asdd.ahladalil.com/t1399-topic#.YmW-49rP1D8"><img id="i_icon_mini_index" src="https://2img.net/s/t/21/66/51/i_icon_mini_index.png" border="0" height="13" hspace="2" alt=" لكل ضيف جديد" title="الرئيسية"> لكل ضيف جديد</a>
<a class="ma" href="https://asdd.ahladalil.com/t1893-topic#5174"><img id="i_icon_mini_index" src="https://2img.net/s/t/21/66/51/i_icon_mini_index.png" border="0" height="13" hspace="2" alt="مبروك عليكم الشهر" title="الرئيسية">مبروك عليكم الشهر</a>
مع وافر تحياتي شكرا للجميع
الكود قديم من برمجه الاخ مسرور
انا فقط قمت باستخراج مكان رابط جديد
للتومبيلات وجعله سهل التحكم به وبالامكان
وضعه في اي مكان نريده بدون التاثير على
كل الروابط كما في الفكره القديمه