كود css وضع مؤشر اسفل الأزرار عند مرور الماوس عليها

بســم الله الرحمـن الرحـيم
السلام عليكم

كود css وضع مؤشر اسفل الأزرار عند مرور الماوس عليها

للمعاينة بعد المرور بالماوس

كود css وضع مؤشر اسفل الأزرار عند مرور الماوس عليها U7d9ysb86kjnv3lm1wlu

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
/*-------كود مؤشر صغير يظهر أسفل الأزرار عند مرور الماوس علي الأزار ---------*/
#pun-navlinks a:hover {
background-image: url('https://i.servimg.com/u/f86/14/56/58/11/strcop11.png');
background-repeat: no-repeat;
background-position: center;
top: -10px;
width:100%;
height:100%;
text-align: center;
}
#pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
}
#pun-visit,.main-box {
border-color: #dddddd;
border-style: solid;
border-width: 0px;
padding: 0.6em 1em;
background-color: transparent;
margin: 0 0 1em 0;
}
#pun-visit ul,.main-box ul {
float: right;
width: 70%;
text-align: right;
list-style-type: none;
}
.main-box ul {
float: left;
width: auto;
}
#pun-visit li,.main-box li {
margin-left: 0.7em;
white-space: nowrap;
float: right;
}
.pun-crumbs {
padding: 0.2em 1em;
margin: 0 1px 1em 1px;
}
.pun-crumbs p {
margin: 0;
line-height: 1.5;
font-size: 1.11em;
color: #666;
}
.pun-crumbs a {
text-decoration: none;
}
</td></tr></table>

يمنع النقل دون ذكر المصدر
ديزاين سنس
كود css وضع مؤشر اسفل الأزرار عند مرور الماوس عليها 3760508152

عوافي لك يارب ,,..

» درس استبدال مؤشر الفاره الى شكل او نص
» كود وضع حقوق نصية اسفل المنتدى لمصممي الاستايلات
» درس :::: ( تأثير الماوس ) ::::: بالسويتش
» ضع الماوس على الآيه وسيخرج لك تفسيرها ..

كود css وضع مؤشر اسفل الأزرار عند مرور الماوس عليها

مواضيع ذات صلة