سلام
می خوام آیکون های شبکه اجتماعی سایتم بشه مثل لینک زیر یعنی وقتی موس میره روش به صورت کشویی تغییر رنگ بده
http://picor.ir/wp-content/uploads/2014/...-demo.html
کسی از دوستان میتونه برام همچین چیزی کد نویسی کنه؟
اگه لازمه بگید کد html آیکون ها رو بذارم

هر جای قالب خواستید قرار بدید

(92-10-19، 09:52 عصر)Gh-Moradi نوشته است: هر جای قالب خواستید قرار بدید

کد:

<style>

.rss_fb_yahoo_icon a {
display: block;
width: 61px;
height: 62px;
float:right;
margin-left:5px;
margin-right:5px;
}
a {
border: 0px;
text-decoration: none;
color: #6e6e6e;
-moz-transition: all 0.1s ease-in 0.1s;
-webkit-transition: all 0.1s ease-in 0.1s;
-o-transition: all 0.1s ease-in 0.1s;
-ms-transition: all 0.1s ease-in 0.1s;
transition: all 0.1s ease-in 0.1s;
}
.rss_icon{
    overflow:hidden;
    background:url('http://picor.ir/wp-content/uploads/2014/01/social-icon.png') no-repeat bottom left;
}
.rss_icon:hover{
    background-position:top left;
}
.fb_icon{
    overflow:hidden;
    background:url('http://picor.ir/wp-content/uploads/2014/01/social-icon.png') no-repeat bottom center;
}
.fb_icon:hover{
    background-position:top center;
}
.yahoo_icon{
    overflow:visible;
    background:url('http://picor.ir/wp-content/uploads/2014/01/social-icon.png') no-repeat bottom right;
}
.yahoo_icon:hover{
    background-position:top right;
}

.rss_icon_round{
    overflow:hidden;
    background:url('http://picor.ir/wp-content/uploads/2014/01/social-icon-round.png') no-repeat bottom left;
}
.rss_icon_round:hover{
    background-position:top left;
}
.fb_icon_round{
    overflow:hidden;
    background:url('http://picor.ir/wp-content/uploads/2014/01/social-icon-round.png') no-repeat bottom center;
}
.fb_icon_round:hover{
    background-position:top center;
}
.yahoo_icon_round{
    overflow:visible;
    background:url('http://picor.ir/wp-content/uploads/2014/01/social-icon-round.png') no-repeat bottom right;
}
.yahoo_icon_round:hover{
    background-position:top right;
}
</style>

<div class="rss_fb_yahoo_icon">
        <a href="###" target="_blank" rel="nofollow" class="rss_icon"></a>
        <a href="###" target="_blank" rel="nofollow" class="fb_icon"></a>
        <a href="###" class="yahoo_icon"></a>
        <a href="###" target="_blank" rel="nofollow" class="rss_icon_round"></a>
        <a href="###" target="_blank" rel="nofollow" class="fb_icon_round"></a>
        <a href="###" class="yahoo_icon_round"></a>
</div>

ممنون خیلی عالی شد فقط اگه میشه آیکون یاهو رو حذف و این دو آیکون رو جایگزین کنید
http://upcity.ir/images2/73193911979735896217.png
http://upcity.ir/images2/37714540437926173353.png

به ایصورت نمیشود ، باید آیکون رنگی یاهو هم باشد

در حالت معمولی خاکستری هستند ولی زمانی که موس میرود روی تصویر رنگی میشود ، شما باید تصویر هر دو حالت را جایگزین کنید