باکس خوب‎نوشت‎ها بصورت تایپی و متحرک

خوب نوشت‎ها :

این باکسِ خوب نوشت ها بصورت جاوا هست و فقط تو وبلاگ هایی میشه استفاده کرد که امکان جاوا رو خریده باشند . دریافتِ کد . [لینک] [دمو]

با تغییرِ کد زیر میتونید رنگِ باکسِ جلوییِ خوب نوشت ها رو تغییر بدید:

background:#95a5a6;

یه کم آموزش نیاز داره این کد که براتون توضیح میدم.
کد زیر، تقریباً انتهای اون کد اصلیه که اون بالا لینکشو براتون گذاشتم.

    ItemCount = 4;
YourTexts[0] = "اولین خوب نوشت شما";
YourLinks[0] = "http://pelake7.blog.ir/";
YourTexts[1] = "دومین خوب نوشت شما";
YourLinks[1] = "http://pelake7.blog.ir/";
YourTexts[2] = "سومین خوب نوشت شما";
YourLinks[2] = "http://pelake7.blog.ir/";
YourTexts[3] = "چهارمین خوب نوشت شما";
YourLinks[3] = "http://pelake7.blog.ir/";

به تعدادِ خوب نوشت هاتون باید این عدد رو توی این کد تغییر بدید : 

ItemCount = 4;

ینی اگر میخواید 3 تا خوب نوشت بذارید باید این عدد رو به 3 تغییر بدید و غیره..
به اعدادی داخل [؟] هم توجه داشته باشید اگه خواستید خوب نوشت پنجمی اضافه کنید باید بعدی رو به این شکل اضافه کنید :

YourTexts[4] = "پنجمین خوب نوشت شما";
YourLinks[4] = "http://pelake7.blog.ir/";

دسته: {کدنویس}

آموزش حذف کردن حاشیه عکس‎ها در بیان

از طریق کنترل پنل مدیریتتون وارد قالب CSSتون بشید و کد زیر رو پیدا کنید :

    #wrp .box1 .bx_center .post .body .cnt img{
        max-width:98%;
        height:auto;
        margin-right:1px;
        border:0px solid #CCC;
        padding:2px;
    }
    #wrp .box1 .bx_center .post .body .post_list img{
        max-width:98%;
        height:auto;
        margin-right:1px;
        border:0px solid #CCC;
        padding:2px;
    }

بعد از پیدا کردن ، کد زیر دوبار در کد بالا قرار داره، اونارو حذف کنید .

        border:0px solid #CCC;

دسته: {کدنویس}

آموزش قرار دادنِ کامنت‎های تو در تو

دموی زنده این تغییر رو میتونید تو نحوه نمایش کامنتای همین وب ببینید.

آموزش در ادامه مطلب..

دسته: {کدنویس}

آموزش قرار دادن آواتار در منویِ لینک دوستان

امروز جمعه بود و طبق معمول از بیکاری نشستم و با این کدها ور رفتم. یه کد برای لینک دوستان به سلیقه خودم درست کردم که ضمن نشون دادنِ آواتارشون، وقتی موس رو روی هر کدوم از آواتارها ببرید، اسم وبلاگ کنارِ موس نشون داده میشه (مبتدی). جا دادنِ این کد شاید برا خیلیاتون سخت باشه ولی حیفم اومد اینجا نذارمش. گفتم شاید کسی خوشش اومد.
نمونه این لینک و آواتارها رو میتونید توی همین صفحه وبم و تو منوهای سمت راست ببینید .
کد زیر رو در هر کجای قالب اصلیتون (ویرایش ساختار قالب فعلی) که دوست دارید آواتارها نشون داده بشه قرار بدید.

[لینک]

قرار دادن این کد و جا دادنِ کلاس های مناسب قالب توی این کد شاید برای یه سری از دوستان سخت باشه، کسانی که تمایل به استفاده داشتن و نمیتونن کد رو درست قرار بدن، در صورت تمایل، لطف کنن کدهای قالب اصلیشون رو توی یه فایلِ Notepad بریزن، آپ کنن و بدن تا براشون ست کنم. فقط توی بیان آپلود نکنید، چون متون فارسیِ فایل های CSS رو پشتیبانی نمیکنه انگار!
بعد از ست کردن، دیگه کار باهاش مثل آب خوردنه و هر کاربری میتونه باهاش کار کنه..
ضمناً این کد جاوا نیست و نیازی نیست که وبلاگتون حتماً امکانِ جاوااسکریپت رو داشته باشه..

دسته: {کدنویس}

کد آیکونِ بالابر صفحات وبلاگ

                   

                 

<!-- start cod up --->
<script type="text/javascript" src="http://1abzaar.ir/abzar/tools/top-page/jquery.min.js"></script>
<script>var abzar = "<img src=آدرس عکس آیکون بالابر>";</script>
<script type="text/javascript" src="http://1abzaar.ir/abzar/tools/top-page/scrolltopcontrol.js"></script>
<div style="display:none"><a href="آدرس وبلاگ شما">up</a></div>
<!-- end cod up --->

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

</body>

دسته: {کدنویس}

منوی خوب‎ نوشت‎ها برای وبلاگ‎های بیان و بلاگفا

پلاک هفت

پلاک هفت

پلاک هفت

پلاک هفت

پلاک هفت

پلاک هفت

پلاک هفت

پلاک هفت

پلاک هفت

پلاک هفت

پلاک هفت

از این امکان استفاده های زیادی میشه کرد. ولی من بعنوان منوی خوب نوشته ها به شما معرفیش میکنم. شما میتونید اسم پستی که بعنوان یه نوشته خوب از سایر دوستانتون می پسندید رو در این منوی بالا قرار بدید. ترکیب رنگی که در بالا می بینید کلاً از رنگ های فلت استفاده شده، لود شدنش خیلی سریعه و کیفیت بالایی داره و اینکه این منوی بالا کاملاً رسپانسیو هست . ینی شما هر کجای قالب که بذاریدش، خودش اتوماتیک سایزش با اون قسمت سِت میشه. کسانی که کار با کد و محل قرار دادنش رو بلدن آموزش رو در ادامه مطلب میذارم و کسانی که بلد نیستن میتونن رنگ یا رنگ های مد نظرشون رو بهمراه تعداد فیلدهاشون بفرستند تا براشون آماده کنم .

دسته: {کدنویس}

آموزش تغییرِ سایز عرض قالب‎های بیان

بعضی از کاربران با مشکلِ عرضِ قالب وبلاگشون مواجه‎ان. گاهاً دیده میشه عرض یه قالب خیلی بزرگه و یا خیلی کوچیکه و مورد پسند مدیر وبلاگ نیست و شاید به این فکر بیوفته که چطوری عرض قالبش رو کمتر و یا بیشتر کنه. البته ناگفته نمونه، قالب های بیان ایرادی ندارن و کاملاً استانداردن ولی سلیقه همیشه مد نظر هست حتی به قیمتِ خارج کردن قالب از حالت استانداردش .
کد پایین در قسمت قالب CSSتون قرار داره .
هر چقدر شما اون عدد 760 رو افزایش بدید ، عرض قالب بیشتر میشه و بالعکس . البته اون عدد 760 تو قالبها متغیره، شاید برای یکی 840 باشه.
ضمناً به این توجه داشته باشید که اگر میخواید قالبتون تقریباً استاندارد بمونه و توی گوشی های اندروید و تبلت کادرش خارج از فرم نشه ، عدد رو بیشتر از 980 بالا نبرید و همچنین از 760 پایین تر هم نبرید .
یه نکته دیگه اینکه ممکنه هدر بعضیا که البته کم پیش میاد، سایزش بهم بخوره که در اون مورد اگه خودتون تونستید، هدر رو یه کم ویرایش کنید و سایزش رو با قالب ست کنید و اگر هم نتونستید ، همینجا کامنت بدید تا براتون اصلاح کنم..

	/*-- Wrapper --*/
	#wrp{
		width:760px;
		height:auto;
		margin:auto;
		direction:rtl;

دسته: {کدنویس}

آموزش قرار دادن آواتار در پنجره پاسخ به کامنت‎ها

وارد پنل مدیریتِ وبلاگتون بشید و بعد در فیلدِ قالب، وارد «ویرایش ساختار قالب فعلی بشید»

کلمه «پاسخ» رو سرچ کنید و کلاً کلمه [ پاسخ: ] رو حذف کنید و این کد رو جایگزین کنید. [لینک]

الحاقیه: در صورت تمایل به اینکه عکستون حاشیه داشته باشه و گوشه هاش گرد باشه، بجای کدی که در بالا دادم، از این کد استفاده کنید. [لینک]

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

کسانی که کار با فتوشاپ رو بلد نیستن و دوست دارن عکسِ آواتارشون گرد باشه یا گوشه هاش گرد باشه، آدرس عکس مورد نظر رو تو کامنت همین پست ارسال کنن تا ویرایش بشه.

دسته: {کدنویس}

آموزش گِرد کردن آواتار کاربران در کامنت ‎های بیان

استفاده از شکلک‎ها در وبلاگ‎های بیان

                                                                                                                                                            

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

«آدرس این پست رو در منوی وبلاگ قرار میدم که قابل دسترس باشه»

دسته: {کدنویس}