نمایش مطالب در وبگاه شما

با قرار دادن یک کد ساده در قالب سایت یا وبلاگ خود,می توانید مطالب این سایت را برای بازدید کنندگان خود نمایش دهید.

این کد را کپی کنید و در جای مناسبی از قالب قرار دهید: عرض 200 پیکسل

<div style="display:none;"><a href="http://iranfb.ir"><h1>میکروبلاگ ایرانشر</h1></a></div> <link href="http://iranfb.ir/themes/blue-sky/css/badge.css" type="text/css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> <script> $(document).ready(function(){ var shtxurl = "http://iranfb.ir/1/statuses/user_timeline/iranshare.json?count=2&callback=?"; $.getJSON(shtxurl, function(data){ $.each(data, function(i, item) { var txt = item.text .replace(/(https?:\/\/[-a-z0-9._~:\/?#@!$&\'()*+,;=%]+)/ig,'<a href="$1">$1</a>') .replace(/@+([_A-Za-z0-9-]+)/ig, '<a href="http://iranfb.ir/$1">@$1</a>') .replace(/#+([_A-Za-z0-9-]+)/ig, '<a href="http://iranfb.ir/search/s:$1">#$1</a>'); $('<p></p>').addClass(i%2 ? 'even' : 'odd').html(txt).appendTo('#sharetronix'); }); }); }); </script> <div id="sharetronix"> <div class="main"><a href="http://iranfb.ir/iranshare" target="blank"><img src="http://ahkam.persiangig.com/badge.jpg" border="0" /></a></div> </div>

کد با عرض جدول 400 پیکسل:

<div style="display:none;"><a href="http://iranfb.ir"><h1>میکروبلاگ ایرانشر</h1></a></div> <link href="http://iranfb.ir/themes/blue-sky/css/badge400.css" type="text/css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> <script> $(document).ready(function(){ var shtxurl = "http://iranfb.ir/1/statuses/user_timeline/iranshare.json?count=2&callback=?"; $.getJSON(shtxurl, function(data){ $.each(data, function(i, item) { var txt = item.text .replace(/(https?:\/\/[-a-z0-9._~:\/?#@!$&\'()*+,;=%]+)/ig,'<a href="$1">$1</a>') .replace(/@+([_A-Za-z0-9-]+)/ig, '<a href="http://iranfb.ir/$1">@$1</a>') .replace(/#+([_A-Za-z0-9-]+)/ig, '<a href="http://iranfb.ir/search/s:$1">#$1</a>'); $('<p></p>').addClass(i%2 ? 'even' : 'odd').html(txt).appendTo('#sharetronix'); }); }); }); </script> <div id="sharetronix"> <div class="main"><a href="http://iranfb.ir/iranshare" target="blank"><img src="http://ahkam.persiangig.com/badge400.jpg" border="0" /></a></div> </div>

ویرایش کد:

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

var shtxurl = "http://iranfb.ir/1/statuses/user_timeline/iranshare.json?count=5&callback=?";

مثال:

var shtxurl = "http://iranfb.ir/1/statuses/user_timeline/aroserend.json?count=5&callback=?";

تغییر فونت:این خط را در کد پیدا کنید و نام فونت دلخواه را با tahoma عوض کنید.

font-family: 'Tahoma',Helvetica,Verdana,Arial,sans-serif;

مثال:

font-family: 'Arial',Helvetica,Verdana,Arial,sans-serif;

تعداد نمایش ارسالها:این خط را پیدا و عدد دلخواه را مقابل count=5 بنویسید.

var shtxurl = "http://iranfb.ir/1/statuses/user_timeline/<?php echo $this->user->info->username ?>.json?count=5&callback=?";

مثال:

var shtxurl = "http://iranfb.ir/1/statuses/user_timeline/<?php echo $this->user->info->username ?>.json?count=3&callback=?";

رنگ ها: شما میتوانید قسمتهای قرمز رنگ از کد استیل را به دلخواه خود تغییر دهید.برای کد رنگ از مبنای 16 و یک نرم افزار گرافیکی کمک بگیرید.این کدها داخل فایل css قرار دارد.

#sharetronix {
border: 1px solid #666;
width: 200px; /* عرض جدول */
background-color: #FFF; /* رنگ پس زمینه ردیف های زوج */
font-family: 'Tahoma',Helvetica,Verdana,Arial,sans-serif;
font-size: 12px; /* اندازه فونت نوشته ها */
text-align:right;

-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px; /* KHTML */
border-radius: 5px; /* CSS3 */
box-shadow:3px 3px #C8C8C8; /*رنگ سایه زیر بوکس */
-webkit-box-shadow:3px 3px #C8C8C8;/*رنگ سایه زیر بوکس */
-moz-box-shadow: 3px 3px #C8C8C8;/*رنگ سایه زیر بوکس */

}
#sharetronix p.even {
margin: 0;
padding: 3px 5px 3px 5px;
color:#5A5A5A; /* رنگ نوشته های ردیفهای زوج */
}
#sharetronix p.odd {
background-color: #DEDEDE; /* رنگ پس زمینه ردیفهای فرد */
color:black; /* رنگ نوشته های ردیفهای فرد */
padding: 3px;

}

#sharetronix p.odd a {
color:black;
}
#sharetronix a {
color:#6599FF;
}
#sharetronix main {
height: 20px;
width: 200px;
padding: 0px;
}

در صورتی که عرض جدول را عوض کردید,باید اندازه عکس هدر را هم تغییر دهید برای این منظور عکس را ویرایش کنید و پس از آپلود عکس جدید در یک آپلودسنتر عکس آدرس جدید آن را در انتهای کد در این قسمت قرار دهید:(به جای قسمت قرمز رنگ)