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

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

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

تعرفه تبلیغات
یاور وبلاگ
تعرفه تبلیغاتتعرفه تبلیغات

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

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

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

برای دیدن دمو به لینک مقابل بروید  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 | نظرات()
برچسب ها : , , , , , , , , , , , , , , , , , , , ,
بخش نظرات این مطلب
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی