مدیر کل بازنشسته سایت این ارسال پرطرفدار است. علی مددی 1689 ارسال شده در 17 شهریور، ۱۳۹۲ مدیر کل بازنشسته سایت این ارسال پرطرفدار است. اشتراک گذاری ارسال شده در 17 شهریور، ۱۳۹۲ (ویرایش شده) برای زیباسازی مشخصات کاربری باید کمی به کدها آشنا باشین تا بتوانید چیزی را که دوست دارید درست کنید من اینجا یک نمونه قرار دادم و شما می توانید با تغییر رنگها و قسمت هایی از کد ، آن را زیباتر کنید. در این نمونه وقتی موس بر روی مشخصات کابری قرار میگرد حالت تو رفتگی ایجاد می شود که در تصویر با فلش نشان داده ام. 1- ابتدا برای این کار به مسیر زیر را رفته . Look & Feel > Manage Skin Sets & Templatesl > Manage Templates & CSS کد های زیر را در انتهای کدهای ipb_styles.css وارد نمایید. .IPBFarsi_Postbit{ color:white; font-family: Tahoma; font-size: 13px; float:right; font-weight: bold; width: 160px; display:block; text-decoration:none; padding:10px 10px 10px 0px; text-align:center; border-right: 4px solid #f6f6f6; border-top: 3px solid #f6f6f6; background: #232324; background: -webkit-gradient(linear, right bottom, right top, from(CadetBlue), to(#f6f6f6)); background: -webkit-linear-gradient(top, CadetBlue, #f6f6f6); background: -moz-linear-gradient(top, CadetBlue, #f6f6f6); background: -ms-linear-gradient(top, CadetBlue, #f6f6f6); background: -o-linear-gradient(top, CadetBlue, #f6f6f6); box-shadow: 1px -1px 7px black; -webkit-box-shadow: 1px -1px 7px black; -moz-box-shadow: 1px -1px 7px black; -khtml-box-shadow: 1px -1px 7px black; -o-box-shadow: 1px -1px 7px black; border-radius: 10px 0px 5px 5px; -webkit-border-radius: 10px 0px 5px 5px; -khtml-border-radius: 10px 0px 5px 5px; -o-border-radius: 10px 0px 5px 5px; -moz-border-radius: 10px 0px 5px 5px; -moz-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; } .IPBFarsi_Postbit:hover{ border-right: 2px solid #d92525; border-top: 1px solid #d92525; -moz-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; } 2- حالا قسمت Templates را انتخاب کنید و سپس در بخش Global Templates بیت userInfoPane را انتخاب کنید. حالا با قرار دادن عبارت IPBFarsi_Postbit در قسمت class هر قسمت از کد ها می توانید کادر خود را ایجاد کنید. class='desc member_title' class='avatar' class='group_title' class='group_title' class='group_icon' class='post_count desc lighter' class='desc lighter blend_links' به این شکل تغییر کنه IPBFarsi_Postbit class='desc member_title' class='avatar IPBFarsi_Postbit' class='group_title IPBFarsi_Postbit' class='group_title IPBFarsi_Postbit' class='group_icon IPBFarsi_Postbit' class='post_count desc lighter IPBFarsi_Postbit' class='desc lighter blend_links IPBFarsi_Postbit' در کل شما در هرکدوم از کلا س ها از IPBFarsi_Postbit استفاده کنید اون قسمت دارای کادر خواهد شد. نکته : اگر مثل انجمن IPB قصد دارید از عکس برای گروه های کاربری استفاده کنید همانند تصویر اول (کابر رسمی) باید در کلاس class='group_icon' از استایل IPBFarsi_Postbit استفاده نکنید. نکته : برای نمایش فیلد های اضافی(محل سکونت و ....) داخل کادر هم می توانید به کلاس class='custom_fields' استایل IPBFarsi_Postbit قرار دهید ، ولی در این حالت وقتی کاربری اطلاعات آن قسمت را خالی رها می کند به شکل خالی در بخش کاربری نمایش داده می شود.برای حل این مشکل : به آدرس زیر رفته Members >> Custom Profile Field فیلدی را که در بخش کاربری نمایش داده می شود را نتخاب کنید آخرین تنظیمات Topic View Format? به این شکل دیده میشه (مثلا محل سکونت) <span class='ft'>{title}</span><span class='fc'>{content}</span> برای تصیح و دادن استایل به این بخش که هروقت دارای اطلاعات بود نمایش دهد باید به این شکل تغییر کند <span class='ft fc IPBFarsi_Postbit'>{title}{content}</span> خسته نباشید ولی شد دوتا آموزش !!!! امیدوارم لذت برده باشید موفق باشید و سربلند... ویرایش شده 17 شهریور، ۱۳۹۲ توسط alisky 6 لینک ارسال به اشتراک گذاری در سایت های دیگر تنظیمات بیشتر اشتراک گذاری ...
ارسالهای توصیه شده