درست کردن postbit به صورت حرفه ای

[p30suite]

سلام دوستان!
تویه سایت چندتا جا دیدم که این سوال شده اما بی پاسخ مونده!
می خواستم که قسمت postbit سایتم رو مثل mobilestan.net در بیارم که هر قسمت از اضلاعات کاربر تویه یه قسمت مربع شکل هست و جدا شده و دسته بندی هست!

[Sayrex]

شما در قسمت CSS های قالبتون این و اضافه کنید :

 .info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top: 1px solid #D9D9D9;
border-right: 2px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
border-bottom: 2px solid #D9D9D9;
margin-bottom: 3px;
} 
  

سپس هر جا خواستید کادری دور چیزی ( اعم از عکس - متن و .... ) قرار بگیده براش در قسمت DIV اش این کلاس را اضافه کنید :

class="info"

[aminzadeh]

مثلا این طوری

<if condition="$post['joindate']"><div class="postbit">$vbphrase[join_date]: $post[joindate]</div></if>  

سلام
شرمنده که چیزی سرم نمی شه
می شه دقیقا باید کجا بریم و کدها رو از کجا پیدا کنیم

[p30suite]

از کجا باید به css قالب رو پیدا کرد!
من تویه قسمت قالب هرچی گشتم چنین جایی که بشه این چند خط رو بهش اضافه کرد پیدا نکردم!

[find1]

آقا من این رو در ccs اضافی قرار دادم و کد را در div های قالب postbit legasy قرار دادم اما کار نکرد و فقط نوشته ی class=info میاد زیر نوشته ها . باید چی کار کرد؟

[mr.bahram]

در گذاشتن کد ها دقت بکنید
یه کد رو اینجا قرار بدید تا راهنمایی بکنیم

[find1]

<if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>

اگر درست نیست توضویح بدید از کجا تا کجا را باید بزارم یا یه نمونه مثال از قالبت تالار خودتون بزارید . ممنون

[arash]

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

ابتدا در بخش تنظیمات استایل خود بروید سپس بر روی main css استایل مورد نظر کلیک کنید تا وارد بخش css شوید

در پایین این صفحه 2 تا کادر متن مشاهده می کنید . که کد زیر را باید در هر دوی آن ها قرار دهید .

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


.

 info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top: 1px solid #D9D9D9;
border-right: 2px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
border-bottom: 2px solid #D9D9D9;
margin-bottom: 3px;
} 
  

خب کار شما با این قسمت تمام شده . اکنون شما هر هکی را که می خواهید در بخش پست بیت قرار دهید باید یک کلاس در اول و آخر آن اضافه کنید و کد هک را درون پست بیت قرار دهید .

این کلاس به صورت زیر است .

 <div class="info">
کد هک
</div class="info"> 
  

به طور مثال من کد مدل تلفن همراه را به وسیله این کلاس برای شما میگذارم .

کد تلفن همراه

  <!-- / AriaPDA Mobile start -->
<div>
<if condition="$post[fieldx1]"><img src="images/Phone/$post[fieldx1].gif"></if>
</div>
<!-- / AriaPDA Mobile end --> 
  

کد تلفن همراه به وسیله ی 2 کلاس جدول

 <div class="info">
<!-- / AriaPDA Mobile start -->
<div>
<if condition="$post[fieldx1]"><img src="images/Phone/$post[fieldx1].gif"></if>
</div>
<!-- / AriaPDA Mobile end -->
</div class="info"> 
  

[behzad_20052006]

ممنون از آموزش شما . فقط میشه بگید چگونه میشه به جای یک رنگ یه عکس رو به عنوان بکگراند جدول قرار داد
این کد رو چه تغییری بدم :
background-color: #FFFFFF;
به جای رنگ یه عکس باشه

[mr.bahram]

#FFFFFF url(images/bg.gif) repeat-x

به این صورت استفاده بکنید