موضوع: دانلود استایل ویبولتین شکلاتی VBiran Chocolate

درود

اینبار براتون یه استایل شکلاتی آماده کردم.شاید خیلی هاتون با دیدن تصویر استایل بگید پس کو شکلاتش؟! خبری از شکلات داخل این استایل نیست در اصل قرار بود نام این استایل brown قرار بگیره که علیرضا یه استایل با همین نام زودتر زد و دیگه نشد این اسم رو براش بزارم خلاصه بهترین چیزی که به ذهنم رسید با این طرح و رنگ و.. فقط شکلات بود که از لحاظ رنگ بندی داخل تمام سایت های تفریحی سایت های شخصی سایت های موزیک و موبایل و.. میتونید استفاده کنید.
در این استایل امکان سوییچر رنگ قرار داده نشد چون تصمیم بر این بود که این استایل فقط 1 رنگ داشته باشه و بیشتر روی یک رنگ تمرکز کنم و اونو بهبود بدم تا اینکه 3رنگ بزنم و یه چیز فرمالیته تحویل بدم!

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

مهمترین تفاوت این استایل با دیگر استایل ها شیوه لوگین به سایت هست که در این استایل کاملا متفاوت کد نویسی شده و شما حتی قادر هستید هنگام ورود قوانین مهمی که در سایت باید کاربر ها رعایت کنند رو داخل اون بنویسید که در زیر تصویری از حالت لوگین برای شما قرار دادم:

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

و در حالتی که کاربر وارد سایت میشه برای داشتن دسترسی بهتر و احساس راحتی این نوار در بالای وبسایت ایستاده میشه تا بتونه داخل وبسایت شما فعالیت کنه که تصویری از این استایل در حالت لوگین شده رو میبینید:

پست بیت این استایل تا جایی که سعی شده در عین سادگی زیبا جلوه بده که این طرح رو براتون آماده کردم:





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

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

موفق باشید.

================================================== ===============================
آموزش کادربندی پست بیت برای انواع فیلد ها:

برای کادر بندی تعداد نوشته های وبلاگ به جستجوی قالب بروید و blog_postbit_entries_link را جستجو کنید و درون آن را با کد زیر تعویض کنید :

کد:

<div class="post_field"><dt>{vb:rawphrase blog_entries}</dt><dd><a href="{vb:link blog, {vb:raw post}, null, 'userid', 'blog_title'}">{vb:raw post.entries}</a></dd></div>

برای کادر بندی تشکر به جستجوی قالب بروید و post_thanks_postbit_info را جستجو کنید حالا محتویات آن را با کد زیر تعویض کنید:

کد:

<vb:if condition="$post['userid']">     <div class="post_field"><dt>{vb:rawphrase post_thanks_thanks}</dt> <dd>{vb:raw post.post_thanks_user_amount_formatted}</dd></div>     <vb:if condition="$post['post_thanks_thanked_times'] == 1">         <div class="post_field"><dd>{vb:rawphrase post_thanks_time_post}</dd></div>     <vb:elseif condition="$post['post_thanks_thanked_posts'] == 1" />         <div class="post_field"><dd>{vb:rawphrase post_thanks_times_post, {vb:raw post.post_thanks_thanked_times_formatted}}</dd></div>     <vb:else />         <div class="post_field"><dd>{vb:rawphrase post_thanks_times_posts, {vb:raw post.post_thanks_thanked_times_formatted}, {vb:raw post.post_thanks_thanked_posts_formatted}}</dd></div>     </vb:if> </vb:if>

برای کادر بندی حالت من و فارسی کردن آن به جستجوی قالب و vmoods_postbit بروید و درون آن را با کد زیر عوض کنید :

کد:

<div class="post_field">حالت من : <img src="{vb:raw vboptions.bburl}/vmoods/{vb:raw vboptions.vmoods_icon_set}/{vb:raw post.vmood}.gif" alt="{vb:raw post.vmood}" title="{vb:raw post.vmood}<vb:if condition="empty($post['vmood']) == false"> - {vb:raw post.vmood_updated_at}</vb:if>" border="0" /> </div>

در صورتی که هک Award یا جوایز یا همان مدال را نصب کرده اید به جستجوی قالب ها بروید و جستجو کنید :
awards_postbit_display
محتوای آن را عوض کنید با :

کد:

<!-- show awards --> <if condition="$post[showuserawards]"><div class="post_field"> <br /> <fieldset><legend><a href="member.php?u=$post[userid]&tab=myawards" title="$vbphrase[more_awards]">$vbphrase[award_showcase]</a></legend>     <div class="awards_showcase_awarddisplay">$post[userawards]</div>     <div class="post_field">         <a href="member.php?u=$post[userid]&tab=myawards" title="$vbphrase[more_awards]">$vbphrase[total_awards]</a>: $post[num_awards]         <if condition="$vboptions[aw_points]"><br />             <a href="member.php?u=$post[userid]&tab=myawards" title="$vbphrase[more_awards]">$vbphrase[total_points]</a>: $post[total_points]         </if>     </div> </fieldset> <br /> </if> <!-- /show awards --></div>

================================================== ===============================
اموزش حل مشکل از بیرون زدن آواتار از پست بیت

جست جو کنید: additional.css
و در بالای کد ها این کد ها رو اضافه کنید:

کد:

.usercenter img {
   border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   -ms-border-radius: 4px 4px 4px 4px;
   -o-border-radius: 4px 4px 4px 4px;
   box-shadow: 0 3px 5px #D8CDB9;
    max-width: 160px;
}
.usertitle, .rank img {
max-width: 200px;
margin-right: -19px
}

توجه! چنانچه همچین کدی که در بالا ذکر کردم داخل addtionall.css از قبل بود آون رو کاملا پاک کنید.

==================================== update 2.0 ==================================
کل قالب و PSD برای نسخه 2 ویرایش شد.
تغییرات اعمال شده در این نسخه:

اضافه شدن Tooltip به استایل و نمایش نام کاربری در قسمت اطلاعیه

• فیکس و طراحی مجدد پست بیت به شکلی زیبا و کاملا جدید

• ست شدن استایل با مرورگر اوپرا

• ایجاد تب جدید هنگام کلیک بر روی کپی رایت استایل

• و...

PSD لوگو در فایل زیپ استایل موجود هست.

برای مشاهده آموزش تغییرات کلیک کنید (مخصوص کسانی که از ورِژن 1 استفاده میکنند)


دمو آنلاین