close
خرید vpn
منوی حرفه ای برای رزبلاگ

منوی حرفه ای برای رزبلاگ

رزرو تبلیغــات

تعرفه تبلیغات
http://up.pcast.ir/view/1905304/147565193282231.giff

شمـا میتوانیــد برای دیافت آخرین مطالب و آگاهی از آخریـن اخبــار موزیـک در ایمیـــل خـود در خبــرنامـه ثـبت نـام کنــید

منوی حرفه ای برای رزبلاگ

با سلام بد از کلی زحمت این منو رو ساختم خیلی زحمت کشیدم امید وارم خوشتون بیاد به ادامه مطالب بروید

برای دیدن دمو به لینک مقابل بروید  http://www.bloghelper.ir/page/%D9%85%D9%86%D9%88

 

شما این کد را در قسمت تگ <head> قرار دهید

<style>

.ggsocial {margin:10px auto;display:table-row;}

.ggsocial a {background: url("http://s6.picofile.com/file/8201821034/social.png") no-repeat 0 0;width: 42px;height: 42px;display: inline-block;margin:2px;}

.ggsocial a.s_facebook {background-position: 0 0;}

.ggsocial a.s_facebook:hover {background-position: 0 -84px;}

.ggsocial a.s_instagram {background-position: -42px 0;}

.ggsocial a.s_instagram:hover {background-position: -42px -84px;}

.ggsocial a.s_gplus {background-position: -84px 0;}

.ggsocial a.s_gplus:hover {background-position: -84px -84px;}

.ggsocial a.s_twitt {background-position: -126px 0;}

.ggsocial a.s_twitt:hover {background-position: -126px -84px;}

.ggsocial a.s_lenzor {background-position: -0px -42px;}

.ggsocial a.s_lenzor:hover {background-position: -0px -126px;}

.ggsocial a.s_aparat {background-position: -42px -42px;}

.ggsocial a.s_aparat:hover {background-position: -42px -126px;}

.ggsocial a.s_cloob {background-position: -84px -42px;}

.ggsocial a.s_cloob:hover {background-position: -84px -126px;}

.ggsocial a.s_facenama {background-position: -126px -42px;}

.ggsocial a.s_facenama:hover {background-position: -126px -126px;}

</style>

و این کد را در هر قسمتی ک میخواهید منو باشه قرار دهید
<center>
<div class="ggsocial">
<a href="http://www.bloghelper.ir/" class="s_facebook"> </a>
<a href="http://www.bloghelper.ir/" class="s_instagram"> </a>
<a href="/profile" class="s_gplus"> </a>
<a href="/rss.xml" class="s_twitt"> </a>
<a href="/forum" class="s_lenzor"> </a>
<a href="/contact" class="s_aparat"> </a>
<a href="/archive" class="s_cloob"> </a>
<a href="/" class="s_facenama"> </a>
</div>
</center>
و اگر میخواهید این منو بریتان اختصاصی و بدون تبلیغات ساخته شود فقط لازم هست یک نظر بدهید

تاریخ انتشار : پنجشنبه 01 مرداد 1394 ساعت: 21:10 | نظرات()
برچسب ها : , , , , , , , , , , , , , , , , , , , ,

نویسنده :

بازديد : 55

موضوع: ابزار وبلاگ , کدهای کاربردی وبلاگ , کدهای مفید ,

بخش نظرات این مطلب
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
با کلیک بر روی 1+ ما را در گوگل محبوب کنید