تغییر استایل لینک ها بر اساس فرمت آنها در CSS

تغییر استایل لینک ها بر اساس فرمت آنها در CSS

لازم است بدانید که زیبایی سایت و طرح دلنشین و همه چیز تمام سایت و البته مهم تر از بقیه در دسترس بودن محتوای سایت کمک زیادی به جذب کاربر میکنه! از این رو با استفاده از برخی ترفند ها شما میتونید سایتتون رو به سادگی زیبا سازی کنید😉 در ادامه قطعه کد css به شما معرفی خواهم کرد که با استفاده از آن میتوانید به لینک های موجود در سایت خود با توجه به فایل های هدف ( zip,pdf,mp3,mp4,dox,&…) استایل بدید و برای هر یک آیکن خاصی در نظر بگیرید! پس همراه من باشید با این آموزش 😉
🖌 قطعه کدی که ازش حرف میزنیم به شکل زیر نوشته میشه که توضیحات مربوطه رو در ادامه خواهم گفت :

 

a[href$=’.Rar’] {
padding: 0 20px 0 0;
background: transparent url(/images/zip.png) no-repeat center right;
}

 

📍 در مثال بالا ما به قالب فهماندیم که اگر لینکی که در تگ a قرار گرفته است، هدفش یک فایل با پسوند rar بود، ایکن مربوطه رو در سمت چپ اون لینک نمایش بده !
📍 منظور از لینک هدف درواقع لینک مستقیمی است که در قالب لینک قرار داده شده است. بعنوان مثال برای کد بالا لینکی صدق میکند که به شکل زیر باشد

dl.a4fran3.ir/font/W_soofee%28a4fran3.ir%29.rar

📌 شما میتوانید با کپی کردن این کد پسوند های دیگر را شخصی سازی کنید

 

امیدواریم از آموزش تغییر استایل لینک ها بر اساس فرمت آنها لذت برده باشید