اداة راوابط صديقة بشكل جذاب

بسم الله الرحمان الرحيم 

اما بعد متتبعي ومتتبعات مدونة حاسوبي Astuce

في درس جديد حول اداة راوابط صديقة بشكل جذاب

اولا مشاهدة التجربة

معاينة

تركيب الاضافة

قم ياضافة اداة HTML/Javascript

وقم بلصق الكود التالي

<style>
.hassoubilinks {
background-color: #808080;
color: #fff!important;
display: block;
font-weight: normal;
min-height: 40px;
line-height: 40px;
margin: 20px 5px;
padding: 0 10px;
font-family:tahoma;
transition:all 0.7s;
}
.hassoubilinks:hover {
background: #4B9FB4;
color: #fff!important;
font-family:tahoma;
padding-left:5px;
transition:all 0.7s;
}
</style>
<center>
<a class="hassoubilinks" href="http://astuce-hassoubi.blogspot.com/p/blog-page_27.html">اضف رابطك هنا</a>
<a class="hassoubilinks" href="http://astuce-hassoubi.blogspot.com/p/blog-page_27.html">اضف رابطك هنا</a>
<a class="hassoubilinks" href="http://astuce-hassoubi.blogspot.com/p/blog-page_27.html">اضف رابطك هنا</a>
<a href="http://astuce-hassoubi.blogspot.com/" style="display:none;">حاسوبي Astuce</a>
</center>

تحديد الكل

اما بخصوص التنسيق

قم يالتغيير الرابط التالي برابطك
http://astuce-hassoubi.blogspot.com/p/blog-page_27.html
وهذا بنصك
اضف رابط هنا
هذا الكود هو لون النص

#fff

هذا الكود هو لون الخلفية 

#808080

هذا الكود هو لون الخلفية عند مرور الماوس
#4B9FB4
هذا الكود هو لون النص عند مرور الماوس

#fff

هذا الكود هو نوع الخط   

font-family:tahoma;

مبروك عليك الاضافة وشكرا للزيارة

• غرّد
• شارك
• شارك
• شارك
• شارك