بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في هذه الحلقة سنتحدث عن تخصيص الروابط يعني كيف تقوم بوضع ايقونة خاصة حسب نوع الملف او الرابط كيف تضع لون لشي محدد انطلقا من ال css

css
a {
    text-decoration: none;
    font-size: 16px;
    padding: 10px 5px 10px 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
    color:#fff;
}
a[href^="http://"] {
    background: url(images/link.png) no-repeat left center #d35400;
}
a[href^="mailto:"] {
    background: url(images/mail.png) no-repeat left center #16a085;
}
a[href$=".pdf"] {
    background: url(images/pdf.png) no-repeat left center #2c3e50;
}
a[href$=".mp3"] {
    background: url(images/mp3.png) no-repeat left center #2980b9;
}

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

يمكنك استخدام أكواد HTML والخصائص التالية: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>