مرجع پارسی MyBB

نسخه‌ی کامل: اموزش اضافه کردن بوکمارک(bookmark) به پست بیت(خیلی زیباست)
شما درحال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب‌بندی مناسب.
با سلام خدمت دوستان عزیز

می خواستم اموزش افزودن بوکمارک در پست بیت رو براتون بذارم
برای این کار
ابتدا وارد سی پنل ادمین شده- قالب ها و پوسته ها- پوسته مورد نظر-افزودن قالب بندی شده

کدهای زیر را وارد نمایید
کد:
/*Sosyal BookMark*/
ul.socials {
}

ul.socials li {
display:inline-block;
float:left;
list-style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}

.furl, .furl:hover, .digg, .digg:hover, .reddit, .reddit:hover, .stumble, .stumble:hover, .delicious, .delicious:hover, .yahoo, .yahoo:hover, .blinklist, .blinklist:hover, .technorati, .technorati:hover, .facebook, .facebook:hover, .twitter, .twitter:hover, .myspace, .myspace:hover, .mixx, .mixx:hover, .script-style, .script-style:hover, .designfloat, .designfloat:hover, .rss, .rss:hover {
background: url('http://www.daneshju-club.com/images/bookmark.png');
}

.furl {
background-position:-300px top;
}

.furl:hover {
background-position:-300px bottom;
}

.digg {
background-position:-500px top;
}

.digg:hover {
background-position:-500px bottom;
}

.reddit {
background-position:-100px top;
}

.reddit:hover {
background-position:-100px bottom;
}

.stumble {
background-position:-50px top;
}

.stumble:hover {
background-position:-50px bottom;
}

.delicious {
background-position:left top;
}

.delicious:hover {
background-position:left bottom;
}

.yahoo {
background-position:-650px top;
}

.yahoo:hover {
background-position:-650px bottom;
}

.blinklist {
background-position:-600px top;
}

.blinklist:hover {
background-position:-600px bottom;
}

.technorati {
background-position:-700px top;
}

.technorati:hover {
background-position:-700px bottom;
}

.myspace {
background-position:-200px top;
}

.myspace:hover {
background-position:-200px bottom;
}

.twitter {
background-position:-350px top;
}

.twitter:hover {
background-position:-350px bottom;
}

.facebook {
background-position:-450px top;
}

.facebook:hover {
background-position:-450px bottom;
}

.mixx {
background-position:-250px top;
}

.mixx:hover {
background-position:-250px bottom;
}

.rss {
background-position:-150px top;
}

.rss:hover {
background-position:-150px bottom;
}

.script-style {
background-position:-400px top;
}

.script-style:hover {
background-position:-400px bottom;
}

.designfloat {
background-position:-550px top;
}

.designfloat:hover {
background-position:-550px bottom;
}
[تصویر:  7ejmh2xyb7ujkn1aa6w.jpg]

در بین کد های بالا
کد:
background: url('http://www.daneshju-club.com/images/bookmark.png');
رو پیدا کنید و ادرس سایت خودتونو قرار بدین

حالا نوبت به پست بیت می رسه
قالب و پوسته ها-قالب مورد نظر-post bit tamplate

کدهای زیر رو بعد از {$post['signature']} قرار بدین
کد:
<br>
<hr>
<center><b>اشتراک گذاری</b></center>
<ul class="socials">
<li class="facebook"><a href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="yahoo"><a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="blinklist"><a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="delicious"><a href="http://del.icio.us/post?url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="digg"><a href="http://digg.com/submit?phase=2&amp;url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="furl"><a href="http://www.furl.net/storeIt.jsp?t={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="reddit"><a href="http://reddit.com/submit?url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="twitter"><a href="http://twitter.com/home?status=Browsing:%20{$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="technorati"><a href="http://technorati.com/faves?add={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="mixx"><a href="http://www.mixx.com/submit?page_url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="myspace"><a href="http://www.myspace.com/Modules/PostTo/Pages/?u={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
</ul>

در اخر عکس زیر رو تو روت داخل پوشه image اپ کنید با نامBOOKMARK.PNG
[تصویر:  paaeohltmaq7kkhnihqf.png]
سلام .

من با دقت انجام دادم ! اما نمایش داده نشد برام !!!
اگه با اموزش جلو برین مشکلی پیش نمیاد الان تو انجمن من هستDodgy
آقا ممنون ولی درست نیست کار نمیکنه
(۱۳۹۱/۲/۱۴، ۰۹:۰۲:۱۰ صبح)aaaaaaaayay نوشته است: [ -> ]آقا ممنون ولی درست نیست کار نمیکنه

کار میکنه ،خیلی هم جالبه
http://www.persianlab.com/showthread.php...d=52#pid52
سلامی دوباره مسیر دوم منظورتون ppostbit هست دیگه ؟!!

من وقتی کدها رو کپی می کنم اونجا و ذخیره و میزنم کدها ذخیره نمیشه و باز مثل قبلش میشه !! بدون کدهایی که ریختم . !
(۱۳۹۱/۲/۱۴، ۲۲:۳۰:۱۲ عصر)khalvat نوشته است: [ -> ]سلامی دوباره مسیر دوم منظورتون ppostbit هست دیگه ؟!!

من وقتی کدها رو کپی می کنم اونجا و ذخیره و میزنم کدها ذخیره نمیشه و باز مثل قبلش میشه !! بدون کدهایی که ریختم . !

کدها رو تو نت پد کپی کرده اول و بعدش تو postbit بعد از همون قسمتی که دوستان اشاره کردند{$post['signature']} دوباره از نت پد کپی pase کن
(۱۳۹۱/۲/۱۴، ۰۹:۰۲:۱۰ صبح)aaaaaaaayay نوشته است: [ -> ]آقا ممنون ولی درست نیست کار نمیکنه
راس میگه!Blush
(۱۳۹۱/۲/۱۴، ۱۹:۰۹:۳۷ عصر)lab نوشته است: [ -> ]
(۱۳۹۱/۲/۱۴، ۰۹:۰۲:۱۰ صبح)aaaaaaaayay نوشته است: [ -> ]آقا ممنون ولی درست نیست کار نمیکنه

کار میکنه ،خیلی هم جالبه
http://www.persianlab.com/showthread.php...d=52#pid52
انجمنتون کو؟Big Grin=))Blush


(۱۳۹۱/۲/۱۴، ۰۸:۵۵:۰۲ صبح)emir.yanliz نوشته است: [ -> ]اگه با اموزش جلو برین مشکلی پیش نمیاد الان تو انجمن من هستDodgy
چقدرم نشون میده=))=))Big Grin
BlushBlushBlush
منظوری نداشتم ولی بی زحمت بگین چجوری درستش کنم؟Blush
http://anim-star.ir
وارد پنل ادمین شده- قالب ها و پوسته ها- پوسته مورد نظر-افزودن قالب بندی شده

کدهای زیر را وارد نمایید
کد:
/*Sosyal BookMark*/
ul.socials {
}

ul.socials li {
display:inline-block;
float:left;
list-style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}

.furl, .furl:hover, .digg, .digg:hover, .reddit, .reddit:hover, .stumble, .stumble:hover, .delicious, .delicious:hover, .yahoo, .yahoo:hover, .blinklist, .blinklist:hover, .technorati, .technorati:hover, .facebook, .facebook:hover, .twitter, .twitter:hover, .myspace, .myspace:hover, .mixx, .mixx:hover, .script-style, .script-style:hover, .designfloat, .designfloat:hover, .rss, .rss:hover {
background: url('http://www.daneshju-club.com/images/bookmark.png');
}

.furl {
background-position:-300px top;
}

.furl:hover {
background-position:-300px bottom;
}

.digg {
background-position:-500px top;
}

.digg:hover {
background-position:-500px bottom;
}

.reddit {
background-position:-100px top;
}

.reddit:hover {
background-position:-100px bottom;
}

.stumble {
background-position:-50px top;
}

.stumble:hover {
background-position:-50px bottom;
}

.delicious {
background-position:left top;
}

.delicious:hover {
background-position:left bottom;
}

.yahoo {
background-position:-650px top;
}

.yahoo:hover {
background-position:-650px bottom;
}

.blinklist {
background-position:-600px top;
}

.blinklist:hover {
background-position:-600px bottom;
}

.technorati {
background-position:-700px top;
}

.technorati:hover {
background-position:-700px bottom;
}

.myspace {
background-position:-200px top;
}

.myspace:hover {
background-position:-200px bottom;
}

.twitter {
background-position:-350px top;
}

.twitter:hover {
background-position:-350px bottom;
}

.facebook {
background-position:-450px top;
}

.facebook:hover {
background-position:-450px bottom;
}

.mixx {
background-position:-250px top;
}

.mixx:hover {
background-position:-250px bottom;
}

.rss {
background-position:-150px top;
}

.rss:hover {
background-position:-150px bottom;
}

.script-style {
background-position:-400px top;
}

.script-style:hover {
background-position:-400px bottom;
}

.designfloat {
background-position:-550px top;
}

.designfloat:hover {
background-position:-550px bottom;
}
[تصویر:  7ejmh2xyb7ujkn1aa6w.jpg]

در بین کد های بالا
کد:
background: url('http://www.daneshju-club.com/images/bookmark.png');
رو پیدا کنید و ادرس سایت خودتونو قرار بدین
===================================================

حالا نوبت به پست بیت می رسه
قالب و پوسته ها-قالب مورد نظر-post bit tamplate
((( پست بیت و یا پست بیت کلاسیک بسته به انتخاب نحوه نمایش شماست ))) قالب مربوط رو ویرایش کنید.متغیر {$post['signature']} رو پیدا کنید و دقیقا بعدش یه اینتربزنید که مرتب باشه بعد کد زیر رو اونجا قرار بدین
کد:
<br>
<hr>
<center><b>اشتراک گذاری</b></center>
<ul class="socials">
<li class="facebook"><a href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="yahoo"><a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="blinklist"><a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="delicious"><a href="http://del.icio.us/post?url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="digg"><a href="http://digg.com/submit?phase=2&amp;url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="furl"><a href="http://www.furl.net/storeIt.jsp?t={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="reddit"><a href="http://reddit.com/submit?url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="twitter"><a href="http://twitter.com/home?status=Browsing:%20{$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="technorati"><a href="http://technorati.com/faves?add={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="mixx"><a href="http://www.mixx.com/submit?page_url={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
<li class="myspace"><a href="http://www.myspace.com/Modules/PostTo/Pages/?u={$mybb->settings['bburl']}/showthread.php?tid={$tid}" target="_blank"> </a></li>
</ul>

در اخر عکس زیر رو تو روت داخل پوشه image اپ کنید با نامBOOKMARK.PNG
[تصویر:  paaeohltmaq7kkhnihqf.png]



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


موفق باشید

ضمناً آخرین پست مربوط به دوسال پیش هست و قطعا تغییراتی داشتن.