ورود

~~hamidkag~~

درود
در اینجا میخوام برای شما دوستان عزیزم یه آموزش برای قرار دادن اشتراک مطالب بسیار زیبا که قابلیت حرکت دارند و با بردن موس روی آنها آیکونشان به بالا می آید را قرار دهم.

[تصویر: photos.png]

نمونه:

برای اینکه همچین چیز خوشگلی داشته باشید کافیه مراحل زیر رو مووو به مووو دنبال کنید و دقت داشته باشید که بعدا الکی سوال نکنید:

*ابتدا عکسهای موجود در فایل zip در لینک پایین را دانلود کنید سپس عکس ها را در پوشه images در هاست خود بریزید:
لینک [تصویر: name.png]

دانلود:
http://s3.picofile.com/file/7507042468/shar.zip.html

*سپس به قسمت کنترل پنل>>قالب ها و پوسته ها>>پوسته ها>>پوسته قالبتان را انتخاب کنید>>یه قالب جدید به نام shar.css ایجاد کنید و کدهای زیر را در آنها قرار دهید:

کد: 
/*  Share Code CSS   */

.sharelink {

width: 385px;

}

.face {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-2.png) bottom;

}

div.face:hover {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-2.png) top;

}

.bala {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-4.png) bottom;

}

div.bala:hover {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-4.png) top;

}

.ff {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-3.png) bottom;

}

div.ff:hover {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-3.png) top;

}

.dg {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-6.png) bottom;

}

div.dg:hover {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-6.png) top;

}

.tu {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-1.png) bottom;

}

div.tu:hover {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-1.png) top;

}

.ad {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-7.png) bottom;

}

div.ad:hover {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-7.png) top;

}

.da {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-5.png) bottom;

}

div.da:hover {

width: 55px;

height: 35px;

display: block;

float: right;

background: url(/images/share-5.png) top;

}

/* End Code Css Share */

*سپس به قسمت کنترل پنل>>قالب ها و پوسته ها>>قالب ها>>قالب انجمنتان>>قسمت Showthread Template>>قسمت showthread رفته و کد زیر را بیابید و پاک کنید:

کد: 
<div>

<div style="padding-top:3px; border-bottom: 1px #2A4956 solid; float: right;">

<a rel="nofollow" style="text-decoration:none;" href="http://www.mister-wong.com/" onclick="window.open('http://www.mister-wong.com/index.php?action=addurl&amp;bm_url='+encodeURIComponent(location.href)+'&amp;bm_notice=&amp;bm_description='+encodeURIComponent(document.title)+'&amp;bm_tags=');return false;" title="افزودن به: Mr. Wong"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/wong.gif" alt="افزودن به: Mr. Wong" name="wong" border="0" id="wong"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://www.linkarena.com/" onclick="window.open('http://linkarena.com/bookmarks/addlink/?url='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title)+'&amp;desc=&amp;tags=');return false;" title="افزودن به: Linkarena"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/linkarena.gif" alt="افزودن به: Linkarena" name="Linkarena" border="0" id="Linkarena"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://digg.com/" onclick="window.open('http://digg.com/submit?phase=2&amp;url='+encodeURIComponent(location.href)+'&amp;bodytext=&amp;tags=&amp;title='+encodeURIComponent(document.title));return false;" title="افزودن به: Digg"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/digg.gif" alt="افزودن به: Digg" name="Digg" border="0" id="Digg"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://del.icio.us/" onclick="window.open('http://del.icio.us/post?v=2&amp;url='+encodeURIComponent(location.href)+'&amp;notes=&amp;tags=&amp;title='+encodeURIComponent(document.title));return false;" title="افزودن به: Del.icio.us"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/del.gif" alt="افزودن به: Del.icio.us" name="Delicious" border="0" id="Delicious"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://www.facebook.com/" onclick="window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(location.href)+'&amp;t='+encodeURIComponent(document.title));return false;" title="افزودن به: Facebook"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/facebook.gif" alt="افزودن به: Facebook" name="Facebook" border="0" id="Facebook"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://www.furl.net/" onclick="window.open('http://www.furl.net/storeIt.jsp?u='+encodeURIComponent(location.href)+'&amp;keywords=&amp;t='+encodeURIComponent(document.title));return false;" title="افزودن به: Furl"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/furl.gif" alt="افزودن به: Furl" name="Furl" border="0" id="Furl"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://www.yahoo.com/" onclick="window.open('http://myweb2.search.yahoo.com/myresults/bookmarklet?t='+encodeURIComponent(document.title)+'&amp;d=&amp;tag=&amp;u='+encodeURIComponent(location.href));return false;" title="افزودن به: Yahoo"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/yahoo.gif" alt="افزودن به: Yahoo" name="Yahoo" border="0" id="Yahoo"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://www.spurl.net/" onclick="window.open('http://www.spurl.net/spurl.php?v=3&amp;tags=&amp;title='+encodeURIComponent(document.title)+'&amp;url='+encodeURIComponent(document.location.href));return false;" title="افزودن به: Spurl"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/spurl.gif" alt="افزودن به: Spurl" name="Spurl" border="0" id="Spurl"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://www.google.com/" onclick="window.open('http://www.google.com/bookmarks/mark?op=add&amp;hl=fa&amp;bkmk='+encodeURIComponent(location.href)+'&amp;annotation=&amp;labels=&amp;title='+encodeURIComponent(document.title));return false;" title="افزودن به: Google"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/google.gif" alt="افزودن به: Google" name="Google" border="0" id="Google"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://www.blinklist.com/" onclick="window.open('http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Tag=&amp;Url='+encodeURIComponent(location.href)+'&amp;Title='+encodeURIComponent(document.title));return false;" title="افزودن به: Blinklist"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/blinklist.gif" alt="افزودن به: Blinklist" name="Blinklist" border="0" id="Blinklist"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://blogmarks.net/" onclick="window.open('http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url='+encodeURIComponent(location.href)+'&amp;content=&amp;public-tags=&amp;title='+encodeURIComponent(document.title));return false;" title="افزودن به: Blogmarks"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/blogmarks.gif" alt="افزودن به: Blogmarks" name="Blogmarks" border="0" id="Blogmarks"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://www.diigo.com/" onclick="window.open('http://www.diigo.com/post?url='+encodeURIComponent(location.href)+'&amp;title='+encodeURIComponent(document.title)+'&amp;tag=&amp;comments='); return false;" title="افزودن به: Diigo"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/diigo.gif" alt="افزودن به: Diigo" name="Diigo" border="0" id="Diigo"> </a>

        <a rel="nofollow" style="text-decoration:none;" href="http://www.cloob.com/" onclick="window.open('http://www.cloob.com/share/link/add?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="افزودن به: 100 درجه کلوب"> <img style="padding-bottom:1px;" src="http://www.vafadownload.gigfa.com/images/100c.gif" alt="افزودن به: 100 درجه کلوب" name="Information" border="0" id="Information"> </a>

</div>

</div>

بعد از پاک کردن کدهای بالا کد زیر را جایگزین آنها کنید:

کد: 
<table border="0" cellpadding="0" width="385"><tbody><tr><td>

<div class="sharelink">

<a href="http://www.google.com/" onclick="window.open('http://www.google.com/bookmarks/mark?op=add&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="افزودن به: google" target="_blank"><div class="face"></div></a>

<a href="http://www.facebook.com/" onclick="window.open('http://www.facebook.com/share.php?u='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="افزودن به: facebook" target="_blank"><div class="bala"></div></a>

<a href="http://balatarin.com/" onclick="window.open('http://balatarin.com/links/submit?phase=2&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="افزودن به: balatarin" target="_blank"><div class="ff"></div></a>

<a href="http://www.google.com/" onclick="window.open('http://www.google.com/buzz/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="افزودن به: buzz" &imageurl=" target="_blank"><div class="dg"></div></a>

<a href="http://friendfeed.com/" onclick="window.open('http://friendfeed.com/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="افزودن به: friendfeed" target="_blank"><div class="tu"></div></a>

<a href="http://twitter.com/" onclick="window.open('http://twitter.com/home?status='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="افزودن به: twitter" target="_blank"><div class="ad"></div></a>

<a href="http://www.cloob.com/" onclick="window.open('http://www.cloob.com/share/link/add?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="افزودن به: 100 درجه کلوب" target="_blank"><div class="da"></div></a>

</div></td></tr></tbody></table>

حالا شما یه اشتراک به مطلب متحرک و زیبا دارید Tongue

به همین راحتی به همین خوشمزگی Tongue

دوستان تشکر و اعتبار در راه خدا یادتون نره Tongue

lab · ۱۳۹۱/۷/۱، ۰۵:۵۸:۲۲ صبح

خوب بود.
جهت متمرکز کردن اموزش،این هم تقریبا همین کار رو انجام میده
http://community.mybbiran.com/thread-9855.html

~~hamidkag~~ · ۱۳۹۱/۷/۱، ۱۶:۵۹:۴۱ عصر

(۱۳۹۱/۷/۱، ۰۵:۵۸:۲۲ صبح)lab نوشته است: خوب بود.
جهت متمرکز کردن اموزش،این هم تقریبا همین کار رو انجام میده
http://community.mybbiran.com/thread-9855.html

فرق این آموزش با آموزش بنده این است که مال من اشتراک در جامعه مجازی ایرانیان(کلوب دات کام) رو داره ولی اونا فقط خارجی هستن Tongue

raminr63 · ۱۳۹۱/۱۰/۲۱، ۱۹:۴۸:۲۶ عصر

ویه فرق مهم که این اموزش شما ناقصه
چرا چون شما استایل رو معرفی کردی ولی تو کد پایینش هیچ کلاسی رو بهش ربط ندادی که ازش استفاده کنه.
در حقیقت اون استایل css‌که براش گذاشتی علا بی استفاده هستش و هیچ ارجاعی بهش تو مد پایینش نشده.
بنابراین بجز صفحه خالی چیزی نمایش داده نمیشه.

~~hamidkag~~ · ۱۳۹۱/۱۰/۲۱، ۲۰:۲۴:۱۹ عصر

نمیدونم چرا اول یه چیزی رو امتحان نمیکنی بعد اشکال بگیری Dodgy

عزیز من این آموزش رو خودم رو انجمن خودم انجام دادم و میتونی بری انجمنمو به عنوان نمونه آنلاین ببینی...در ضمن به اون کد Css هم ربط داده شده:

کد: 
<div class="sharelink">

جعبه کد آخری که گفتم جایگزین کنید...اول انجام بدین اگر نشد بعد اشکال بگیرین...من خودم Css باز قهارم... Undecided

با تشکر از ایرادگیری الکی Wink

raminr63 · ۱۳۹۱/۱۰/۲۱، ۲۰:۴۲:۱۲ عصر

ببینید دوست من هم فروم کار حرفه ایم مگه مرض دارم بیام بدون تست الکی گیر بدم.

کد شما درسته ولی میتونم بگم شما یه اشتباه شاید سهوی کردید که تو ادرس دهی عکسهاتون تو css یه اسلش اضافه کردین و اینکار میاد پوشه عکسها رو از روت هاست میخونه
حالا این وسط اونی که فرومش رو تو پوشه مثلا forum‌ گداشته و از کدهای html هم سر در نمیاره قاطی میکنه.

بهتره که اسلش رو از اول ادرس هاتون بردارید تا ادرس دهی از تو ریشه خود فروم شروع بشه. تا عکسه رو بخونه.

ولی اموزشت نایس بود (فقط همین یه اسلش اذیت میکرد ).
ممنون

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به‌خاطر بسپار

موضوع‌های مشابه…
موضوع		نویسنده	پاسخ	بازدید	آخرین ارسال
	اشتراک گذاری مطالب در فیس بوک و توییتر	lab	2	4,043	۱۳۹۱/۹/۹، ۱۰:۱۳:۵۸ صبح آخرین ارسال: lab