آموزش نمایش آیکن فرمتهای پیوند داده شده با css

  • نویسنده موضوع HamedR
  • تاریخ شروع

HamedR

کاربر عضو
تا حالا شده به این فکر بیفتید که چطوری میشه وقتی یه لینکی رو که توی سایتتون میزارید کنارش آیکن فرمتش هم نشون داده بشه ؟؟؟!!!

مثلا وقتی یه لینک عکس با فرمت png میزارین ، کنار لینک یه آیکن png باشه (یا هر آیکن دیگر..)

این کار رو به سادگی میشه با css انجام داد.


کد:
a[href$="فرمت"]{
background: url(آدرس آیکن) no-repeat right center;
}
فقط دقت کنین که هر فرمتی که میخواین تعریف کنین به شکل .png باشه. (یعنی قبل از نوشتن هر فرمت یه نقطه ( . ) بزارین



 
آخرین ویرایش توسط مدیر:
بالا