مشخصات کاربری در کادر زیبا

[adorer 20]

با سلام

نمی خواستم این تاپک رو باز کنم ولی چون موضوع اون بسته بود مجبور به باز کردن اواین موضوع شدم

میخوام با اجازه اقا وحید این اموزش رو که کمی زیبا ترش کنم "" توجه کنید که این اموزش کمی تغییر کرده تما مطالب قبلی ذکر خواهد شد ولی جای که تغیر کرده اعلام می کنم "

ابتدا کد های زیر را در ipb_styles.css در انتهای آن وارد نمایید. برای این کار مسیر زیر را بروید .

Look & Feel > Manage Skin Sets & Templatesl > Manage Templates & CSS

/********************************************************/
/* Post info bit																			 */
.IPBFarsi_Button {
 width: 120px;
 line-height: 22px;
 font-size: 12px;
 padding: 2 4px;
 margin: 2px 0px;
 background: #f6f6f6;
 background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
 border: 4px inset #1CA5FF;
 -moz-box-shadow: 0px 2px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
 -webkit-box-shadow: 0px 2px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
 box-shadow: 0px 2px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 color: #413BEE;
 display: inline-block;
 white-space: nowrap;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
}
.IPBFarsi_Button.important {
		 background: #9f2a00;
		 background: -moz-linear-gradient(top, #9f2a00 0%, #812200 100%); /* firefox */
		 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f2a00), color-stop(100%,#812200)); /* webkit */
		 border: 2px outset #812200;
		 color: #fbf4f4;
		 -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
		 -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
		 box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
 }
.IPBFarsi_Button:hover { opacity: 0.8; }

تمام تغییرات در کد بالا اعمالا شده است

حالا زبان Templates را انتخاب کنید و سپس در بخش Global Templates بیت userInfoPane را انتخاب کنید.

حالا با قرار دادن عبارت IPBFarsi_Button در قسمت class هر قسمت از کد ها می توانید کادر خود را ایجاد کنید. به عنوان مثال اگر می خواهید عنوان کاربری کادر داشته با شد کافیست کد زیر را پیدا کنید

<p class='desc member_title'>

و آن را به صورت زیر تغییر دهید :

<p class='desc member_title IPBFarsi_Button'>

کد های زیر را از شکل زیر

class='avatar'
class='group_title'
class='group_icon'
class='post_count desc lighter'

این صورت تغیر دهید ['IPBFarsi_Button ]

class='avatar IPBFarsi_Button'
class='group_title IPBFarsi_Button'
class='group_icon IPBFarsi_Button'
class='post_count desc lighter IPBFarsi_Button'

نمونه از این زیبا ساز است

[هادی 200]

عاشق جان تشکر بابت زحمتی که کشیدی

چطوری باید قشنگترش کرد؟

[Amir ichigo 11]

مرسی از اموزشتون فقط یه سوال این عکس و اواتار اندازه هاش چه جوریاست؟؟؟

? ?