تغيير آيکون لينک ليست

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

Blogger-fa

۱۳۸۷/۰۳/۳۰

تغيير آيکون لينک ليست




اصولاً نوع کد" بولت ليستها " بصورت زير است

<div id="links">
<ul>
<li>Google</li>
<li>Yahoo!</li>
<li>Altavista</li>
</ul>
</div>
براى تغيير اين آيکنهاى مشکى با آيکن مورد نظر خود کدهاى زير را به قسمت "سى اس اس " قالب خود اضافه نمائيد

li {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj08VYdhsf__C8Tss4bTl3VfhcwQgHYaprck9StMiNeVXan2ab5l4zV8rB2RDgT7XrHFzoR4dwxDzrt9kuTNYWL-z-0LKNC6Df4N_3-GbCY14F3w7ajNRESvweJ4kca1GLMyqxJVmjdxMU/s1600/link.png) center left no-repeat;
}
به جاى لينک تصوير بالا ، لينک تصوير مورد نظر خود را قرار بدهيد

ul {
list-style-type:none;
}
منبع



0 نظر:

لینکهای دوستان