قالب بندی پست بیت های افقی (کمکم کنید)

[kamran0080]

دستتون درد نکنه درست شد . فقط یک مشکل دارم


نمیدونم چرا بالای اخطار و اعتبار یه فاصله ایجاد شده . نمیدونم کدش رو از کجا حذف کنم
کل محتویات اون پست بیت یوزر اتور به شکل زیر تغییر دادم

کد php:

<style>

.postbit1_kog {
    border-style:solid;
    border-width:1px;
   border-radius:6px 0 6px 0;
    background-color:#EFEFEF;
    border-color:#DDDDDD #DDDDDD #C4C4C4 #C4C4C4;
    direction:rtl;
    font-family:Tahoma;
    font-size:11px;
    margin:5px 6px;
    padding:3px;
    text-align:right;
    -moz-transition:all 0.8s ease-out;
    -webkit-transition:all 0.8s ease-out;
    -o-transition:all 0.8s ease-out;
    -ms-transition:all 0.8s ease-out;
    text-align:center;
    }
.postbit1_kog:hover {
border-radius:0 0 6px 6px;
box-shadow:0 0 3px #9b9b9b;
    -moz-transition:all 0.5s ease-in;
    -webkit-transition:all 0.5s ease-in;
    -o-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
}
</style>
<div class="postbit1_kog">{$lang->postbit_posts} {$post['postnum']}</div>
<div class="postbit1_kog">{$lang->postbit_joined} {$post['userregdate']}</div>
<div class="postbit1_kog">{$post['replink']}</div>
<div class="postbit1_kog">{$post['warninglevel']}</div> 


[jan123]

از مسیرهای
postbit_warninglevel
و
postbit_reputation
</br>یا<br> هارو حذف نمایید.

[Amin Yaghubi]

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

کد:

postbit

به اول کد ها کد

کد:

<style>

.postbit1_kog {
    border-style:solid;
    border-width:1px;
   border-radius:6px 0 6px 0;
    background-color:#EFEFEF;
    border-color:#DDDDDD #DDDDDD #C4C4C4 #C4C4C4;
    direction:rtl;
    font-family:Tahoma;
    font-size:11px;
    margin:5px 6px;
    padding:3px;
    text-align:right;
    -moz-transition:all 0.8s ease-out;
    -webkit-transition:all 0.8s ease-out;
    -o-transition:all 0.8s ease-out;
    -ms-transition:all 0.8s ease-out;
    text-align:center;
    }
.postbit1_kog:hover {
border-radius:0 0 6px 6px;
box-shadow:0 0 3px #9b9b9b;
    -moz-transition:all 0.5s ease-in;
    -webkit-transition:all 0.5s ease-in;
    -o-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
}
</style>

رو اضافه نمایید برای کادر بندی
کد

کد:

{$post['useravatar']}

را باکد

کد:

<div class="postbit1_kog">{$post['useravatar']}</div>

وکد

کد:

{$post['user_details']}

را با کد

کد:

<div class="postbit1_kog">{$post['user_details']}</div>

وکد

کد:

{$post['profilelink']}

را با کد

کد:

<div style="width:120px" class="postbit1_kog">{$post['profilelink']}</div>

وکد

کد:

{$post['usertitle']}

را با کد

کد:

<div style="width:120px" class="postbit1_kog">{$post['usertitle']}</div>

وکد

کد:

{$post['userstars']}

راباکد

کد:

<div style="width:120px" class="postbit1_kog">{$post['userstars']}</div>

وکد

کد:

{$post['groupimage']}

را باکد

کد:

<div style="width:120px" class="postbit1_kog">{$post['groupimage']}</div>

تعویض نمایید برای کادر بندی هر متغیر دیگری ازکد

کد:

<div class="postbit1_kog">متغیر مورد نظر</div>

استفاده نمایید.
موفق باشید.

جناب لطفا منبع رو ذکر کن

[kamran0080]

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

[Amin Yaghubi]

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

دوست عزیز نیازی به جستجو نیست !

از کدها کاملا مشخصه !

کد php:

.postbit1_kog { 


[kamran0080]

پست بیت عمودی بود که بنده در اختیار مهندس قرار دادم و ایشون به عمودی تبدیل کردن و حالا این میشود نو اووری و کپی نیست و تمام . اگر غیر از این است شما باید زحمت می کشیدید و در انجمن خودتون جواب کاربرا رو میدادید بنده در پشتیبانی های دیگه سوال پرسید اصلا جواب نمیدن

[Amin Yaghubi]

پست بیت عمودی بود که بنده در اختیار مهندس قرار دادم و ایشون به عمودی تبدیل کردن و حالا این میشود نو اووری و کپی نیست و تمام . اگر غیر از این است شما باید زحمت می کشیدید و در انجمن خودتون جواب کاربرا رو میدادید بنده در پشتیبانی های دیگه سوال پرسید اصلا جواب نمیدن

اولا که از شما منبع رو پرسیدم که دخالت میکنید ؟
دوما بنده باید زحمت میکشیدم و جواب میدادم ؟!!!! مگر شما پولی به بنده ودیگر دوستان پرداخت کردید که انتظار دارید حتما به سوالتون پاسخ داده بشه ؟ سوما انقدر از شکلک استفاده نکنید , برای خودتون بد میشه

موفق باشید !

[jan123]

درود ایشون یک کد کد دادن عمودی بود:

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


اینم فایل هایی که برا طراحیش لازمتون میشه
http://wle.ir/up/do.php?id=44



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

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

-------------------
استایل:

کد php:

.postbit1_kog {
    border-style:solid;
    border-width:1px;
   border-radius:6px 0 6px 0;
    background-color:#EFEFEF;
    border-color:#DDDDDD #DDDDDD #C4C4C4 #C4C4C4;
    direction:rtl;
    font-family:Tahoma;
    font-size:11px;
    margin:5px 6px;
    padding:3px;
    text-align:right;
    -moz-transition:all 0.8s ease-out;
    -webkit-transition:all 0.8s ease-out;
    -o-transition:all 0.8s ease-out;
    -ms-transition:all 0.8s ease-out;
    }
.postbit1_kog:hover {
border-radius:0 0 6px 6px;
box-shadow:0 0 3px #9b9b9b;
    -moz-transition:all 0.5s ease-in;
    -webkit-transition:all 0.5s ease-in;
    -o-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
} 


کد فراخوانی :

کد php:

<div class="postbit1_kog"> <center><strong><span class="largetext">{$post['profilelink']}</span></strong></center> </div>
    <div class="postbit1_kog"><center>{$post['useravatar']}</center></div>
    <div class="postbit1_kog"><center>{$post['groupimage']}</center></div>
    <div class="postbit1_kog"><font color="#4d4d4d"><a href="search.php?action=finduser&amp;uid={$post['uid']}">یافتن تمام ارسالهای نویسنده</a></font></div>
    <div class="postbit1_kog"><font color="#800080">وضعیت : {$post['onlinestatus']}</font></div>
    <div class="postbit1_kog"><font color="#800080">{$post['user_details']}</font></div>
       </strong>
       <br />
       </span> 


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

کد php:

postbit_classic 


حالا این کد ها را پیدا کنید :

کد php:

<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}
            {$post['useravatar']}<br />
            {$post['user_details']}
        </span> 


به جای کدبالا ، شما باید کد استایل + کد فراخوانی رو قرار بدید . البته می تونید کد استایل رو در Global.css قالبتون قرار بدید و کد فراخوانی رو به جای کد بالا قرار بدید .

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

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

کد:

postbit

به اول کد ها کد

کد:

<style>

.postbit1_kog {
    border-style:solid;
    border-width:1px;
   border-radius:6px 0 6px 0;
    background-color:#EFEFEF;
    border-color:#DDDDDD #DDDDDD #C4C4C4 #C4C4C4;
    direction:rtl;
    font-family:Tahoma;
    font-size:11px;
    margin:5px 6px;
    padding:3px;
    text-align:right;
    -moz-transition:all 0.8s ease-out;
    -webkit-transition:all 0.8s ease-out;
    -o-transition:all 0.8s ease-out;
    -ms-transition:all 0.8s ease-out;
    text-align:center;
    }
.postbit1_kog:hover {
border-radius:0 0 6px 6px;
box-shadow:0 0 3px #9b9b9b;
    -moz-transition:all 0.5s ease-in;
    -webkit-transition:all 0.5s ease-in;
    -o-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
}
</style>

رو اضافه نمایید برای کادر بندی
کد

کد:

{$post['useravatar']}

را باکد

کد:

<div class="postbit1_kog">{$post['useravatar']}</div>

وکد

کد:

{$post['user_details']}

را با کد

کد:

<div class="postbit1_kog">{$post['user_details']}</div>

وکد

کد:

{$post['profilelink']}

را با کد

کد:

<div style="width:120px" class="postbit1_kog">{$post['profilelink']}</div>

وکد

کد:

{$post['usertitle']}

را با کد

کد:

<div style="width:120px" class="postbit1_kog">{$post['usertitle']}</div>

وکد

کد:

{$post['userstars']}

راباکد

کد:

<div style="width:120px" class="postbit1_kog">{$post['userstars']}</div>

وکد

کد:

{$post['groupimage']}

را باکد

کد:

<div style="width:120px" class="postbit1_kog">{$post['groupimage']}</div>

تعویض نمایید برای کادر بندی هر متغیر دیگری ازکد

کد:

<div class="postbit1_kog">متغیر مورد نظر</div>

استفاده نمایید.
موفق باشید.

حالا شما اینجا چی میگید؟؟
سربلند باشید.