gol
gol

hardy

خسته شو گر مرهمی می‌بایدت

دم مزن گر همدمی می‌بایدت

تا در اثباتی تو بس نامحرمی

محو شو گر محرمی می‌بایدت
«عطار نیشابوری»

×

توجه : دو ارسال نخستِ کاربرانِ جدید در تالار میدوری , پیش از نمایش , نیاز به تایید مدیریت دارند.

Latest Threads  آخرین ارسال ها :
نمایش آخرین ارسال این موضوع
 
امتیاز موضوع:
  • 5 رأی - میانگین امیتازات : 3
  • 1
  • 2
  • 3
  • 4
  • 5
 
  
1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان
نویسنده:میدوری
آخرین ارسال:میدوری
پاسخ: 1
بازدید: 1102
subscription
quickreply advancequickreply report



( MyBB ) آموزش زیبا سازی بخش پست ها ( بخش یکم بدون تصویر )
  نویسنده پیام  | تغییر اندازه ی متن:  zoomin zoomout default
admin میدوری profile  
آفلاین
مدیر کل تالار
مدالهای میدوری1000500
1001011720
168241051
دسترسی به میدوری
ارسال یک ایمیل به این کاربر ارسال یک پیام خصوصی به این کاربر مشاهده وب سایت کاربر یافتن تمامی ارسال های این کاربر اعتبار:
اطلاعات میدوری


تاریخ عضویت: 05 November 2011

ارسال ها: 1,732
شماره کاربری: 1
میزان اعتبار:

محل سکونت: تهران
ماه تولد:
جنسيت:
تماس با میدوری
حالت میدوری
صفحه های میدوری
گوگل پلاس فیس بوک توییتر یوتیوب کلوب
اینستاگرام تلگرام
ارسال: #1
Heart آموزش زیبا سازی بخش پست ها ( بخش یکم بدون تصویر )

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

ابتدا حالت افقی یا معمولی پست بیت .

به مسیر زیر بروید
پنل مدیر کل > قالب ها و پوسته > قالب ها > قالب مورد نظر > زیرمجموعه >postbit < postbit template
و کد زیر را پیدا کنید

کد PHP:
<div class ="post_body" id="pid_{$post['pid']}">

و درست قبل از آن کد های زیر را وارد کنید

کد PHP:
<div class ="post_arrow"></div>
<style type="text/css">
.post_body {
-moz-border-radius:6px 6px 6px 6px;
border-radius:6px 6px 6px 6px;
border:1px solid #E5E5E5;
background:none repeat scroll 0 0 #EAEAEA;
margin:5px;
margin-bottom:10px;
padding:15px;
color:#000;
}
.post_arrow {
border-bottom:15px solid #EAEAEA;
border-left:15px solid transparent;
border-right:15px solid transparent;
position:relative;
z-index:1;
margin-bottom:-1;
height:0;
margin-bottom:-12px;
margin-right:25px;
margin-top:3px;
width:0;
}
</style><div cl ass="post_arrow"></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

نتیجه کار را در تصویر زیر ببینید
===============
image
===============
حالت پست بیت عمودی یا کلاسیک
به مسیر زیر بروید
پنل مدیر کل > قالب ها و پوسته > قالب ها > قالب مورد نظر > زیرمجموعه >postbitclassic < postbit template
و کد زیر را پیدا کنید

کد PHP:
<div class ="post_body" id="pid_{$post['pid']}">


و درست قبل از آن کد های زیر را وارد کنید

کد PHP:
<div class ="post_arrow"></div>
<style type="text/css">
.post_body {
-moz-border-radius:6px 6px 6px 6px;
border-radius:6px 6px 6px 6px;
border:1px solid #E5E5E5;
background:none repeat scroll 0 0 #EAEAEA;
margin:5px;
margin-bottom:10px;
padding:15px;
color:#000;
}
.post_arrow {
border-top:15px solid #EAEAEA;
border-left:10px solid transparent;
border-right:10px solid transparent;
position:relative;
z-index:10px;
margin-bottom:-15px;
height:15px;
margin-bottom:-40px;
margin-right:-5px;
margin-top:10px;
width:5px;
}
</style><div cl ass="post_arrow"></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26


نتیجه کار را در تصویر زیر ببینید
================
image
================
توضیح اینکه این آموزش بدون نیاز به هیچگونه تصویر به این نتیجه میرسد و حالت دومی هم دارد که می توان حاشیه برای کادرایجاد کرد و فلش نمایشگر دارد که با تصویر انجام می گیرد و در بخش دوم توضیح خواهم داد .

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




امضای میدوری :
[تصویر: mvd09b5.gif]
[تصویر: midori-sign-400.png]
( آخرین ویرایش در این ارسال: 24 - November - 2013 31 : 12 AM، توسط : میدوری .::. دلیل ویرایش: )
محل حضور کاربر در تالار :  admin میدوری در تالار ميدوری حضور ندارد .
ديدگاه کاربران برای مطلب : help (روی آیکون مورد نظر کلیک کنید تا دیدگاه شما ثبت شود . در صورت انصراف تا دوبار می توانید دیدگاه خود را ثبت کنید . برای پاک کردن دیدگاه روی همان آیکون یک بار کلیک کنید تا دیدگاه شما پاک شود .)

برچسب ها :

03 - July - 2013 33 : 11 PM
اعتبار: اهدای موجودی بــانــکــ نقل قول این ارسال در یک پاسخ


subscription
quickreply advancequickreply report

موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
MYBB mybb آموزش کشویی کردن انجمن ها میدوری 4 1,257 01 - January - 2017 52 : 01 PM
آخرین ارسال: میدوری
Heart mybb درست کردن ساید بار بدون پلاگین و کوئری فقط با CSS میدوری 2 1,649 07 - January - 2016 07 : 11 PM
آخرین ارسال: میدوری
MYBB mybb آموزش نمایش تصویر پیشفرض بجای تصویر پاک شده میدوری 0 1,177 22 - June - 2015 58 : 01 PM
آخرین ارسال: میدوری
MYBB mybb آموزش نمایش دادن واژه های خودتان بجای زمان آنلاین در پروفایل میدوری 0 3,139 24 - January - 2015 36 : 06 PM
آخرین ارسال: میدوری
MYBB mybb آموزش اضافه کردن مدیا پلیر به پروفایل کاربران میدوری 0 3,527 24 - January - 2015 31 : 01 AM
آخرین ارسال: میدوری

بازديدکنندگان از موضوع
کاربرانی که از موضوع بازدید کرده اند ( 8 ) کاربر

ابزار موضوع



1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان