/ استایل طرح فلت VBflat,v1 | کاملا واکنشگرا + پنل مدیریت کامل استایل {نسخه نهایی}
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
صفحه 26 از 43 نخستنخست ... 16242526272836 ... آخرینآخرین
نمایش نتایج: از 251 به 260 از 430

موضوع: استایل طرح فلت VBflat,v1 | کاملا واکنشگرا + پنل مدیریت کامل استایل {نسخه نهایی}

    1.   استایل طرح فلت VBflat,v1 | کاملا واکنشگرا + پنل مدیریت کامل استایل {نسخه نهایی} Details »»
      ورژن ویبولتین: 4.x.x امتیاز: مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی (3 votes - 5.00 average) نصب شده: 6
      منتشر شده: 02-25-2015 آخرین بروزرسانی: هرگز تعداد دانلود: 235
      پشتیبانی تغییرات اتوماتیک در قالب تغییرات در کد ها فایل های اضافی
      پشتیبانی میشود امن است
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      سلام و عرض ادب خدمت یکایک کاربران گرانقدر و فهمیم ویکی وی بی
      دوستان عزیز الان ساعت 5:30 صبح |: با ورژن یک استایل زیبا ویبی فلت در خدمتتون هستم. استایل رو از یک ماه پیش شروع کردم و شاید متوجه هم شده باشید که تو این یک ماه نقش کمرنگی در بخش گرافیک ویکی وی بی داشتم دلیلش هم کمبود وقت و طراحی این استایل بود که الحمدلله پس از گذشت یک ماه بالاخره درحال انتشار این قالب هستم و جای داره از همین تربیون صمیمانه از دوستای عزیزم آقای موسوی و براتی تشکر جانانه کنم چون واقعا جاهایی بود که کارم بد گره خورده بود و این دو دوست عزیز همراه و یاور بنده بودندمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      اینم بگم که این عیدی 94 بنده هست و دارم پیش پیش میدممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


      برخی از نقاط عطف و قوت استایل:

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی 100 واکنشگرا و قابل نمایش روی تبلت و موبایل
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی رنگ بندی شاد و زیبا
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی گرافیک بالا
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی سرعت لود بالا
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی ست شده با اکثر مرورگر های مطرح جهان
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی بهینه شده
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی سئو مناسب
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی تاپلینک زیبا
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی صفحه تعرفه ها
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی کاربر برتر ماه
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی تاپیک برتر ماه
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مطالب کاربردی به صورت اسلاید و متحرک
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی کادر سخن
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی فرم پرداخت پی لاین
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی روز شمار عید نوروز
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی استفاده از فونت آیکون
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی پنل مدیریت حرفه ای و کامل استایل
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی کدنویسی بخش پروفایل
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی پست بیت متفاوت
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی ...؟!


      شما رو به مشاهده دمو استایل دعوت میکنم:



      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی



      حدود 1 هفته زمان گذاشته شده فقط برای رسپانسیو کردن استایل و به جرئت میگم یکی از واکنشگرا ترین قالب های ویبولتین هست چون واقعا وقت زیادی براش گذاشتم وهر 10 الی 5 پیکسل برای رسپانسیوش کدنویسی صورت گرفته و تمام بخش های استایل تا رزولوشن 320 (گوشی های هوشمند) کاملا واکشنش نشون میده که میتونید با کلیک بر روی رزولوشین های زیر, واکنش های مختلف استایل رو مشاهده کنید (تصاویر جهت درک بهتر گذاشته شدند).



      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی___مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی___مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی___مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


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



      دوستان کنترل پنلی که برای استایل نوشتم هدف این بود که کاربر 1% هم نخواد دست تو کدنویسی قالب ببره و همه چیزو بتونه از تو پنل مدیریت کنه چون این مورد مخصوصا خیلی به درد مبتدیا میخوره که کدنویسی بلد نیستند.

      شما میتونید از پنل مدیریت استایل هرچیزی که تو صفحه اصلی هست مو به مو رو تغییر بدید از کاربر برتر و تاپیک برتر گرفته تا بخش تبلیغات بنری و درگاه پیلاین و ... + آلت و تایتل بنر رو هم میتونید از همون پنل عوض کنید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی گروه های کاربری موجود در فوتر انجمن هم از طریق پنل تنظیمات استایل به راحتی میتونید متنش + رنگاشون رو تغییر بدید و تا 20 تا درجه بنده در نظر گرفتم که بتونید با پنل اوکی کنید.

      و اینم شات کامل از پنل تنظیمات استایل:

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی



      طریقه نصب استایل و هک ها:


      1- فایل Vbflat-Style-Final.rar رو دانلود کنید و اکستریت کنید

      *)داخل فایل پیوستی دو فایل به نام L1 و L2 میباشد دوستان عزیز لطفا شما مراحل رو از پوشه L1 دنبال کنید و فقط محصولات این بخش رو نصب کنید اما فقط درصورتی که قالب با مشکل علامت سوال شدن زبان فارسی برخورد کرد میبایست محصولات فایل L2 رو نصب نمایید.

      2- محتویات پوشه upload رو داخل پوشه images موجود در روت فرومتون آپلود کنید.

      3- سپس وارد پوشه xml,s و style شوید.

      3.1- قالب Vbflat-Style-Final را از بخش نصب قالب, نصب کنید.

      3.2- پنل مدیریت Vbflat-Panel-Final را از بخش نصب هک ها نصب کنید.

      4- سپس وارد پوشه product موجو در xml,s شوید و هر سه مورد رو از قسمت دانلود و آپلود استایل > ترکیب با استایل Vbflat-Style-Final > چشم پوشی از ورژن رو بله / ترکیب کنید.

      5- دوستان با توجه به این که بخش فعالیت های در حال انجام در انجمن به شیوه جدید طراحی شده نیاز بود که برخی از هک ها هم ویرایش بشن بنده 3 هک "کاربران آنلاین 24 ساعت گذشته+بیشترین ثبت نام+نمایش عمر سایت" رو ویرایش کردم, دوستانی که اون هک هارو نیاز دارن و میخوان این قالب رو نصب کنند اینو هم عرض کنم که هک ها در پوشه plugin هستند حالا اگه 3 هکی که من ویرایش کردمو قبلا نصب کرده بودید باید برای اعمال کادربندی هک هارو روی هک قبلی بازنویسی کنید و اگه از قبل نداشتید که نیاز نیست بازنویسی کنید و فقط نصب کنید. فارسی ساز هک هم در انجمن قبلا قرار داده شده که سرچ کنید پیدا میکنید.
      به این نکته هم توجه کنید 3 هک ذکر شده فقط روی این قالب کار میکنن و اگه بازنویسی کنید هک ها رو قالب های قبلیتون دیگه دیده نمیشن (برای جلوگیری از بهم ریختی روی دگیر قالب ها توابع رو تغییر دادم) در هر زمان هم که خواستید یک قالب دیگه نصب کنید کافی هست هک رو مجدد از سایت ویکی وی بی دانلود و بازنویسی مجدد کنید...

      6- هک product-sevenskins_header_avatar.xml موجود در پوشه plugin رو حتما نصب کنید جهت نمایش آواتار صفحه اصلی.

      7- جست و جود در قالب > سرچ کنید footer و داخلش کد زیر رو پیدا کنید:

      کد:
      <div class="below_body">
      زیرش اضافه کنید:

      کد:
      {vb:raw cronimage}
      8- جست و جود در قالب > سرچ کنید navbar و کد زیر رو پیدا کنید:

      کد PHP:
      <marquee behavior="alternate" dir="rtl" direction="down" scrollamount="1" onmouseover="this.setAttribute('scrollAmount', 0, 0)" onmouseout="this.setAttribute('scrollAmount', 2, 0)"
      پاکش کنید و جاش کد زیر رو بزارید:

      کد:
      <marquee behavior="scroll" dir="rtl" direction="down" scrollamount="1" scrolldelay="1" onmouseover="this.setAttribute('scrollAmount', 0, 0)" onmouseout="this.setAttribute('scrollAmount', 2, 0)">
      برای تغییر سرعت متن متحرک تاپیک های مهم باید این کد رو:
      کد:
      scrollamount="1"
      عددش رو بیشتر کنید یعنی هرچی عدد 1 بزرگ تر باشه سرعت بیشتر میشه

      9- برای فیکس کردن سایز آواتار, در قالب ها postbit_legacy رو جست و جو کنید سپس:

      این کد رو پیدا کرده:
      کد:
      <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" class="avaopa" />
      و با کد زیر جایگزین کنید:
      کد:
      <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" width="150px;" height="150px;" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" class="avaopa" />
      10- برای کادربندی هک نمایش عمر سایت (Site Life Status) مراحل زیر را انجام دهید:

      بعد از نصب هک, جست و در قالب سرچ کنید > boofo_site_lifestatus
      تمام کد هاش رو پاک کنید و جاش کد زیر رو بزارید:
      کد:
      <section id="vbflat-tabs">
        <div class="vbflat-item">
          <div class="vbflat-title vbflat-closed">
            <h3><i class="fa fa-bookmark"></i><div class="blocksubhead">{vb:rawphrase site_lifestatus}</div></h3>
          </div>
          <div class="vbflat-content">
      
      <div id="wgo_site_lifestatus" class="wgo_subblock section">
          <div>
              <dl  style="margin-bottom:20px;">
                  <dt>{vb:rawphrase site_startupdate}</dt>
                  <dd>{vb:raw startdate}</dd>
              </dl>
              <dl>
                  <dt>{vb:rawphrase site_age}</dt>
                  <dd><span id="lbls_text"></span></dd>
              </dl>
              <vb:if condition="$vboptions['site_lifestatus_location']">
              <dl>
                  <dt>{vb:rawphrase sls_location}</dt>
                  <dd>{vb:raw vboptions.site_lifestatus_location}</dd>
              </dl>
              </vb:if>
              <dl>
              <vb:if condition="$vbulletin->userinfo['userid']"><div style="margin-top:-19px;float:right;margin-right: 64px;">
                  <dd>{vb:rawphrase site_visitors, {vb:raw bbuserinfo.username}, {vb:raw pagehits_counter}}</dd></div>
              <vb:else />
                  <dd>{vb:rawphrase site_visitors, {vb:rawphrase guest}, {vb:raw pagehits_counter}}</dd>
              </vb:if>
              </dl>
              <p></p>
              <dl>
                  <dt>{vb:rawphrase sls_average}</dt>
                  <dt>{vb:rawphrase sls_hourly}</dt>
                  <dd>{vb:raw pagehits_hourly}</dd>
                  <dt>{vb:rawphrase sls_daily}</dt>
                  <dd>{vb:raw pagehits_daily}</dd>
                  <dt>{vb:rawphrase sls_weekly}</dt>
                  <dd>{vb:raw pagehits_weekly}</dd>
                  <dt>{vb:rawphrase sls_monthly}</dt>
                  <dd>{vb:raw pagehits_monthly}</dd>
                  <dt>{vb:rawphrase sls_yearly}</dt>
                  <dd>{vb:raw pagehits_yearly}</dd>
              </dl>
              <script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/site_life_status.js"></script>
              <script type="text/javascript">
                  var lbls_year  = "{vb:rawphrase sls_year}";
                  var lbls_years = "{vb:rawphrase sls_years}";
                  var lbls_day   = "{vb:rawphrase sls_day}";
                  var lbls_days  = "{vb:rawphrase sls_days}";
                  var lbls_hour  = "{vb:rawphrase sls_hour}";
                  var lbls_hours = "{vb:rawphrase sls_hours}";
                  var lbls_min   = "{vb:rawphrase sls_minute}";
                  var lbls_mins  = "{vb:rawphrase sls_minutes}";
                  var lbls_sec   = "{vb:rawphrase sls_second}";
                  var lbls_secs  = "{vb:rawphrase sls_seconds}";
                  var lbls_start = "{vb:raw vboptions.site_lifestatus_startupdate}";
                  lbls_init();
              </script>
            </div>
          </div>
        </div>
      </div>

      11- برای تغییر متن "هروزتان روز, نوروزتان پیروز" که در هدر هست مراحل زیر را انجام دهید:

      جست و جو در قالب > header
      سپس کد زیر را پیدا کرده:
      کد:
      <div class="vbflat-norooz">
      تعویض کنید با کد زیر:
      کد:
      <div class="vbflat-norooz" style="width:auto;">
      و حای متن "هر روزتان نوروز ، نوروزتان پیروز" متن دلخواه را بنویسید.


      پ.ن: اگه هکی مد نظر دارید و میخواید کادربندی بشه داخل همین پست لینک هک رو بزارید, بنده ویرایش میکنم و تحویلتون میدم.




      :::طریقه کادر بندی پست بیت:::


      پ.ن: در تمام کد های زیر اگه میخواید اون آیکون موجود در فیلد هارو نشون بدید
      این کد رو:
      کد PHP:
      <class="fa fa-th-large"></i
      بعد از کد:
      کد PHP:
      <div class="post_field"
      اضافه کنید یعنی به این صورت:
      کد PHP:
      <div class="post_field"><class="fa fa-th-large"></i
      در آموزش های کادربندی زیر من فقط برای آموزش شماره 1 این آیکون رو گذاشتم و برای بقیه کادر بندی ها این مورد رو به خود شما سپردم که بخواید اضافه کنید یا خیر

      1- کادر بندی فیلد ها:

      جست و جو در قالب:
      postbit_legacy رو پیدا کنید
      سپس این کد رو پیدا کنید:
      کد:
      <vb:if condition="$post['age']"><div class="post_field"><i class="fa fa-th-large"></i><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div>
      </vb:if>
      و زیرش فیلد های اضافه خودتون رو اضافه کنید
      شما میتونید این کد رو بزارید
      کد:
      <div class="post_field"><i class="fa fa-th-large"></i><vb:if condition="$post['fieldX']"><dt>عنوان فیلد</dt><dd>{vb:raw post.fieldX}</dd></vb:if></div>
      و جای دو تا X شماره فلدی که ساختید رو بنویسید (آموزش ساخت فیلد و .. در انجمنم موجود هست)


      2- کادر بندی نوشته های وبلاگ:

      جست و جو در قالب ها > 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>
      3-کادر بندی هک مدال ها:

      ادمین سی پی > سیستم مدال دهی > تنظیمات سیستم مدال دهی > استایل مدال ها > روی استایل 3 بزارید
      سپس جست و جو در قالب ها > ranks_postbit_display_style3
      محتویاتش رو با کد زیر جایگزین کنید:
      کد:
      <!-- show ranks --><div class="post_field"><if condition="$post[showuserranks]"><div class="ranks_postbit_style3"> <div class="ranks_showcase_rankdisplay">$post[userranks]</div></div></if></div> <!-- /show ranks -->
      4- کادربندی هک حالت من:

      جست و جو در قالب > 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>
      5- کادربندی هک تشکر:

      جست و جو در قالب ها > 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>

      6- کادربندی هک تگ کردن کاربران:

      جست و جو در قالب > dbtech_usertag_postbit
      محتویاتش رو با کد زیر جایگزین کنید:
      کد:
      <div class="post_field"><vb:if condition="$vboptions['dbtech_usertag_postbit'] & 1"><dt>{vb:rawphrase dbtech_usertag_mentioned}</dt> <dd>{vb:rawphrase dbtech_usertag_x_posts, {vb:raw post.dbtech_usertag_mentions}}</dd></vb:if></div><div class="post_field"><vb:if condition="$vboptions['dbtech_usertag_postbit'] & 2"><dt>{vb:rawphrase dbtech_usertag_tagged}</dt> <dd>{vb:rawphrase dbtech_usertag_x_threads, {vb:var post.dbtech_usertag_tags}}</dd></vb:if></div><vb:if condition="$vboptions['dbtech_usertag_postbit'] & 4"><dt>{vb:rawphrase dbtech_usertag_quoted}</dt> <dd>{vb:rawphrase dbtech_usertag_x_posts, {vb:var post.dbtech_usertag_quotes}}</dd></vb:if>

      7- کادربندی هک سیستم عامل و مرورگر:

      پلاگین & محصولات > مدیریت پلاگین > هک Put OS/Browser in Postbit را پیدا و روی گزینه ویرایش کلیک کنید
      محتویاتش رو با کد زیر جایگزین کنید:

      کد:
      $template_hook['postbit_userinfo_right_after_posts'] .= '<div  class="post_field"><dt>سیستم عامل و مرورگر </dt> <dd>';     global  $vbulletin;if($vbulletin->options['osb_offon']){     if($vbulletin->options['osb_center'])    {         switch($vbulletin->options['osb_location'])        {            case  1:                $template_hook['postbit_userinfo_left'] .= '<div  id="osbcontent">';                break;            case 2:                 $template_hook['postbit_userinfo_right_after_posts'] .= '<div  id="osbcontent">';                break;            case 3:                 $template_hook['postbit_userinfo_right'] .= '<div  id="osbcontent">';                break;            case 4:                 $template_hook['postbit_messagearea_start'] .= '<div  id="osbcontent">';                break;        }    }     switch($vbulletin->options['osb_location'])    {        case 1:             $template_hook['postbit_userinfo_left'] .= '<dl><dd>';             break;        case 2:             $template_hook['postbit_userinfo_right_after_posts'] .= '<dd>';             break;        case 3:             $template_hook['postbit_userinfo_right'] .= '<dl><dd>';     }
          if($vbulletin->options['osb_sprites'])    {         if($vbulletin->options['osb_system'] && $post['osb_system']  && is_member_of($vbulletin->userinfo,  explode(',',$vbulletin->options['osb_system_noview'])))        {             if($vbulletin->options['osb_hide'])            {                 $post['osb_system'] = '';            }             switch($vbulletin->options['osb_location'])            {                 case 1:                    $template_hook['postbit_userinfo_left']  .= '<img class="' . $post['osb_sysicon'] . '" src="clear.gif" alt="' .  $post['osb_system'] . '" /> ';                    break;                 case 2:                     $template_hook['postbit_userinfo_right_after_posts'] .= '<img  class="' . $post['osb_sysicon'] . '" src="clear.gif" alt="' .  $post['osb_system'] . '" /> ';                    break;                 case 3:                    $template_hook['postbit_userinfo_right'] .=  '<img class="' . $post['osb_sysicon'] . '" src="clear.gif" alt="' .  $post['osb_system'] . '" /> ';                    break;                 case 4:                    $template_hook['postbit_messagearea_start']  .= '<img class="' . $post['osb_sysicon'] . '" src="clear.gif" alt="'  . $post['osb_system'] . '" /> ';                    break;                 case 5:                    $template_hook['postbit_controls'] .=  '<img class="' . $post['osb_sysicon'] . '" src="clear.gif" alt="' .  $post['osb_system'] . '" /> ';                case 6:                     $template_hook['osb_display'] .= '<img class="' .  $post['osb_sysicon'] . '" src="clear.gif" alt="' . $post['osb_system'] .  '" /> ';            }        }         if($vbulletin->options['osb_browser'] &&  $post['osb_browser'] && is_member_of($vbulletin->userinfo,  explode(',',$vbulletin->options['osb_browser_noview'])))        {             if($vbulletin->options['osb_hide'])            {                 $post['osb_browser'] = '';            }             switch($vbulletin->options['osb_location'])            {                 case 1:                    $template_hook['postbit_userinfo_left']  .= '<img class="' . $post['osb_icon'] . '" src="clear.gif" alt="' .  $post['osb_browser'] . '" />';                    break;                 case 2:                     $template_hook['postbit_userinfo_right_after_posts'] .= '<img  class="' . $post['osb_icon'] . '" src="clear.gif" alt="' .  $post['osb_browser'] . '" />';                    break;                 case 3:                    $template_hook['postbit_userinfo_right'] .=  '<img class="' . $post['osb_icon'] . '" src="clear.gif" alt="' .  $post['osb_browser'] . '" />';                    break;                 case 4:                    $template_hook['postbit_messagearea_start']  .= '<img class="' . $post['osb_icon'] . '" src="clear.gif" alt="' .  $post['osb_browser'] . '" />';                    break;                 case 5:                    $template_hook['postbit_controls'] .=  '<img class="' . $post['osb_icon'] . '" src="clear.gif" alt="' .  $post['osb_browser'] . '" />';                case 6:                     $template_hook['osb_display'] .= '<img class="' .  $post['osb_icon'] . '" src="clear.gif" alt="' . $post['osb_browser'] .  '" />';            }        }    }else{         if($vbulletin->options['osb_system'] && $post['osb_system']  && !is_member_of($vbulletin->userinfo,  explode(',',$vbulletin->options['osb_system_noview'])))        {             switch($vbulletin->options['osb_location'])            {                 case 1:                     $template_hook['postbit_userinfo_left'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_sysicon'] . '.png" alt="User Info Left" /> ';                     break;                case 2:                     $template_hook['postbit_userinfo_right_after_posts'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_sysicon'] . '.png" alt="User Info Right After Posts" /> ';                     break;                case 3:                     $template_hook['postbit_userinfo_right'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_sysicon'] . '.png" alt="User Info Right" /> ';                     break;                case 4:                     $template_hook['postbit_messagearea_start'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_sysicon'] . '.png" alt="Message Area Start" /> ';                     break;                case 5:                     $template_hook['postbit_controls'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_sysicon'] . '.png" alt="Postbit Controls" /> ';                 case 6:                    $template_hook['osb_display'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_sysicon'] . '.png" alt="Postbit Controls" /> ';             }        }        if($vbulletin->options['osb_browser'] &&  $post['osb_browser'] && !is_member_of($vbulletin->userinfo,  explode(',',$vbulletin->options['osb_browser_noview'])))        {             switch($vbulletin->options['osb_location'])            {                 case 1:                     $template_hook['postbit_userinfo_left'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_icon'] . '.png" alt="' . $post['osb_browser'] . '" />';                     break;                case 2:                     $template_hook['postbit_userinfo_right_after_posts'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_icon'] . '.png" alt="' . $post['osb_browser'] . '" />';                     break;                case 3:                     $template_hook['postbit_userinfo_right'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_icon'] . '.png" alt="' . $post['osb_browser'] . '" />';                     break;                case 4:                     $template_hook['postbit_messagearea_start'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_icon'] . '.png" alt="' . $post['osb_browser'] . '" />';                     break;                case 5:                     $template_hook['postbit_controls'] .= '<img  src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_icon'] . '.png" alt="' . $post['osb_browser'] . '" />';                 case 6:                    $template_hook['osb_display'] .=  '<img src="http://www.wikivb.ir/images/osbrowsericons/icon_' .  $post['osb_icon'] . '.png" alt="' . $post['osb_browser'] . '" />';             }        }    }     switch($vbulletin->options['osb_location'])    {        case 1:             $template_hook['postbit_userinfo_left'] .=  '</dd></dl>';            break;        case 2:             $template_hook['postbit_userinfo_right_after_posts'] .= '</dd>';             break;        case 3:             $template_hook['postbit_userinfo_right'] .= '</dd></dl>';     }    if($vbulletin->options['osb_center'])    {         switch($vbulletin->options['osb_location'])        {            case  1:                $template_hook['postbit_userinfo_left'] .=  '</div>';                break;            case 2:                 $template_hook['postbit_userinfo_right_after_posts'] .= '</div>';                 break;            case 3:                 $template_hook['postbit_userinfo_right'] .= '</div>';                 break;            case 4:                 $template_hook['postbit_messagearea_start'] .= '</div>';                 break;        }    }}


      8- کادربندی هک تجربه / xperience :

      جست و جو در قالب ها > xperience_achievements_showcase
      محتویاتش رو با کد زیر جایگزین کنید:
      کد:
      <div class="post_field"><span class="usertitle"><i class="fa fa-th-large"></i><dt>{vb:rawphrase xperience_achievements_short}</dt> <dd>{vb:raw achievements}</dd></span></div>
      جست و جو در قالب ها > xperience_gfx
      محتویاتش رو با کد زیر جاگزین کنید:
      کد:
          <div class="post_field"><center><div style="width:102px; height:4px;"></div>    <vb:if condition="$vboptions[xperience_bar_colour_level] !== 'Hide'">            <vb:if condition="$vboptions[xperience_postbitstyle]==2">           {vb:raw xperience.gfx_level}</vb:if>            <div title="{vb:raw xperience.gfx_level}" style="width:102px; height:11px; margin-bottom:2px; background-image:url({vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_level}_faded.png);">            <div title="{vb:raw xperience.gfx_level}" style="width:1px; height:11px; margin-bottom:2px; background-image:url({vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_level}_left.png); display:inline; float:left;"></div>            <div title="{vb:raw xperience.gfx_level}" style="width:1px; height:11px; margin-bottom:2px; background-image:url({vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_level}_right.png); display:inline; float:right;"></div>            <img alt="{vb:raw xperience.gfx_level}" src="{vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_level}.png" width="{vb:raw xperience.level}" height="11" />        </div>        </vb:if>    <vb:if condition="$vboptions[xperience_bar_colour_levelup] !== 'Hide'">                <vb:if condition="$vboptions[xperience_postbitstyle]==2">            {vb:raw xperience.gfx_levelup}            <div style="width:102px; height:2px;"></div>        </vb:if>                <div title="{vb:raw xperience.gfx_levelup_nb}" style="width:102px; height:11px; margin-bottom:2px; background-image:url({vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_levelup}_faded.png);">            <div title="{vb:raw xperience.gfx_levelup_nb}" style="width:1px; height:11px; margin-bottom:2px; background-image:url({vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_levelup}_left.png); display:inline; float:left;"></div>            <div title="{vb:raw xperience.gfx_levelup_nb}" style="width:1px; height:11px; margin-bottom:2px; background-image:url({vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_levelup}_right.png); display:inline; float:right;"></div>            <img alt="{vb:raw xperience.gfx_levelup_nb}" src="{vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_levelup}.png" width="{vb:raw xperience.level_up}" height="11" />        </div>            </vb:if>        <vb:if condition="$vboptions[xperience_bar_colour_activity] !== 'Hide'">        <vb:if condition="$vboptions[xperience_postbitstyle]==2">            {vb:raw xperience.gfx_activity}            <div style="width:102px; height:2px;"></div>        </vb:if>            <div title="{vb:raw xperience.gfx_activity}" style="width:102px; height:11px; margin-bottom:2px; background-image:url({vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_activity}_faded.png);">            <div title="{vb:raw xperience.gfx_activity}" style="width:1px; height:11px; margin-bottom:2px; background-image:url({vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_activity}_left.png); display:inline; float:left;"></div>            <div title="{vb:raw xperience.gfx_activity}" style="width:1px; height:11px; margin-bottom:2px; background-image:url({vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_activity}_right.png); display:inline; float:right;"></div>            <img alt="{vb:raw xperience.gfx_activity}" src="{vb:raw vboptions.bburl}/xperience/progress/{vb:raw vboptions.xperience_bar_colour_activity}.png" width="{vb:raw xperience.ppd}" height="11" />        </div>        </vb:if></center></div>
      جست و جو در قالب ها > xperience_level_postbit
      محتویاتش رو با کد زیر جایگزین کنید:
      کد:
      <div class="post_field"><i class="fa fa-th-large"></i><dt>{vb:rawphrase xperience_level}</dt> <dd>{vb:raw xperience.level}</dd></div>

      جست و جو در قالب ها > xperience_points_postbit
      محتویاتش رو با کد زیر جایگزین کنید:
      کد:
      <div class="post_field"><i class="fa fa-th-large"></i><dt>{vb:rawphrase xperience_points}</dt> <dd>{vb:raw xperience.points}</dd></div>

      9- کادر بندی یک هک دیگه هم رو میخواید؟داخل تاپیک بگید تا قرار داده شود.




      شات از پست بیت و درجات کاربری:

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      استفاده از درجات کاربری css آماده:

      خب دوستان یک شات از درجات در تصویر بالا ملاحضه کردید که اگه تمایل به استفاده داشتید میتونید به تنظیمات درجه کاربری برید و درجه مورد نظر رو ویرایش کنید, لینک تصویری رو حذف کنید و داخل کد html این کد رو بزارید:

      کد PHP:
      <span class="ldaraje"><class="fa fa-meh-o"></i></span><div class="daraje" style="background:#FF5959">مدیریت کل</div
      و جای:
      کد PHP:
      #FF5959 
      کدرنگ مورد نظرتون رو وارد کنید


      شات از کادربندی هک تشکر:

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


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



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

      اینم یک شات از بخش پروفایل کاربری:

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      وسلاممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


      ::: آپدیت نهایی صورت گرفت (ورژن Final پیوست گردید) ::: فایل Vbflat-Style-Final را حتما دانلود و نصب کنید :::
      تغییرات نسخه Final:
      1) - حل مشکل اجرا نشدن رسپانسیو در تبلت و گوشی ها
      2) - حل مشکل فایل های پیوستی
      3) - حل مشکل زبان
      3) + تعریف فونت BYekan برای مطالب پست
      4) + اسلاید زیبا برای تاپیک های کاربری و مهم + حذف اسکرول بار به دلیل اضافه شدن اسلاید متن
      5) + تغییر کادربندی هک تشکر
      6) + هاور زیبا برای تصاویر پست
      7) + تغییرات جزئی و نهایی
      توجه: لطفا نسخه Final پیوست شده را نصب و یا بروزرسانی کنید و فایل L1 رو طبق آموزش پیش بگیرید تنها در صورت علامت سوال شدن استایل فایل L2 را نصب کنید.

      پ.ن: آموزش های شماره 7 - 8 - 9 - 10 - 11 با رنگ قرمز اضافه شد, حتما انجام دهید.

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      فایل های پیوست


      تهیه کنندگان


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

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

  • #252
    Daniyal.K آنلاین نیست.
    Daniyal.K
    کاربر سايت
    862نوشته598مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2924
    پسندیده است
    429 پست
    بلاگ
    پست
    میزان امتیاز
    608
    No Set
    درود .

    برای مشکل اولتون به استایل ها و قالب ها >>> جستجو در قالب ها برید و vbflat.css رو سرچ کنید .

    سپس تمام محتویات داخل اون رو با کد های زیر عوض کنید :

    کد:
    @font-face {
      font-family: 'Byekan';
      src: url('images/vbflat/font/BYekan.ttf') format('truetype'),
           url('images/vbflat/font/BYekan.eot?#') format('eot'),
           url('images/vbflat/font/BYekan.woff') format('woff');
      font-style: normal;
      font-weight: normal;
    }
    
    
    @viewport{  
        zoom: 1.0;  
        width: device-width;  
    }
    
    
    #top-menu {
    background: #ecf0f1;
    height: 86px;
    margin-right: -35px;
    margin-left: -35px;
    }
    
    .vbflat-menu1{
    background: #fff;
    width: 70px;
    height: 78px;
    border-bottom: 2px solid #3498db;
    float: right;
    margin: 3px 25px;
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-osx-font-smoothing: grayscale;
      position: relative;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
    }
    
    #vbflat-menu-text{
    text-align: center;
    color: #4f4d4d;
    margin-top: -7px;
    font-size: 18px;
    font-family: BYekan;
    text-decoration:none;
    }
    
    .fa-home{
    color: #3498db;
    font-size: 52px;
    padding: 5px 11px;
    }
    
    .vbflat-menu1:hover .fa-home{
    color: #fff;
    }
    .vbflat-menu1:hover #vbflat-menu-text{
    color: #fff;
    text-decoration:none;
    }
    
    .vbflat-menu2{
    background: #fff;
    width: 70px;
    height: 78px;
    border-bottom: 2px solid #e74c3c;
    float: right;
    margin: 3px -20px;
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-osx-font-smoothing: grayscale;
      position: relative;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
    }
    
    .fa-comment{
    color: #e74c3c;
    font-size: 52px;
    padding: 5px 11px;
    }
    
    .vbflat-menu2:hover .fa-comment{
    color: #fff;
    text-decoration:none;
    }
    .vbflat-menu2:hover #vbflat-menu-text{
    color: #fff;
    }
    
    .vbflat-menu3{
    background: #fff;
    width: 70px;
    height: 78px;
    border-bottom: 2px solid #2ecc71;
    float: right;
    margin: 3px 25px;
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-osx-font-smoothing: grayscale;
      position: relative;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
    }
    
    .fa-smile-o{
    color: #2ecc71;
    font-size: 52px;
    padding: 5px 13px;
    }
    
    .vbflat-menu3:hover .fa-smile-o{
    color: #fff;
    }
    .vbflat-menu3:hover #vbflat-menu-text{
    color: #fff;
    text-decoration:none;
    }
    
    .vbflat-menu4{
    background: #fff;
    width: 70px;
    height: 78px;
    border-bottom: 2px solid #e67e22;
    float: right;
    margin: 3px -20px;
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-osx-font-smoothing: grayscale;
      position: relative;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
    }
    
    .fa-picture-o{
    color: #e67e22;
    font-size: 52px;
    padding: 5px 8px;
    }
    
    .vbflat-menu4:hover .fa-picture-o{
    color: #fff;
    }
    .vbflat-menu4:hover #vbflat-menu-text{
    color: #fff;
    text-decoration:none;
    }
    
    
    .vbflat-menu5{
    background: #fff;
    width: 70px;
    height: 78px;
    border-bottom: 2px solid #9b59b6;
    float: right;
    margin: 3px 25px;
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-osx-font-smoothing: grayscale;
      position: relative;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
    }
    
    .fa-gamepad{
    color: #9b59b6;
    font-size: 52px;
    padding: 5px 8px;
    }
    
    .vbflat-menu5:hover .fa-gamepad{
    color: #fff;
    }
    .vbflat-menu5:hover #vbflat-menu-text{
    color: #fff;
    text-decoration:none;
    }
    
    #speech{
    background: #f7f7f7;
    width: 245px;
    height: 78px;
    border-bottom: 2px solid #3498db;
    float: left;
    margin: 3px 25px;
    padding-right: 5px;
    }
    #speech:hover{
    border-bottom: 2px solid #aaaaaa;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    .speech-head{
    background: #3498db;
    width: 250px;
    height: 22px;
    font-family: BYekan;
    font-size: 15px;
    color: #f7f7f7;
    margin-bottom: 5px;
    margin-right: -5px;
    }
    
    .bg-fa-quote-left{
    background: #2384c5;
    width: 22px;
    height: 22px;
    float:right;
    }
    .fa-quote-left{
    color: #fff;
    font-size: 18px;
    margin: 2px 2px;
    }
    
    #header-relative{
    width: 744px;
    height: 253px;
    margin: 0 auto;
    padding-top: 24px;
    }
    
    #header-relative2{
    width: 250px;
    height: 200px;
    margin: 0px 10px 0px 10px;
    float: right;
    }
    
    .element-search{
    background: #fff;
    width: 744px;
    height: 30px;
    margin-bottom: 23px;
    }
    
    .element-blue{
    background: #3498db;
    width: 274px;
    height: 200px;
    float: right;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    }
    
    .element-red{
    background: #e74c3c;
    width: 250px;
    height: 95px;
    float: right;
    }
    .element-red:hover{
    background: #565656;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    .element-red:hover .bg-icon-up{
    background: #404040;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    .element-green{
    background: #2ecc71;
    width: 120px;
    height: 95px;
    float: right;
    margin-top: 10px;
    }
    .element-green:hover{
    background: #565656;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    .element-yellow{
    background: #e67e22;
    width: 120px;
    height: 95px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    }
    .element-yellow:hover{
    background: #565656;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    .element-pink{
    background: #9b59b6;
    width: 200px;
    height: 200px;
    float: right;
    }
    .element-pink:hover{
    background: #565656;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    .search-box{
    position:relative;
    margin-bottom: 23px;
    }
    
    .fa-search-plus{
    font-size: 26px;
    margin: 2px 2px 2px 2px;
    color: #fff;
    float: right;
    }
    
    .bg-search-plus{
    background: #d2d2d2;
    width:30px;
    height:30px;
    float: right;
    margin-bottom: -30px;
    }
    
    .attachments fieldset { height: auto !important; }
    
    .logo{
    width: 99px;
    height: 82px;
    margin: 18px 87px 9px 88px;
    }
    
    .vbflat-title{
    color: #fff;
    font-size: 36px;
    font-family: BYekan;
    text-align: center;
    }
    
    .vbflat-sub-title{
    margin-top: 10px;
    color: #fff;
    font-size: 24px;
    font-family: BYekan;
    text-align: center;
    }
    
    .bg-icon-up{
    background: #de4839;
    width: 69px;
    height: 95px;
    float: right;
    }
    
    .fa-cloud-upload{
    font-size: 56px;
    margin: 22px 4px;
    color: #fff;
    float: right;
    }
    
    .text-up{
    color: #fff;
    font-size: 30px;
    font-family: BYekan;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    }
    
    .text-sub-up{
    color: #fff;
    font-size: 18px;
    font-family: BYekan;
    text-align: center;
    }
    
    .fa-cog{
    font-size: 56px;
    margin: 4px 35px;
    color: #fff;
    float: right;
    }
    
    .text-cog{
    color: #fff;
    font-size: 18px;
    font-family: BYekan;
    margin-top: 5px;
    text-align: center;
    }
    
    .fa-trophy{
    font-size: 56px;
    margin: 4px 34px;
    color: #fff;
    float: right;
    }
    
    .text-trophy{
    color: #fff;
    font-size: 18px;
    font-family: BYekan;
    margin-top: 5px;
    text-align: center;
    }
    
    .fa-gift{
    font-size: 90px;
    margin: 7px 60px 3px;
    color: #fff;
    float: right;
    }
    
    .text-gift{
    color: #fff;
    font-size: 30px;
    font-family: BYekan;
    text-align: center;
    }
    
    .text-sub1-gift{
    color: #fff;
    font-size: 18px;
    font-family: BYekan;
    margin-top: 7px;
    text-align: center;
    }
    
    .text-sub2-gift{
    color: #fff;
    font-size: 18px;
    font-family: BYekan;
    margin-top: 3px;
    text-align: center;
    }
    
    #norooz{
    background: #565656;
    width: 100%;
    height: 30px;
    margin-top: 23px;
    }
    
    .bg-fa-spinner{
    background: #393939;
    width: 34px;
    height: 30px;
    float: right;
    margin-right: 25px;
    }
    
    .fa-spinner{
    color: #565656;
    font-size: 27px;
    margin: 1px 4px;
    }
    
    .vbflat-norooz {
    text-align: center;
    font: 14px BYekan;
    color: #393939;
    cursor: help;
    width: 480px;
    height: 30px;
    float: right;
    margin-right: 5px;
    margin-top: 4px;
    }
    
    .vbflat-norooz span b , .vbflat-norooz a {
    background: #2ecc71;
    color: #ffffff;
    padding: 0px 2px 0px 2px; 
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    font: 12px Tahoma;
    margin-top: 2px;
    display: inline-block;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    }
    
    #vbflat-navbar{
    width: 100%;
    height: 226px;
    }
    
    .vbflat-user{
    background: #ecf0f1;
    width: 23%;
    height: 215px;
    float: right;
    }
    .vbflat-user-head{
    background: #3498db;
    width: 100%;
    height: 25px;
    padding-top: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: BYekan;
    }
    
    .vbflat-user-cover{
    background: url('images/vbflat/images/cover-user.jpg');
    width: 100%;
    height: 130px;
    }
    
    .user-avatar img{
    width: 100px;
    height: 100px;
    background: #ecf0f1;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -o-border-radius: 50px !important;
    border-radius: 50px !important;
    border: 4px solid #ecf0f1;
    margin-top: 75px;
    }
    .guest-avatar{
    width: 100px;
    height: 100px;
    background: #ecf0f1;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -o-border-radius: 50px !important;
    border-radius: 50px !important;
    border: 4px solid #ecf0f1;
    margin-top: -55px;
    background: url('http://upload.wikivb.ir/images/0kgrpes77tx1g17sbdvq.png') #eee;
    }
    
    .vbflat-user:hover .guest-avatar{
    border: 4px solid #6fbdf1;
        transition: all 0.5s ease-in 0s;
        -moz-transition: all 0.5s ease-in 0s;
        -webkit-transition: all 0.5s ease-in 0s;
        -o-transition: all 0.5s ease-in 0s;
        -ms-transition: all 0.5s ease-in 0s;
    }
    
    .vbflat-user:hover .user-avatar img{
    border: 4px solid #6fbdf1;
        transition: all 0.5s ease-in 0s;
        -moz-transition: all 0.5s ease-in 0s;
        -webkit-transition: all 0.5s ease-in 0s;
        -o-transition: all 0.5s ease-in 0s;
        -ms-transition: all 0.5s ease-in 0s;
    }
    
    .vbflat-profile{
    background: #e1e2e2;
    width: 21px;
    height: 24px;
    padding: 8px 3px;
    border-bottom: 2px solid #b6b6b6;
    margin: 13px 5px;
    float: right;
    }
    
    .vbflat-profile:hover{
    background: #fff;
    border-bottom: 2px solid #999999;
        transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
    }
    
    .fa-user{
    color: #adadad;
    }
    
    #vbflat-notifications{
    background: #e1e2e2;
    width: 19px;
    height: 24px;
    padding: 8px 4px;
    border-bottom: 2px solid #b6b6b6;
    margin: 13px 0px;
    float: right;
    }
    .vbflat-notifications:hover{
    background: #fff;
    border-bottom: 2px solid #999999;
        transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
    }
    
    .bg-number{
    background: #e74c3c;
    border-radius: 50px;
    padding: 2px 0px;
    margin: -40px -1px;
    }
    
    #vbflat-login {
    margin-right: 5px;
    border: medium none;
    cursor: pointer;
    background: #e1e2e2;
    color: #adadad;
    float: right;
    margin-top: -23px;
    width: 60px;
    height: 25px;
    border-bottom: 3px solid #CCC;
    font-family: BYekan;
    font-size: 14px;
    }
    
    #vbflat-reg {
    margin-left: 5px;
    background: #e1e2e2;
    color: #adadad;
    float: left;
    margin-top: -26px;
    width: 60px;
    height: 20px;
    border-bottom: 3px solid #CCC;
    font-family: BYekan;
    font-size: 14px;
    padding-top: 5px;
    text-align: center;
    }
    #vbflat-login:hover{
    background: #fff;
    border-bottom: 2px solid #999999;
        transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
    }
    #vbflat-reg:hover{
    background: #fff;
    border-bottom: 2px solid #999999;
        transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
    }
    .loginrighticon {
    height: 37px;
    width: 37px;
    position: absolute;
    right: 15px;
    margin-top: 324px;
    cursor: none;
    }
    
    #popuplogin { 
    background: #fff;
        color:#000;
        display:none; 
        padding:20px;
        position:relative;
        z-index: 99999999;
    height: 57px;
    }
    
    .b-close {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 61px;
    background: #e74c3c;
    padding: 36px 0px 0px 6px;
    }
    
    .vbflat-loginbottom{
    background: none repeat scroll 0% 0% #2ecc71;
    width: 27px;
    height: 97px;
    margin-left: 10px;
    border: 1px;
    margin-top: -20px;
    color: #fff;
    }
    
    fieldset {
        border: 0px none;
        height: 40px;
    }
    
    .fa-child{
    color: #adadad;
    }
    
    .vbflat-usercp{
    background: #e1e2e2;
    width: 19px;
    height: 24px;
    padding: 8px 4px;
    border-bottom: 2px solid #b6b6b6;
    margin: 13px 0px 0px 5px;
    float: left;
    }
    .vbflat-usercp:hover{
    background: #fff;
    border-bottom: 2px solid #999999;
        transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
    }
    .fa-fire{
    color: #adadad;
    }
    
    .vbflat-logout{
    background: #e1e2e2;
    width: 21px;
    height: 24px;
    padding: 8px 3px;
    border-bottom: 2px solid #b6b6b6;
    margin: 13px 0px 0px 5px;
    float: left;
    }
    
    .fa-power-off{
    color: #adadad;
    }
    
    .vbflat-logout:hover{
    background: #fff;
    border-bottom: 2px solid #e74c3c;
        transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
    }
    
    .vbflat-logout:hover .fa-power-off{
    color: #e74c3c;
        transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
    }
    
    .best-topic{
    background: #e1e2e2;
    width: 50%;
    height: 215px;
    float: right;
    margin-right: 1%;
    }
    
    .best-topic-head span{
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: BYekan;
    }
    
    .best-topic-head{
    background: #e74c3c;
    width: 100%;
    height: 25px;
    padding-top: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: BYekan;
    }
    
    
    .best-topic ul {
    height: 182px;
    margin: 2px auto;
    overflow-y: hidden;
    width: 99.2%;
    }
    
    .best-topic ul li {
        background: none repeat scroll 0% 0% #ecf0f1;
    padding-top: 4px;
    height: 22px;
        font-family: BYekan;
        font-size: 14px;
        color: #ff0000;
        margin: 2px auto;
        transition: all 0.2s ease-in 0s;
        -moz-transition: all 0.2s ease-in 0s;
        -webkit-transition: all 0.2s ease-in 0s;
        -o-transition: all 0.2s ease-in 0s;
        -ms-transition: all 0.2s ease-in 0s;
    }
    
    .best-topic-a {
        color: #747474;
        margin-right: 5px;
        transition: all 0.2s ease-in 0s;
        -moz-transition: all 0.2s ease-in 0s;
        -webkit-transition: all 0.2s ease-in 0s;
        -o-transition: all 0.2s ease-in 0s;
        -ms-transition: all 0.2s ease-in 0s;
    }
    
    .best-topic ul li span {
        background: none repeat scroll 0% 0% #f6f6f6;
        float: right;
        width: 19px;
        height: 26px;
        position: relative;
        margin-top: -4px;
    }
    
    .fa-star{
    color: #e74c3c;
    font-size: 15px;
    margin: 5px 3px;
    }
    
    .best-topic ul li:hover .fa-star{
    color: #5c5c5c;
        transition: all 0.2s ease-in 0s;
        -moz-transition: all 0.2s ease-in 0s;
        -webkit-transition: all 0.2s ease-in 0s;
        -o-transition: all 0.2s ease-in 0s;
        -ms-transition: all 0.2s ease-in 0s;
    }
    
    .best-topic ul li:hover {
        background: none repeat scroll 0% 0% #f6f6f6;
    }
    
    
    .best-topic ul li:hover .best-topic-a {
        color: #565656;
    }
    
    .best-ut{
    background: #ecf0f1;
    width: 25%;
    height: 215px;
    float: left;
    margin-right: 1%;
    }
    
    .best-user{
    background: #2ecc71;
    width: 100%;
    height: 105px;
    }
    
    .best-user-head{
    background: #28c169;
    width: 100%;
    height: 24px;
    padding-top: 3px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-family: BYekan;
    }
    
    .best-user-avatar img{
    width: 30.5%;
    height: 105px;
    float: right;
    }
    
    .best-user-a{
    background: #2fc66f;
    width: 49%;
    height: 20px;
    padding-top: 1px;
    border-right: 3px solid #27ae60;
    float: right;
    margin-top: 2px;
    color: #fff;
    font-size: 14px;
    text-align: right;
    font-family: BYekan;
    }
    
    .best-user-b{
    background: #2fc66f;
    width: 49%;
    height: 20px;
    padding-top: 1px;
    border-right: 3px solid #27ae60;
    float: right;
    margin-top: 5px;
    color: #fff;
    font-size: 14px;
    text-align: right;
    font-family: BYekan;
    }
    
    .best-user-b a{
    color: #fff;
    }
    
    .best-user-c{
    background: #2fc66f;
    width: 49%;
    height: 20px;
    padding-top: 1px;
    border-right: 3px solid #27ae60;
    float: right;
    margin-top: 5px;
    color: #fff;
    font-size: 14px;
    text-align: right;
    font-family: BYekan;
    }
    
    .fa-reply{
    color: #fff;
    font-size: 40px;
    margin-top: 16px;
    opacity: 0.1;
    }
    
    .bg-reply{
    background: #2fc66f;
    width: 16%;
    height: 75px;
    float: left;
    margin-top: -47px;
    padding-right: 3%;
    }
    
    
    .best-topic-month{
    background: #E67E22;
    width: 100%;
    height: 105px;
    margin-top: 5px;
    }
    
    .best-topic-month-head{
    background: #DD7920;
    width: 100%;
    height: 24px;
    padding-top: 3px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-family: BYekan;
    }
    
    .best-topic-month-avatar img{
    width: 30.5%;
    height: 105px;
    float: right;
    }
    
    .best-topic-month-a{
    background: #E07C22;
    width: 49%;
    height: 20px;
    padding-top: 1px;
    border-right: 3px solid #C06412;
    float: right;
    margin-top: 2px;
    color: #fff;
    font-size: 14px;
    text-align: right;
    font-family: BYekan;
    overflow: hidden;
    }
    
    .best-topic-month-b{
    background: #E07C22;
    width: 49%;
    height: 45px;
    padding-top: 1px;
    border-right: 3px solid #C06412;
    float: right;
    margin-top: 5px;
    color: #fff;
    font-size: 14px;
    text-align: right;
    font-family: BYekan;
    overflow: hidden;
    }
    
    .bg-reply2{
    background: #E07C22;
    width: 16%;
    height: 75px;
    float: left;
    margin-top: -21px;
    padding-right: 3%;
    }
    
    #main-ads{
    width: 960px;
    height: 164px;
    margin: 0 auto;
    }
    
    .banner-ads{
    background: #ecf0f1;
    width: 472px;
    height: 164px;
    }
    
    .banner-ads-head{
    background: #9b59b6;
    width: 100%;
    height: 25px;
    padding-top: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: BYekan;
    }
    
    .banner-top{
    margin: 5px 2px;
    }
    
    .banner-bottom{
    margin: 5px 2px;
    }
    
    .tabs-ads{
    background: #9b59b6;
    width: 472px;
    height: 164px;
    margin-top: -164px;
    float: left;
    }
    
    .box-ads{
      position:relative;
      width:472px;
      height:134px;
      margin-top: 30px;
      background-color:#ecf0f1;
      font-family:BYekan;
      direction:rtl;
    }
    .tab{
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top:-24px;
        right: 0px;
    
    }
    .tab li{
        float: right;
        margin-left: 3px;
    }
    .tab li a{
        text-decoration: none;
      font-size:14px;
      padding: 3.4px 15px;
      background-color:#924dae;
      color:#FFF;
    }
    .tab li a.active{
         background-color:#7f3d9a;
         color:#FFF;
    }
    .content div{
        font-size: 14px;
        color: #939393;
        font-family: BYekan;
    }
    .post-list{
    list-style: none;
    margin-right: 10px;
    }
    .post-list li{
       padding-top: 10px;
    }
    .post-list li a{
        text-decoration: none;
        color:#888;
        font-size: 14px;
        transition: all .1s;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        -ms-transition: all .1s;
    }
    .post-list li a:hover{
        background-color: #a00;
        padding: 5px 15px;
        color:#FFF;
        border-radius: 3px;
        font-weight: bold;
    }
    
    .subforum{
    background: #f8f6f6;
    display: inline-block;
    padding: 0px 3px 3px;
    margin-top: 10px;
    font-family: BYekan;
    font-size: 11px;
    color: #939393;
    }
    
    .subforum a{
    color: #939393;
    }
    
    .fa-list{
    font-size: 18px;
    float: right;
    margin-right: -20px;
    color: rgb(255, 255, 255);
    }
    
    .fa-align-justify{
    font-size: 18px;
    float: right;
    margin-right: -20px;
    color: rgb(255, 255, 255);
    }
    
    .fa-rss{
    color: #e3e3e3;
    font-size: 30px;
    margin-right: -17px;
    }
    
    .fa-file-text{
    color: #fff;
    margin-right: -12px;
    margin-top: 3px;
    margin-left: 2px;
    }
    
    .lastpostby{
    background: #f3f3f3;
    border-right: 13px solid #e3e3e3;
    font-size: 12px;
    font-family: BYekan;
    margin-top: 2px;
    }
    
    .fa-male{
    color: #fff;
    margin-right: -10px;
    margin-top: 3px;
    margin-left: 3px;
    }
    
    .fa-clock-o{
    color: #fff;
    margin-right: -12px;
    margin-top: 3px;
    margin-left: 5px;
    }
    
    .fa-thumb-tack{
    margin-top: 2px;
    }
    
    .fa-eye{
    font-size: 30px;
    color: #fff;
    margin: -1px 10px;
    }
    
    .bg-fa-eye{
    background: #288bce;
    width: 50px;
    height: 28px;
    border-radius: 0px 90px 90px 0px;
    -moz-border-radius: 0px 90px 90px 0px;
    -webkit-border-radius: 0px 90px 90px 0px;
    float: left;
    margin-top: -22px;
    margin-left: -10px;
    }
    
    .fa-hand-o-left{
    color: #c5c5c5;
    }
    
    .fa-globe{
    margin-right: 11px;
    margin-bottom: -22px;
    color: rgba(0, 0, 0, 0.36);
    font-size: 20px;
    }
    .vbflat-title:hover .fa-globe{
    color: #0b0b0b;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .fa-bell{
    margin-right: 10px;
    margin-bottom: -23px;
    color: rgba(0, 0, 0, 0.36);
    font-size: 20px;
    }
    .vbflat-title:hover .fa-bell{
    color: #0b0b0b;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .fa-tachometer{
    margin-right: 10px;
    margin-bottom: -22px;
    color: rgba(0, 0, 0, 0.36);
    font-size: 20px;
    }
    .vbflat-title:hover .fa-tachometer{
    color: #0b0b0b;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .fa-sort-amount-asc{
    margin-right: 10px;
    margin-bottom: -22px;
    color: rgba(0, 0, 0, 0.36);
    font-size: 20px;
    }
    .vbflat-title:hover .fa-sort-amount-asc{
    color: #0b0b0b;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .fa-history{
    margin-right: 10px;
    margin-bottom: -22px;
    color: rgba(0, 0, 0, 0.36);
    font-size: 20px;
    }
    .vbflat-title:hover .fa-history{
    color: #0b0b0b;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .fa-calendar{
    margin-right: 10px;
    margin-bottom: -22px;
    color: rgba(0, 0, 0, 0.36);
    font-size: 20px;
    }
    .vbflat-title:hover .fa-calendar{
    color: #0b0b0b;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    
    .fa-bookmark{
    margin-right: 12px;
    margin-bottom: -23px;
    color: rgba(0, 0, 0, 0.36);
    font-size: 20px;
    }
    .vbflat-title:hover .fa-bookmark{
    color: #0b0b0b;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    #vbflat-tabs {
    width: 100%;
    }
    
    
    #vbflat-tabs h3 {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        text-align: right;
        background-image: url(images/arrow-right.png);
        background-repeat: no-repeat;
        background-position: left;
    }
    
    #vbflat-tabs .vbflat-title {
    cursor: pointer;
    margin-bottom: 5px;
    background: #F0F0F0;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    #vbflat-tabs .vbflat-content {
    display: none;
    background: #fff;
    padding: 12px 10px 12px;
    margin-bottom: 5px;
    }
    
    
    #vbflat-tabs .vbflat-open {
    background: #6fbdf1;
    }
    
    #vbflat-tabs .vbflat-open h3 {
        background-image: url(images/arrow-down.png);
        background-repeat: no-repeat;
        background-position: left;
    }
    
    #user-group-bar {
    height: auto;
    font-family: BYekan;
    position: relative;
    z-index: 999;
    font-size: 14px;
    text-align: center;
    }
    
    #user-group-bar span {
    position: relative;
    }
    
    #user-group-bar span strong {
    font-size: 18px;
    position: relative;
    top: 3px;
    left: 3px;
    }
    
    .vbflat-username{
    background: #F0EBEB;
    padding: 2px 4px 2px 4px;
    border-right: 2px solid #E3E3E3;
    margin-left: 1px;
    margin-right: 1px;
    display: inline-block;
    }
    
    .vbflat-username:hover{
    background: #565656;
    border-right: 3px solid #373737;
    color: #fff;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    #vbflat-footer{
    background: #fff;
    height: 95px;
    margin-right: -35px;
    margin-left: -35px;
    padding-top: 8px;
    }
    
    #main-tf{
    height: 86px;
    width: 28.1%;
    margin: 0px 1.2% 5px;
    float: right;
    }
    
    
    .ads-text{
    background: #e67e22;
    height: 40px;
    width: 100%;
    overflow: hidden;
    }
    
    .ads-text1{
    background: #e07b21;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .ads-text2{
    background: #e07b21;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .ads-text3{
    background: #e07b21;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .ads-text4{
    background: #e07b21;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .ads-text5{
    background: #e07b21;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .paper-plane{
    background: #dd7920;
    width: 36px;
    height: 40px;
    float: right;
    }
    
    .fa-paper-plane-o{
    color: #fff;
    font-size: 27px;
    margin: 5px 4px;
    }
    
    
    
    .vbflat-friends{
    background: #2ecc71;
    height: 40px;
    width: 100%;
    margin-top: 6px;
    overflow: hidden;
    }
    
    
    .friends-text1{
    background: #29c56b;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .friends-text2{
    background: #29c56b;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .friends-text3{
    background: #29c56b;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .friends-text4{
    background: #29c56b;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .friends-text5{
    background: #29c56b;
    color: #FFF;
    font-family: BYekan;
    text-align: center;
    float: right;
    font-size: 14px;
    padding: 10px 5px;
    height: 20px;
    margin-right: 5px;
    }
    
    .bg-fa-users{
    background: #28c169;
    width: 36px;
    height: 40px;
    float: right;
    }
    
    .fa-users{
    color: #fff;
    font-size: 27px;
    margin: 6px 3px;
    }
    
    
    .vbflat-about{
    background: #3498db;
    height: 86px;
    float: right;
    margin-right: -0.85%;
    width: 28%;
    overflow: hidden;
    }
    
    .bg-fa-question{
    background: #2e8fd0;
    width: 36px;
    height: 86px;
    float: right;
    margin-left: 5px;
    }
    
    .fa-question{
    color: #fff;
    font-size: 50px;
    margin: 17px 5px;
    }
    
    .vbflat-about span{
    color: #fff;
    font-size: 14px;
    font-family: BYekan;
    text-align: justify;
    }
    
    #main-mh{
    width: 19.1%;
    height: 86px;
    margin-left: 22.99%;
    float: left;
    margin-top: -86px;
    }
    
    .vbflat-mahak{
    background: #9b59b6;
    width: 100%;
    height: 54px;
    overflow: hidden;
    }
    
    .vbflat-host{
    background: #9b59b6;
    width: 100%;
    height: 27px;
    margin-top: 5px;
    overflow: hidden;
    }
    
    .host-span{
    color: #fff;
    font-family: BYekan;
    font-size: 14px;
    text-align: right;
    margin-top: 5px;
    }
    
    .host-span a{
    color: #f9f9f9;
    font-family: BYekan;
    font-size: 14px;
    text-align: right;
    }
    
    .bg-fa-heart{
    background: #9150ac;
    width: 36px;
    height: 54px;
    float: right;
    margin-left: 5px;
    }
    
    .mahak-title{
    color: #fff;
    font-family: BYekan;
    font-size: 15px;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px;
    }
    
    .mahak-sub-title{
    color: #fff;
    font-family: BYekan;
    font-size: 13px;
    text-align: right;
    }
    
    
    .fa-heart{
    color: #fff;
    font-size: 27px;
    margin: 12px 4px;
    }
    
    .bg-fa-database{
    background: #9150ac;
    width: 36px;
    height: 27px;
    float: right;
    margin-left: 5px;
    }
    
    .fa-database{
    color: #fff;
    font-size: 23px;
    margin: 2px 7px;
    }
    
    
    .vbflat-contentus{
    background: #e74c3c;
    width: 14.5%;
    height: 86px;
    float: left;
    margin-left: 1.2%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    }
    
    .vbflat-contentus:hover, .vbflat-contentus:focus, vbflat-contentus:active {
      -webkit-animation-name: hvr-buzz-out;
      animation-name: hvr-buzz-out;
      -webkit-animation-duration: 0.75s;
      animation-duration: 0.75s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
    }
    
    
    @-webkit-keyframes hvr-buzz-out {
      10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
      }
    
      20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
      }
    
      30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
      }
    
      40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
      }
    
      50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
      }
    
      60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
      }
    
      70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
      }
    
      80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
      }
    
      90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
      }
    
      100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
      }
    }
    
    @keyframes hvr-buzz-out {
      10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
      }
    
      20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
      }
    
      30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
      }
    
      40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
      }
    
      50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
      }
    
      60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
      }
    
      70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
      }
    
      80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
      }
    
      90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
      }
    
      100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
      }
    }
    
    
    .vbflat-contentus a{
    color: #fff;
    font-size: 14px;
    font-family: BYekan;
    }
    
    
    .fa-phone-square{
    color: #fff;
    margin-top: 5px;
    margin-bottom: 6px;
    font-size: 50px;
    }
    
    
    .vbflat-fiyt{
    background: #e9e9e9;
    width: 6.54%;
    height: 86px;
    float: left;
    margin-left: 0.4%;
    overflow: hidden;
    }
    
    .fa-facebook-square{
    color: #d3d3d3;
    font-size: 40px;
    margin-top: 2px;
    }
    .fa-facebook-square:hover{
    color: #0056cb;
    transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    -ms-transition: all 0.4s ease-in 0s;
    }
    
    .fa-instagram{
    color: #d3d3d3;
    font-size: 40px;
    margin-top: 2px;
    }
    .fa-instagram:hover{
    color: #835136;
    transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    -ms-transition: all 0.4s ease-in 0s;
    }
    .fa-hacker-news{
    color: #d3d3d3;
    font-size: 40px;
    }
    .fa-hacker-news:hover{
    color: #ba43cf;
    transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    -ms-transition: all 0.4s ease-in 0s;
    }
    
    .fa-tumblr-square{
    color: #d3d3d3;
    font-size: 40px;
    }
    .fa-tumblr-square:hover{
    color: #43adcf;
    transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    -ms-transition: all 0.4s ease-in 0s;
    }
    
    #copyright{
    background: #565656;
    height: 30px;
    margin-right: -35px;
    margin-left: -35px;
    overflow: hidden;
    }
    
    .bg-info-circle{
    background: #393939;
    width: 34px;
    height: 30px;
    float: right;
    margin-right: 1.2%;
    margin-left: 5px;
    }
    
    .fa-info-circle{
    color: #565656;
    font-size: 27px;
    margin: 1px 5px;
    }
    
    .vbflat-info{
    margin-top: 6px;
    color: #393939;
    font-size: 14px;
    font-family: BYekan;
    text-align: right;
    }
    
    .bg-fa-desktop{
    background: #393939;
    width: 34px;
    height: 30px;
    float: left;
    margin-left: 1.2%;
    margin-top: -22px;
    }
    
    .fa-desktop{
    color: #565656;
    font-size: 27px;
    margin: 1px 2.6px;
    }
    
    .bg-fa-coffee{
    background: #393939;
    width: 34px;
    height: 30px;
    float: left;
    margin-left: 5px;
    margin-top: -22px;
    }
    
    .fa-coffee{
    color: #565656;
    font-size: 27px;
    margin: -1px 2px;
    }
    
    .king-design{
    background: #4C4C4C;
    width: 153px;
    float: left;
    margin-top: -18px;
    height: 20px;
    }
    
    .king-design a{
    color: #292929;
    font-size: 14px;
    font-family: BYekan;
    float: left;
    text-align: left;
    margin-left: 5px;
    margin-top: 3px;
    }
    
    .king-design a:hover{
    color: #fff;
    }
    .wikivb a:hover{
    color: #fff;
    }
    .wikivb{
    background: #4C4C4C;
    width: 172px;
    height: 20px;
    float: left;
    margin-top: -18px;
    }
    
    .wikivb a{
    color: #292929;
    font-size: 14px;
    font-family: BYekan;
    text-align: left;
    margin-top: 3px;
    float: left;
    margin-left: 5px;
    }
    
    .forumbit_post .forumactionlinks .subslink {display: none;}
    
    #tariffaa{
    width: 446px;
    height: 30px;
    margin: 2px 2px;
    float:right;
    background: #f4f4f4;
    color: #acadad;
    font: 14px BYekan;
    text-align: right;
    }
    
    
    
    .post_field {
        text-align: left;
        background: #565656;
        color: #c3c3c3;
        border: 1px solid #6fbdf1;
        width: 192px;
        padding: 7px 0px;
        font-family: Tahoma;
        margin-top: 6px;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    
    }
    
    .post_field strong {
    font-family: Tahoma;
    font-size: 15px;
    background: #D8D8D8;
    padding: 3px 8px 3px 8px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 5px;
    }
    
    
    .post_field dt {
    font: 14px BkoodakBold;
    color:#bababa;
    margin-top: -6px;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    font-family: BYekan;
    }
    
    .post_field dd{
    background: #e74c3c;
    display: inline-block;
    min-width: 50px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    padding: 2px 7px 5px;
    text-align: center;
    margin-left: 3px;
    color: #fff;
    }
    
    .post_field:hover dd{
    background: #e74c3c;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .post_field:hover{
    background: #565656;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .post_field:hover dt{
    color: #fff;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    
    .vbbit-username {
    background: #fff;
    border: 1px solid #6fbdf1;
    height: 24px;
    width: 150px;
    padding-top: 5px;
    }
    
    .vbbit-useravatar {
    background: #fff;
    border: 1px solid #6fbdf1;
    height: 150px;
    width: 150px;
    margin-top: 5px;
    }
    
    .postofuser {
    position: absolute;
    height: 59px;
    width: 59px;
    margin-top: 6px;
    left: -26px;
    }
    .postbitlegacy .userinfo .popupmenu .popupctrl {
        font-size: 14px;
    }
    
    .fa-th-large{
    font-size: 18px;
    float: right;
    color: #fff;
    background: #6fbdf1;
    padding: 7px 2px 5px;
    height: auto;
    margin-top: -7px;
    margin-left: 2px;
    }
    
    .bg-snt{
    height: 37px;
    width: 38px;
    float:left;
    margin-top: 5px;
    }
    
    
    .bg-onlinestatus{
    background: #fff;
    height: 30px;
    width: 36px;
    border: 1px solid #6fbdf1;
    }
    
    .vbbit-posts{
    background: #fff;
    height: 71px;
    width: 36px;
    border: 1px solid #6fbdf1;
    margin-top: 5px;
    color: #c3c3c3;
    }
    
    .vbbit-thank{
    background: #fff;
    height: 71px;
    width: 36px;
    border: 1px solid #6fbdf1;
    margin-top: 6px;
    color: #c3c3c3;
    }
    
    .bg-pencil{
    background: #e67e22;
    width: 36px;
    height: 35px;
    margin-bottom: 10px;
    }
    
    .bg-like{
    background: #2ecc71;
    width: 36px;
    height: 35px;
    margin-bottom: 10px;
    }
    
    .bg-pencil:hover{
    background: #565656;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .bg-like:hover{
    background: #565656;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    
    .fa-pencil-square-o{
    font-size: 25px;
    margin: 5px 6px;
    color: #fff;
    }
    
    .fa-thumbs-up{
    font-size: 25px;
    margin: 5px 6px;
    color: #fff;
    }
    
    .formcontrols{
    border-left: 0px solid #6B91AB;
    border-right: 0px solid #6B91AB;
    border-bottom: 0px solid #6B91AB;
    }
    
    #sidebar_container.member_summary{
    box-shadow: 0px 0px 0px #000;
        color: #565656;
        background-color: #FFF;
        background-image: none;
        background-repeat: repeat-x;
        border-color: #E7E7E7;
    border: 1px solid #C1C1C1;
    border-radius: 0px;
    }
    
    #usermenu{
    margin-right: 0px;
    margin-top: 10px;
    }
    
    #usermenu li{
    background: #f2eeee;
    font-size: 14px;
    font-family: BYekan;
    }
    #usermenu li:hover{
    border-right: 7px solid #3498db;
    background: #ececec;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    }
    
    #vbflat-breadcrumb{
    background: #565656;
    height: 30px;
    margin-top: 10px;
    margin-right: -35px;
    margin-left: -35px;
    }
    
    .bg-fa-dot-circle-o{
    background: #393939;
    width: 34px;
    height: 30px;
    float: right;
    margin: -4px 25px 0px 4px;
    }
    
    .fa-dot-circle-o{
    color: #565656;
    font-size: 27px;
    margin: 1.3px 5.4px;
    }
    
    #sidebar_container .block{
    margin-bottom: 4px;
    padding: 6px;
    background: #fff;
    }
    
    #blog_user_sidebar, #blog_sidebar_generic{
    background-color: #fff;
    border: 1px solid #EAEAEA;
    box-shadow: 0px 0px 0px #000;
    border-radius: 0px;
    }
    
    #sidebar_container .blockrow{
    color: #000;
    padding: 10px 6px;
    border-top: 1px solid #FFF;
    background: #FFF;
    }
    
    #sidebar_container .underblock{
    height: 9px;
    background: #eee;
    }
    
    #sidebar_container .blockbody{
    border-radius: 0px;
    }
    
    #pagetitle a.pagetitleinfo.textcontrol, .actionbutton_container a.pagetitleinfo.textcontrol{
    background: #565656;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #000;
    font: 14px BYekan;
    color: #FFF;
    padding: 4px 15px;
    border: 0px none;
    display: inline-block;
    }
    
    #pagetitle a.pagetitleinfo.textcontrol, .actionbutton_container a.pagetitleinfo.textcontrol:hover{
    background: #fff;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #000;
    font: 14px BYekan;
    color: #565656;
    padding: 4px 15px;
    border: 0px none;
    display: inline-block;
    }
    
    .activitystream_block dd.selected, dd.userprof_module{
    background-image: none;
    background-repeat: repeat-x;
    background-color: #6fbdf1;
    border: rgb(222, 222, 222);
    color: #FFF;
    border-radius: 0px;
    font-size: 14px;
    font-family: BYekan;
    }
    
    dl.tabslight dd.userprof_module a{
    color: #FFF;
    font-size: 14px;
    font-family: BYekan;
    }
    
    dl.tabslight dd a{
    text-decoration: none;
    line-height: 25px;
    height: 25px;
    min-width: 55px;
    }
    
    dd.userprof_module, dd.userprof_moduleinactive, dd.userprof_content, dd.userprof_module a, dd.userprof_moduleinactive a, dd.userprof_content a{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    }
    
    .activitystream_block dd, dd.userprof_moduleinactive{
    color: #565656;
    background-color: #FFF;
    border-color: #E7E7E7;
    background-image: none;
    background-repeat: repeat-x;
    }
    
    dl.tabslight dd.userprof_moduleinactive a{
    color: rgb(180, 180, 180);
    }
    
    .as-tabs dd, .as-tabs dd.userprof_moduleinactive{
    border: 1px solid #E7E7E7;
    }
    
    .as-tabs dd.selected, .as-tabs dd.userprof_module{
    border: 1px solid #DEDEDE;
    }
    
    .userprof{
    font-size: 13px;
    font-family: BYekan;
    }
    
    dt {
        font-size: 14px;
        font-weight: normal;
    }
    
    li.activitybit .avatar img{
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #C6C4C4;
    width: 70px;
    height: 70px;
    margin-top: 15px;
    }
    
    li.activitybit .avatar img:hover{
    border: 3px solid #6fbdf1;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    }
    
    
    li.activitybit{
    overflow: hidden;
    margin: 0px 0px 10px;
    border: 0px none;
    padding: 10px;
    background: none no-repeat scroll 0% 0% #F8F8F8;
    color: #e74c3c;
    font-family: inherit;
    font-size: 11px;
    font-weight: normal;
    }
    
    li.activitybit:hover{
    background: none no-repeat scroll 0% 0% #f0eded;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    .userprof_button{
    color: #FFF;
    background-color: #565656;
    background-image: url("");
    background-repeat: repeat-x;
    border-color: #A8A8A8;
    font: 14px BYekan;
    }
    
    
    li.activitybit a{
    font-weight: normal;
    color: #565656;
    }
    
    li.activitybit a:hover{
    font-sizr:15px;
    color: #e74c3c;
    }
    
    li.activitybit .fulllink{
    background: #6fbdf1;
    }
    
    li.activitybit .content .title {
        font-size: 13px;
        background: #F0F0F0;
    }
    
    #sidebar_container a{
    color: #aaa;
    }
    
    .breadcrumb{
    background: none repeat scroll 0% 0% #565656;
    margin-top: 15px;
    margin-right: -33px;
    float: right;
    height: 30px;
    width: 200%;
    }
    
    .breadcrumb .navbit.lastnavbit span{
    background: #4a4a4a;
    font: 14px BYekan;
    color: #e9e9e9;
    }
    
    .breadcrumb .navbit.lastnavbit span:hover{
    background: #444444;
    color: #fff;
    }
    
    .forumrow:hover .fa-rss{
    background: #fff;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    color: #6fbdf1;
    }
    
    .forumrow:hover .forumactionlink{
    background: #fff;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    
    .forumrow:hover .lastposttitle{
    background: #EDEDED;
    border-right: 13px solid #6fbdf1;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    
    .forumrow:hover .lastpostby{
    background: #EDEDED;
    border-right: 13px solid #6fbdf1;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    
    .forumrow:hover .lastpostdate{
    background: #EDEDED;
    border-right: 13px solid #6fbdf1;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    
    .forumrow:hover .forumdescription{
    border-right: 5px solid #6fbdf1;
    background: #EDEDED;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    
    .forumrow:hover .subforum{
    background: #EDEDED;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    
    .forumrow:hover .forumstats li{
    background: #fff;
    border-right: 22px solid #fff;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .forumrow:hover .fa-list{
    color: #6fbdf1;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .forumrow:hover .fa-align-justify{
    color: #6fbdf1;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    }
    
    .textbox, textarea, select{
    border: 1px solid #777;
    border-radius: 0px;
    }
    .threadlisthead{
    font: 14px BYekan;
    }
    
    .breadcrumb .navbit > a, .breadcrumb .lastnavbit > span{
    color: #E9E9E9
    }
    
    .bg-reply:hover{
    background: #28C169;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    }
    
    .bg-reply2:hover{
    background: #DD7920;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    }
    
    
    .vbflat-menu1:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #3498db;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
    .vbflat-menu1:hover, .vbflat-menu1:focus, .vbflat-menu1:active {
      color: white;
    }
    .vbflat-menu1:hover:before, .vbflat-menu1:focus:before, .vbflat-menu1:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    
    
    .vbflat-menu2:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #e74c3c;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
    .vbflat-menu2:hover, .vbflat-menu2:focus, .vbflat-menu2:active {
      color: white;
    }
    .vbflat-menu2:hover:before, .vbflat-menu2:focus:before, .vbflat-menu2:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    
    .vbflat-menu3:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #2ecc71;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
    .vbflat-menu3:hover, .vbflat-menu3:focus, .vbflat-menu3:active {
      color: white;
    }
    .vbflat-menu3:hover:before, .vbflat-menu3:focus:before, .vbflat-menu3:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    
    .vbflat-menu4:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #e67e22;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
    .vbflat-menu4:hover, .vbflat-menu4:focus, .vbflat-menu4:active {
      color: white;
    }
    .vbflat-menu4:hover:before, .vbflat-menu4:focus:before, .vbflat-menu4:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    
    .vbflat-menu5:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #9b59b6;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
    .vbflat-menu5:hover, .vbflat-menu5:focus, .vbflat-menu5:active {
      color: white;
    }
    .vbflat-menu5:hover:before, .vbflat-menu5:focus:before, .vbflat-menu5:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    
    .footer{font-size:12px;}
    
    .footer_links li{
    background: none repeat scroll 0% 0% #393939;
    color: #FFF;
    padding: 17px 8px 3px;
    }
    .fa-rocket{
    font-size: 25px;
    color: #565656;
    }
    
    @-webkit-keyframes hvr-wobble-bottom {
      16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
      }
    
      33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
      }
    
      49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
      }
    
      66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
      }
    
      83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
      }
    
      100% {
        -webkit-transform: skew(0);
        transform: skew(0);
      }
    }
    
    @keyframes hvr-wobble-bottom {
      16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
      }
    
      33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
      }
    
      49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
      }
    
      66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
      }
    
      83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
      }
    
      100% {
        -webkit-transform: skew(0);
        transform: skew(0);
      }
    }
    
    .element-blue:hover, .element-blue:focus, .element-blue:active {
      -webkit-animation-name: hvr-wobble-bottom;
      animation-name: hvr-wobble-bottom;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
    }
    
    @-webkit-keyframes hvr-ripple-in {
      100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
      }
    }
    
    @keyframes hvr-ripple-in {
      100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
      }
    }
    
    .avaopa{max-width:150px; max-height:150px;}
    .toolsmenu ul{float:right;}
    
    .wgo_block .section dl dt {
    font-family: BYekan !important;
    display: inline !important;
    background: none repeat scroll 0% 0% #37B6EB !important;
    padding: 0px 3px !important;
    color: #FFF !important;
    position: relative !important;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-left-right-radius: 0px;
    -o-border-bottom-left-radius: 0px;
    -ms-border-bottom-left-radius: 0px;
    }
    
    .wgo_block .section dl dd {
    background: none repeat scroll 0% 0% #999 !important;
    color: #FFF !important;
    left: 5px !important;
    border-bottom-left-radius: 3px;
    position: relative !important;
    padding: 1px 5px 5px;
    display: inline !important;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-left-right-radius: 0px;
    -o-border-bottom-left-radius: 0px;
    -ms-border-bottom-left-radius: 0px;
    }  
    
    .notices li {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    font-size: 12px;
    color: rgb(86, 86, 86);
    padding: 5px 10px;
    text-align: right;
    clear: both;
    border: 1px dashed rgb(216, 216, 216);
    box-shadow: 0px 0px 0px #C8C8C8;
    font-family: BYekan;
    }
    .notices li:hover {
    background: #e74c3c;
    color: #fff;
    border: 1px solid #fff;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    cursor: help;
    }
    .breadcrumb {margin-bottom:5px;}
    
    .postbitlegacy .signature, .postbitlegacy .lastedited {
        margin-top: 1em;
        padding: 1em 10px 0px;
        background: #FFF;
        border: 1px dashed #E7E7E7;
    }
    
    .postbody .content div {display: block !important; margin: 10px;}
    .bbcode_container div.bbcode_quote{
    background: none repeat scroll 0% 0% #F2F2F2;
    border-radius: 0px;
    border: 1px solid #DADADA;
    font: italic 14px BYekan;
    position: relative;
    top: 0px;
    }
    
    .bbcode_container .bbcode_quote_container{
    background: url("") no-repeat scroll right center transparent;
    }
    
    #activity_tab_container > div{background-color: #FFF;}
    
    .userprof_moduleinactive {
        color: #565656;
        background-color: #F0F0F0;
        background-image: url("");
        background-repeat: repeat-x;
    }
    .memberprofiletabunder {
        background: none repeat scroll 0% 0% #e9e9e9;
    }
    .profile_editor_border, .profile_content .actionbuttons {
        border-color: #F0F0F0;
    }
    .profile_content .actionbuttons {
        border-bottom: 1px solid #F0F0F0;
    }
    li.activitybit .content .datetime{display:block !important}
    li.activitybit .content .title{display:block !important}
    #activitylist li.activitybit .excerpt{display:block !important}
    li.activitybit .fulllink{display:block !important}
    
    .daraje {
        text-align: center;
        color: #FFF;
        font: 13px BYekan;
        padding: 4px 0px;
        width: 194px !important;
    }
    #sidebar_container.member_summary .mainblock .rank { display: block; width: 150px !important; }
    
    .ldaraje {
        float: right;
        width: 36px;
        height: 29px;
        border-left: 1px solid #EDEDED;
        background: none repeat scroll 0% 0% #E4E4E4;
        position: relative;
    }
    .fa-meh-o{
    color: #fff;
    font-size: 25px;
    margin: 2px 3px;
    }
    
    .bg-nt{
    height: 127px;
    width: 38px;
    float:left;
    margin-top: -157px;
    }
    
    .content img{
    max-width: 400px;
    border: 2px solid #CCC;
    opacity: 0.9;
    border-radius: 10px;
    -mo-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    }
    
    .content img:hover{
    max-width: 95%;
    border: 3px solid #DBDBDB;
    opacity: 1;
    border-radius: 1px;
    -mo-border-radius: 1px;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    -ms-border-radius: 1px;
    transition: all 5.0s ease-in 0s;
    -moz-transition: all 5.0s ease-in 0s;
    -webkit-transition: all 5.0s ease-in 0s;
    -o-transition: all 5.0s ease-in 0s;
    -ms-transition: all 5.0s ease-in 0s;
    cursor:zoom-in;
    transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg)
    }
    
    @media screen and (max-width: 990px) {
    .box-ads{
    width: 445px;
    }
    
    .tabs-ads {
    float: right;
    width: 445px;
    margin-right: 482px;
    }
    }
    
    @media screen and (max-width: 975px) {
    
    
    #main-ads {
        width: 472px;
        height: 339px;
        float: right;
    margin-top: -328px;
    }
    
    .banner-ads {
        height: 164px;
    }
    
    .tabs-ads {
    width: 472px;
        float: right;
        margin-top: 1px;
    margin-right: 0px;
    }
    
    .box-ads{
    width: 472px;
    }
    
    .best-topic {
        width: 440px;
        height: 328px;
        float: left;
        margin-top: 226px;
    }
    
    .best-topic ul {
    height: 294px;
    }
    
    .best-ut {
        float: right;
        width: 540px;
        margin-top: -555px;
        margin-right: 385px;
    }
    
    .vbflat-user {
        width: 370px;
    }
    
    }
    
    @media screen and (max-width: 965px) { .best-topic {width: 430px;} .best-ut {width: 530px;} }
    @media screen and (max-width: 955px) { .best-topic {width: 420px;} .best-ut {width: 520px;} }
    @media screen and (max-width: 945px) { .best-topic {width: 410px;} .best-ut {width: 510px;} }
    @media screen and (max-width: 935px) { .best-topic {width: 400px;} .best-ut {width: 500px;} }
    @media screen and (max-width: 925px) { .best-topic {width: 390px;} .best-ut {width: 490px;} }
    @media screen and (max-width: 915px) { .best-topic {width: 380px;} .best-ut {width: 480px;} }
    @media screen and (max-width: 905px) { .best-topic {width: 370px;} .best-ut {width: 470px;} }
    @media screen and (max-width: 895px) { .best-topic {width: 360px;} .best-ut {width: 460px;} }
    @media screen and (max-width: 885px) { .best-topic {width: 350px;} .best-ut {width: 450px;} }
    @media screen and (max-width: 875px) { .best-topic {width: 340px;} .best-ut {width: 440px;} }
    @media screen and (max-width: 865px) { .best-topic {width: 330px;} .best-ut {width: 430px;} }
    @media screen and (max-width: 855px) { .best-topic {width: 320px;} .best-ut {width: 420px;} }
    @media screen and (max-width: 845px) { .best-topic {width: 310px;} .best-ut {width: 410px;} }
    @media screen and (max-width: 835px) { .best-topic {width: 300px;} .best-ut {width: 400px;} }
    @media screen and (max-width: 825px) { .best-topic {width: 290px;} .best-ut {width: 390px;} }
    @media screen and (max-width: 815px) { .best-topic {width: 280px;} .best-ut {width: 380px;} }
    @media screen and (max-width: 805px) { .best-topic {width: 270px;} .best-ut {width: 370px;} }
    
    
    @media screen and (max-width: 800px) {
    
    .best-ut {
        width: 370px;
        margin-top: -370px;
    }
    
    
    .best-topic {
        float: right;
        width: 100%;
        height: 146px;
        margin-top: 10px;
    margin-right:0px;
    }
    
    #main-ads {
        height: 339px;
        float: right;
        width: 100%;
        margin-top: 10px;
    }
    
    .banner-ads {
        width: 100%;
    }
    
    .tabs-ads {
        float: right;
        margin-top: 1px;
        margin-right: 0px;
        width: 100%;
    }
    
    .box-ads {
        width: 100%;
    }
    
    .best-topic ul {
    height: 115px;
    }
    
    }
    
    @media screen and (max-width: 940px) {
    
    #vbflat-footer {
        height: 185px;
    }
    
    #main-tf {
        width: 42%;
        margin: 0px 1.8% 5px;
    }
    
    .vbflat-about {
        width: 53.5%;
        margin-right: -1%;
    }
    
    .vbflat-contentus {
        margin-left: 1.9%;
        margin-top: 5px;
        width: 44.5%;
    }
    
    .vbflat-fiyt {
        width: 10%;
        margin-left: 0.6%;
        margin-top: 0px;
    }
    
    
    #main-mh {
        float: left;
        margin-top: 0px;
        margin-left: 0.7%;
        width: 40.5%;
    }
    
    }
    
    @media screen and (max-width: 720px) {
    
    .forumbit_post .forumactionlinks {
        margin-left: 3%;
    }
    
    .forumbit_post .forumstats, .forumbit_post .forumstats_2 {
        display: none;
    }
    
    }
    
    
    @media screen and (max-width: 795px) { .best-ut {width: 365px;} }
    @media screen and (max-width: 790px) { .best-ut {width: 360px;} }
    @media screen and (max-width: 785px) { .best-ut {width: 355px;} .bg-info-circle {display: none;} .vbflat-info {display: none;} .bg-fa-desktop {margin-top: 0px;} .bg-fa-coffee {margin-top: 0px;} .king-design{margin-top: 6px;} .wikivb{margin-top: 6px;} }
    @media screen and (max-width: 780px) { .best-ut {width: 350px;} }
    @media screen and (max-width: 775px) { .best-ut {width: 345px;} .element-pink {display:none;} #header-relative {width:544px; height: 253px;} .element-pink {display:none;} .navbar_search input{width:502px; float: right; margin-right: 10px;} }
    @media screen and (max-width: 770px) { .best-ut {width: 340px;} }
    @media screen and (max-width: 765px) { .best-ut {width: 335px;} }
    @media screen and (max-width: 760px) { .best-ut {width: 330px;} }
    @media screen and (max-width: 755px) { .best-ut {width: 325px;} }
    @media screen and (max-width: 750px) { .best-ut {width: 320px;} #vbflat-footer {height: 275px; padding-right:1%;} #main-tf {margin: 0px 1.8% 5px; width: 96%;} .vbflat-about {margin-right: 1.9%; width: 96%;} .vbflat-contentus {margin-top: 5px; width: 44.5%; margin-left: 2%; } .vbflat-fiyt {width: 10%; margin-left: 0.6%; margin-top: 5.4px;} #main-mh {margin-left: 0.7%; width: 40.5%; margin-top: 5.4px} #vbflat-footer{width:750px;} }
    @media screen and (max-width: 745px) { .best-ut {width: 315px;} #vbflat-footer{width:740px;} }
    @media screen and (max-width: 740px) { .best-ut {width: 310px;} #vbflat-footer{width:735px;} }
    @media screen and (max-width: 735px) { .best-ut {width: 305px;} #vbflat-footer{width:730px;} }
    @media screen and (max-width: 730px) { .best-ut {width: 300px;} #vbflat-footer{width:725px;} }
    @media screen and (max-width: 725px) { .best-ut {width: 295px;} #vbflat-footer{width:720px;} }
    @media screen and (max-width: 720px) { .best-ut {width: 290px; }
    @media screen and (max-width: 715px) { .best-ut{margin-right: 380px;} .vbflat-user {width: 365px;} #vbflat-footer{width:715px;} .bg-fa-desktop {float:right; margin-left: 0px;} .king-design {float:right;} .wikivb{float:right;} .bg-fa-coffee {float:right;  margin-left: 0px;} }
    
    
    
    @media screen and (max-width: 710px) { .forumbit_nopost { width:670px; } .best-ut{margin-right: 375px;} .vbflat-user {width: 360px;} .best-topic {width: 670px;} #main-ads{width: 670px;} #top-menu{height: 174px;} .vbflat-menu1{margin: 3px 180px 3px 25px;} #speech{margin: 5px 170px; width: 365px;} .speech-head{width: 370px;} #vbflat-footer{width:700px;} }
    
    
    
    @media screen and (max-width: 700px) { .forumbit_nopost { width:660px; } .best-ut{margin-right: 370px;} .vbflat-user {width: 355px;} .best-topic {width: 660px;} #main-ads{width: 660px;} .vbflat-menu1{margin: 3px 175px 3px 25px;} #speech{margin: 5px 175px; width: 365px;} .body_wrapper{margin-top: 3px;} #header-relative {width: 280px; height: 453px;} #header-relative2 {margin-top: 10px;} .navbar_search input {width:242px;} #norooz {display: none;} .doc_header {height: 500px;} #vbflat-tabs{width:660px;} .wgo_block .blockhead{width:645px;} #vbflat-footer{width:690px;} .footer{width: 655px;} .navlinks {width:660px;} }
    
    
    
    @media screen and (max-width: 690px) { .forumbit_nopost { width:650px; } .best-ut{margin-right: 360px;} .vbflat-user {width: 350px;} .best-topic {width: 650px;} #main-ads{width: 650px;} .vbflat-menu1{margin: 3px 170px 3px 25px;} #speech{margin: 5px 180px; width: 365px;} #vbflat-tabs{width:650px;} .wgo_block .blockhead{width:635px;} #vbflat-footer{width:680px;} .footer{width: 645px;} .navlinks {width:650px;} }
    
    
    
    @media screen and (max-width: 680px) { .forumbit_nopost { width:640px; } .best-ut{margin-right: 350px;} .vbflat-user {width: 345px;} .best-topic {width: 640px;} #main-ads{width: 640px;} .vbflat-menu1{margin: 3px 165px 3px 25px;} #speech{margin: 5px 185px; width: 365px;} #header-relative {margin-right:210px;} #vbflat-tabs{width:640px;} .wgo_block .blockhead{width:625px;} #vbflat-footer{width:670px;} .footer{width: 645px;} .navlinks {width:640px;} }
    
    
    
    @media screen and (max-width: 670px) { .forumbit_nopost { width:630px; } .best-ut{margin-right: 340px;} .vbflat-user {width: 335px;} .best-topic {width: 630px;} #main-ads{width: 630px;} .vbflat-menu1{margin: 3px 160px 3px 25px;} #speech{margin: 5px 190px; width: 365px;} #header-relative {margin-right:205px;} #vbflat-tabs{width:630px;} .wgo_block .blockhead{width:615px;} #vbflat-footer{width:660px;} .footer{width: 635px;} .navlinks {width:630px;} }
    
    
    
    @media screen and (max-width: 660px) { .forumbit_nopost { width:620px; } .best-ut{margin-right: 330px;} .vbflat-user {width: 325px;} .best-topic {width: 620px;} #main-ads{width: 620px;} .vbflat-menu1{margin: 3px 155px 3px 25px;} #speech{margin: 5px 195px; width: 365px;} #header-relative {margin-right:200px;} #vbflat-tabs{width:620px;} .wgo_block .blockhead{width:605px;} #vbflat-footer{width:650px;} .footer{width: 625px;} .navlinks {width:620px;} }
    
    
    
    @media screen and (max-width: 650px) { .forumbit_nopost { width:610px; } .best-ut{margin-right: 320px;} .vbflat-user {width: 315px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 610px;} #main-ads{width: 610px;} .vbflat-menu1{margin: 3px 150px 3px 25px;} #speech{margin: 5px 200px; width: 365px;} #header-relative {margin-right:195px;} #vbflat-tabs{width:610px;} .wgo_block .blockhead{width:595px;} #vbflat-footer{width:640px;} .footer{width: 615px;} .navlinks {width:610px;} }
    
    
    
    @media screen and (max-width: 640px) { .forumbit_nopost { width:600px; } .best-ut{margin-right: 310px;} .vbflat-user {width: 305px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 600px;} #main-ads{width: 600px;} .vbflat-menu1{margin: 3px 145px 3px 25px;} #speech{margin: 5px 205px; width: 365px;} #header-relative {margin-right:190px;} #vbflat-tabs{width:600px;} .wgo_block .blockhead{width:585px;} #vbflat-footer{width:630px;} .footer{width: 605px;} .navlinks {width:600px;} }
    
    
    
    @media screen and (max-width: 630px) { .forumbit_nopost { width:590px; } .best-ut{margin-right: 300px;} .vbflat-user {width: 295px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 590px;} #main-ads{width: 590px;} .vbflat-menu1{margin: 3px 140px 3px 25px;} #speech{margin: 5px 210px; width: 365px;} #header-relative {margin-right:185px;} #vbflat-tabs{width:590px;} .wgo_block .blockhead{width:575px;} #vbflat-footer{width:620px;} .footer{width: 595px;} .navlinks {width:590px;} }
    
    
    
    @media screen and (max-width: 620px) { .forumbit_nopost { width:580px; } .best-ut{margin-right: 290px;} .vbflat-user {width: 285px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 580px;} #main-ads{width: 580px;} .vbflat-menu1{margin: 3px 135px 3px 25px;} #speech{margin: 5px 215px; width: 365px;} #header-relative {margin-right:180px;} #vbflat-tabs{width:580px;} .wgo_block .blockhead{width:565px;} #vbflat-footer{width:610px;} .footer{width: 585px;} .navlinks {width:580px;} }
    
    
    
    @media screen and (max-width: 610px) { .forumbit_nopost { width:570px; } .best-ut{margin-right: 280px;} .vbflat-user {width: 275px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 570px;} #main-ads{width: 570px;} .vbflat-menu1{margin: 3px 130px 3px 25px;} #speech{margin: 5px 220px; width: 365px;} #header-relative {margin-right:175px;} #vbflat-tabs{width:570px;} .wgo_block .blockhead{width:555px;} #vbflat-footer{width:600px;} .footer{width: 575px;} .navlinks {width:570px;} }
    
    
    
    @media screen and (max-width: 600px) { .forumbit_nopost { width:560px; } .best-ut{margin-right: 270px;} .vbflat-user {width: 265px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 560px;} #main-ads{width: 560px;} .vbflat-menu1{margin: 3px 125px 3px 25px;} #speech{margin: 5px 225px; width: 365px;} #header-relative {margin-right:170px;} #vbflat-tabs{width:560px;} .wgo_block .blockhead{width:545px;} #vbflat-footer{width:590px;} .footer{width: 565px;} .navlinks {width:560px;} }
    
    
    
    @media screen and (max-width: 590px) { .forumbit_nopost { width:550px; } .best-ut{margin-right: 260px;} .vbflat-user {width: 255px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 550px;} #main-ads{width: 550px;} .vbflat-menu1{margin: 3px 120px 3px 25px;} #speech{margin: 5px 230px; width: 365px;} #header-relative {margin-right:165px;} #vbflat-tabs{width:550px;} .wgo_block .blockhead{width:535px;} #vbflat-footer{width:580px;} .footer{width: 555px;} .navlinks {width:550px;} }
    
    
    
    @media screen and (max-width: 580px) { .forumbit_nopost { width:540px; } .best-ut{margin-right: 250px;} .vbflat-user {width: 245px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 540px;} #main-ads{width: 540px;} .vbflat-menu1{margin: 3px 115px 3px 25px;} #speech{margin: 5px 235px; width: 365px;} #header-relative {margin-right:160px;} #vbflat-tabs{width:540px;} .wgo_block .blockhead{width:525px;} #vbflat-footer{width:570px;} .footer{width: 545px;} .navlinks {width:540px;} }
    
    
    
    @media screen and (max-width: 570px) { .forumbit_nopost { width:530px; } .best-ut{margin-right: 240px;} .vbflat-user {width: 235px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 530px;} #main-ads{width: 530px;} .vbflat-menu1{margin: 3px 110px 3px 25px;} #speech{margin: 5px 240px; width: 365px;} #header-relative {margin-right:155px;} #vbflat-tabs{width:530px;} .wgo_block .blockhead{width:515px;} #vbflat-footer{width:560px;} .footer{width: 535px;} .navlinks {width:530px;} }
    
    
    
    @media screen and (max-width: 560px) { .forumbit_nopost { width:520px; } .best-ut{margin-right: 230px;} .vbflat-user {width: 225px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 520px;} #main-ads{width: 520px;} .vbflat-menu1{margin: 3px 105px 3px 25px;} #speech{margin: 5px 245px; width: 365px;} #header-relative {margin-right:150px;} #vbflat-tabs{width:520px;} .wgo_block .blockhead{width:505px;} #vbflat-footer{width:550px;} .footer{width: 525px;} .navlinks {width:520px;} }
    
    
    
    @media screen and (max-width: 550px) { .forumbit_nopost { width:510px; } .best-ut{margin-right: 220px;} .vbflat-user {width: 215px;} .forumbit_post .forumactionlinks li{margin-right: -150%;} .best-topic {width: 510px;} #main-ads{width: 510px;} .best-ut {width: 295px;} .vbflat-menu1{margin: 3px 100px 3px 25px;} #speech{margin: 5px 250px; width: 365px;} #header-relative {margin-right:145px;} #vbflat-tabs{width:510px;} .wgo_block .blockhead{width:495px;} #vbflat-footer{width:540px;} .footer{width: 515px;} .navlinks {width:510px;} }
    
    
    
    @media screen and (max-width: 540px) { .forumbit_nopost { width:500px; } .forumbit_post .forumactionlinks li{margin-right: -150%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-topic {width: 500px;} #main-ads{width: 500px;} .best-ut {width: 280px;} .vbflat-menu1{margin: 3px 95px 3px 25px;} #speech{margin: 5px 255px; width: 365px;} #header-relative {margin-right:140px;} #vbflat-tabs{width:500px;} .wgo_block .blockhead{width:485px;} #vbflat-footer{width:530px;} .footer{width: 505px;} .navlinks {width:500px;} }
    
    
    
    @media screen and (max-width: 530px) { .forumbit_nopost { width:490px; } .forumbit_post .forumactionlinks li{margin-right: -150%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-topic {width: 490px;} #main-ads{width: 490px;} .best-ut {width: 270px;} .vbflat-menu1{margin: 3px 90px 3px 25px;} #speech{margin: 5px 260px; width: 365px;} #header-relative {margin-right:135px;} #vbflat-tabs{width:490px;} .wgo_block .blockhead{width:475px;} #vbflat-footer{width:520px;} .footer{width: 495px;} .navlinks {width:490px;} }
    
    
    
    @media screen and (max-width: 520px) { .forumbit_nopost { width:480px; } .forumbit_post .forumactionlinks li{margin-right: -150%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-topic {width: 480px;} #main-ads{width: 480px;} .best-ut {width: 260px;} .vbflat-menu1{margin: 3px 85px 3px 25px;} #speech{margin: 5px 265px; width: 365px;} #header-relative {margin-right:130px;} #vbflat-tabs{width:480px;} .wgo_block .blockhead{width:465px;} #vbflat-footer{width:510px;} .footer{width: 485px;} .navlinks {width:480px;} }
    
    
    
    @media screen and (max-width: 510px) { .forumbit_nopost { width:470px; } .forumbit_post .forumactionlinks li{margin-right: -150%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-topic {width: 470px;} #main-ads{width: 470px;} .best-ut {width: 250px;} .vbflat-menu1{margin: 3px 80px 3px 25px;} #speech{margin: 5px 270px; width: 365px;} #header-relative {margin-right:125px;} #vbflat-tabs{width:470px;} .wgo_block .blockhead{width:455px;} #vbflat-footer{width:500px;} .footer{width: 475px;} .navlinks {width:470px;} }
    
    
    
    @media screen and (max-width: 500px) { .forumbit_nopost { width:460px; } .forumbit_post .forumactionlinks li{margin-right: -150%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-topic {width: 460px;} #main-ads{width: 460px;} .best-ut {width: 240px;} #main-ads{display:none;} .vbflat-menu1{margin: 3px 75px 3px 25px;} #speech{margin: 5px 275px; width: 365px;} #header-relative {margin-right:120px;} #vbflat-tabs{width:460px;} .wgo_block .blockhead{width:445px;} #vbflat-footer{width:490px;} .footer{width: 465px;} .navlinks {width:460px;} }
    
    
    
    @media screen and (max-width: 490px) { .forumbit_nopost { width:450px; } .forumbit_post .forumactionlinks li{margin-right: -150%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 450px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:450px;} .best-topic {width:450px; margin-top:230px;} .vbflat-menu1{margin: 3px 70px 3px 25px;} #speech{margin: 5px 280px; width: 365px;} #header-relative {margin-right:115px;} #vbflat-tabs{width:450px;} .wgo_block .blockhead{width:435px;} #vbflat-footer{width:480px;} .footer{width: 455px;} .navlinks {width:450px;} }
    
    ------------------------
    
    @media screen and (max-width: 480px) { .forumbit_nopost { width:440px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ width: 150px; } .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} #main-ads{display:none;} #header-relative {margin-right:110px;} .best-ut {width: 440px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:440px;} .best-topic {width:440px; margin-top:230px;} .vbflat-menu1{margin: 3px 65px 3px 25px;} #speech{margin: 5px 285px; width: 365px;} #vbflat-tabs{width:440px;} .wgo_block .blockhead{width:425px;} #vbflat-footer{width:470px;} .footer{width: 445px;} .navlinks {width:440px;} }
    
    
    
    @media screen and (max-width: 470px) { .forumbit_nopost { width:430px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ width: 150px; } .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 430px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:430px;} .best-topic {width:430px; margin-top:230px;} .vbflat-menu1{margin: 3px 60px 3px 25px;} #speech{margin: 5px 290px; width: 365px;} #header-relative {margin-right:105px;} #vbflat-tabs{width:430px;} .wgo_block .blockhead{width:415px;} #vbflat-footer{width:460px;} .footer{width: 435px;} .navlinks {width:430px;} }
    
    
    
    @media screen and (max-width: 460px) { .forumbit_nopost { width:420px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ width: 150px; } .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 420px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:420px;} .best-topic {width:420px; margin-top:230px;} .vbflat-menu1{margin: 3px 55px 3px 25px;} #speech{margin: 5px 295px; width: 365px;} #header-relative {margin-right:100px;} #vbflat-tabs{width:420px;} .wgo_block .blockhead{width:405px;} #vbflat-footer{width:450px;} .footer{width: 425px;} .navlinks {width:420px;} }
    
    
    
    @media screen and (max-width: 450px) { .forumbit_nopost { width:410px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ width: 150px; } .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 410px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:410px;} .best-topic {width:410px; margin-top:230px;} .vbflat-menu1{margin: 3px 50px 3px 25px;} #speech{margin: 5px 300px; width: 365px;} #header-relative {margin-right:95px;} #vbflat-tabs{width:410px;} .wgo_block .blockhead{width:395px;} #vbflat-footer{width:440px;} .footer{width: 415px;} .navlinks {width:410px;} }
    
    
    
    @media screen and (max-width: 440px) { .forumbit_nopost { width:400px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ width: 150px; } .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 400px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:400px;} .best-topic {width:400px; margin-top:230px;} .vbflat-menu1{margin: 3px 45px 3px 25px;} #speech{margin: 5px 305px; width: 365px;} #header-relative {margin-right:90px;} #vbflat-tabs{width:400px;} .wgo_block .blockhead{width:385px;} #vbflat-footer{width:430px;} .footer{width: 405px;} .navlinks {width:400px;} }
    
    
    
    @media screen and (max-width: 430px) { .forumbit_nopost { width:390px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ width: 150px; } .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 390px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:390px;} .best-topic {width:390px; margin-top:230px;} .vbflat-menu5{display:none;} .vbflat-menu1{margin-right:70px; } #speech{margin-left:355px; width:290px;} .speech-head {width:295px;}  #header-relative {margin-right:85px;} #vbflat-tabs{width:390px;} .wgo_block .blockhead{width:375px;} #vbflat-footer{width:420px;} .footer{width: 395px;} .navlinks {width:390px;} }
    
    
    
    @media screen and (max-width: 420px) { .forumbit_nopost { width:380px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 160%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 380px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:380px;} .best-topic {width:380px; margin-top:230px;} #speech{margin-left:360px;} .vbflat-menu1{margin-right:65px;} #header-relative {margin-right:80px;} #vbflat-tabs{width:380px;} .wgo_block .blockhead{width:365px;} #vbflat-footer{width:410px;} .footer{width: 385px;} .navlinks {width:380px;} }
    
    @media screen and (max-width: 410px) { .forumbit_nopost { width:370px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 160%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 370px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:370px;} .best-topic {width:370px; margin-top:230px;} #speech{margin-left:365px;} .vbflat-menu1{margin-right:60px;} #header-relative {margin-right:75px;} #vbflat-tabs{width:370px;} .wgo_block .blockhead{width:355px;} #vbflat-footer{width:400px;} .footer{width: 375px;} .navlinks {width:370px;} .footer_links li {display: none;} .wgo_block .blocksubhead{overflow:hidden;} }
    
    
    
    @media screen and (max-width: 400px) { .forumbit_nopost { width:360px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 160%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 360px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:360px;} .best-topic {width:360px; margin-top:230px;} #speech{margin-left:370px;} .vbflat-menu1{margin-right:55px;} #header-relative {margin-right:70px;} #vbflat-tabs{width:360px;} .wgo_block .blockhead{width:345px;} #vbflat-footer{width:390px;} .footer{width: 365px;} .navlinks {width:360px;} }
    
    
    
    @media screen and (max-width: 390px) { .forumbit_nopost { width:350px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 160%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 350px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:350px;} .best-topic {width:350px; margin-top:230px;} #speech{margin-left:375px;} .vbflat-menu1{margin-right:50px;} #header-relative {margin-right:65px;} #vbflat-tabs{width:350px;} .wgo_block .blockhead{width:335px;} #vbflat-footer{width:380px;} .footer{width: 355px;} .navlinks {width:350px;} }
    
    
    
    @media screen and (max-width: 380px) { .forumbit_nopost { width:340px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 160%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 340px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:340px;} .best-topic {width:340px; margin-top:230px;} #speech{margin-left:380px;} .vbflat-menu1{margin-right:45px;} #header-relative {margin-right:60px;} #vbflat-tabs{width:340px;} .wgo_block .blockhead{width:315px;} #vbflat-footer{width:370px;} .footer{width: 335px;} .navlinks {width:340px;} }
    
    
    
    @media screen and (max-width: 370px) { .forumbit_nopost { width:330px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 160%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 330px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:330px;} .best-topic {width:330px; margin-top:230px;} #vbflat-navbar {width:200px;} #speech{margin-left:385px;} .vbflat-menu1{margin-right:40px;} #header-relative {margin-right:55px;} #vbflat-tabs{width:330px;} .wgo_block .blockhead{width:305px;} #vbflat-footer{width:360px;} .footer{width: 325px;} .navlinks {width:330px;} }
    
    
    
    @media screen and (max-width: 360px) { .forumbit_nopost { width:320px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 160%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 320px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:320px;} .best-topic {width:320px; margin-top:230px;} #vbflat-navbar {width:200px;} #speech{margin-left:390px;} .vbflat-menu1{margin-right:35px;} #header-relative {margin-right:50px;} #vbflat-tabs{width:320px;} .wgo_block .blockhead{width:295px;} #vbflat-footer{width:350px;} .footer{width: 315px;} .navlinks {width:320px;} }
    
    
    
    @media screen and (max-width: 350px) { .forumbit_nopost { width:310px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 160%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 310px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:310px;} .best-topic {width:310px; margin-top:230px;} #vbflat-navbar {width:200px;} #speech{margin-left:395px;} .vbflat-menu1{margin-right:30px;} #header-relative {margin-right:45px;} #vbflat-tabs{width:310px;} .wgo_block .blockhead{width:285px;} #vbflat-footer{width:340px;} .footer{width: 305px;} .navlinks {width:310px;} }
    
    
    
    @media screen and (max-width: 340px) { .forumbit_nopost { width:300px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 150%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 300px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:300px;} .best-topic {width:300px; margin-top:230px;} #vbflat-navbar {width:200px;} #speech{margin-left:400px;} .vbflat-menu1{margin-right:25px;} #header-relative {margin-right:40px;} #vbflat-tabs{width:300px;} .wgo_block .blockhead{width:275px;} #vbflat-footer{width:330px;} .footer{width: 295px;} .navlinks {width:310px;} }
    
    
    
    @media screen and (max-width: 330px) { .forumbit_nopost { width:290px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 150%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%} .best-ut {width: 290px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:290px;} .best-topic {width:290px; margin-top:230px;} #vbflat-navbar {width:200px;} #speech{margin-left:405px;} .vbflat-menu1{margin-right:20px;} #header-relative {margin-right:35px;} #vbflat-tabs{width:290px;} .wgo_block .blockhead{width:265px;} #vbflat-footer{width:320px;} .footer{width: 285px;} .navlinks {width:300px;} }
    
    
    
    @media screen and (max-width: 320px) { .forumbit_nopost { width:280px; } .forumbit_post .forumactionlinks li{display:none;} .forumbit_post .forumrow .forumlastpost{ display:none; } .forumbit_post .foruminfo .forumdata .datacontainer{ width: 150%;} .left-mainbox{display:none;} .right-mainbox{margin-left:0px; width:100%}  .best-ut {width: 280px; margin-top: -370px; margin-right: 0px;} .vbflat-user {width:280px;} .best-topic {width:280px; margin-top:230px;} #vbflat-navbar {width:200px;} #speech{margin-left:410px;} .vbflat-menu1{margin-right:15px;} #header-relative {margin-right:30px;} #vbflat-tabs{width:280px;} .wgo_block .blockhead{width:255px;} #vbflat-footer{width:310px;} .footer{width: 275px;} .navlinks {width:290px;} }
    برای مشکل دوم هم :

    به استایل ها و قالب ها >>> جستجو در قالب ها برید و navbar رو سرچ کنید .

    سپس تمام محتویات داخلش رو با کد زیر عوض کنید :

    کد:
    <!-- closing div for above_body -->
    <div class="body_wrapper">
    
    
    <div id="vbflat-navbar">
    
    
    <div class="vbflat-user"><div class="vbflat-user-head">خوش امدی {vb:raw bbuserinfo.username} عزیز</div>
    <div class="vbflat-user-cover">
    
    <vb:if condition="$show['member']">
    <center>
    <div class="user-avatar">{vb:raw ss_avatar}</div>
    </center>
    </vb:if> 
    
    </div>
    
    <vb:if condition="$show['guest']">
    <center>
    <div class="guest-avatar"></div>
    </center>
    </vb:if> 
    
    <vb:if condition="$show['member']">
    
    <a class="vbflat-profile" href="{vb:link member, {vb:raw bbuserinfo}}" title="پروفایل شما"><i class="fa fa-user fa-2x"></i></a>
    
                 <vb:if condition="$notifications_total">
                    <li class="popupmenu notifications" id="notifications">
    <a class="popupctrl" id="vbflat-notifications" title="یادآوری" href="usercp.php{vb:raw session.sessionurl_q}"><i class="fa fa-child fa-2x"></i><div class="bg-number"><span class="notifications-number"><center>{vb:raw notifications_total}</center></span></div></a>
    <ul class="popupbody popuphover">
    {vb:raw notifications_menubits}
    </ul>
    </li>
                    <vb:else />
                    <li class="popupmenu nonotifications" id="nonotifications">
    <a class="popupctrl" id="vbflat-notifications" title="یادآوری" href="usercp.php{vb:raw session.sessionurl_q}"><i class="fa fa-child fa-2x"></i></a>
    <ul class="popupbody popuphover">
    <li>{vb:rawphrase no_new_messages}</li>
    <vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li></vb:if></ul>
    </li></vb:if>
    
    <a class="vbflat-logout" href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')" title="خارج شوید"><i class="fa fa-power-off fa-2x"></i></a>
    
    <a class="vbflat-usercp" href="usercp.php" title="تنظیمات پنل کاربری"><i class="fa fa-fire fa-2x"></i></a>
    </vb:if>
    
    <vb:if condition="$show['guest']">
    <button id="vbflat-login">ورود اعضا</button>
    
     <div id="popuplogin">     <a class="b-close"><img src="http://upload.wikivb.ir/images/raqgrnep9ojchr765ng.png" width="26px" height="26px" alt="بستن" /><a/>             <ul class="nouser">             <vb:if condition="$show['registerbutton']">                 <li></li>             </vb:if>                                  <li>             <script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>             <form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">                 <fieldset id="logindetails" class="logindetails">                     <div>                         <div>                     <input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />                     <input type="password" class="textbox" tabindex="102" name="vb_login_password" value="رمز عبور" id="navbar_password" size="10" />                     <input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="رمز عبور" style="display:none;" />                     <input type="submit" class="vbflat-loginbottom" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />                         </div>                     </div>                 </fieldset>                 <div id="remember" class="remember">                     <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>                 </div>                  <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />                 <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />                 <input type="hidden" name="do" value="login" />                 <input type="hidden" name="vb_login_md5password" />                 <input type="hidden" name="vb_login_md5password_utf" />             </form>             <script type="text/javascript">             YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");             YAHOO.util.Dom.setStyle('navbar_password', "display", "none");             vB_XHTML_Ready.subscribe(function()             {             //                 YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);                 YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);                 YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);                 YAHOO.util.Event.on('navbar_password', "blur", navbar_password);             });                          function navbar_username_focus(e)             {             //                 var textbox = YAHOO.util.Event.getTarget(e);                 if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')                 {                 //                     textbox.value='';                     textbox.style.color='{vb:stylevar input_color}';                 }             }              function navbar_username_blur(e)             {             //                 var textbox = YAHOO.util.Event.getTarget(e);                 if (textbox.value == '')                 {                 //                     textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';                     textbox.style.color='{vb:stylevar shade_color}';                 }             }                          function navbar_password_hint(e)             {             //                 var textbox = YAHOO.util.Event.getTarget(e);                                  YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");                 YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");                 YAHOO.util.Dom.get('navbar_password').focus();             }              function navbar_password(e)             {             //                 var textbox = YAHOO.util.Event.getTarget(e);                                  if (textbox.value == '')                 {                     YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");                     YAHOO.util.Dom.setStyle('navbar_password', "display", "none");                 }             }             </script>                 </li>                 <vb:if condition="$vboptions['enablefacebookconnect']">                     {vb:raw facebook_header}                 </vb:if>             </ul> </div>
    
    
    <a id="vbflat-reg" href="register.php{vb:raw session.sessionurl_q}" >عضویت</a>
    </vb:if>
    </div>
    
    
    <div class="best-topic"><div class="best-topic-head">{vb:raw vboptions.best_topic_head}</div>
    <ul>
    <marquee behavior="alternate" dir="rtl" direction="down" scrollamount="1" onmouseover="this.setAttribute('scrollAmount', 0, 0)" onmouseout="this.setAttribute('scrollAmount', 2, 0)">
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_1}">{vb:raw vboptions.best_topic1}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_2}">{vb:raw vboptions.best_topic2}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_3}">{vb:raw vboptions.best_topic3}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_4}">{vb:raw vboptions.best_topic4}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_5}">{vb:raw vboptions.best_topic5}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_6}">{vb:raw vboptions.best_topic6}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_7}">{vb:raw vboptions.best_topic7}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_8}">{vb:raw vboptions.best_topic8}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_9}">{vb:raw vboptions.best_topic9}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_10}">{vb:raw vboptions.best_topic10}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_11}">{vb:raw vboptions.best_topic11}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_12}">{vb:raw vboptions.best_topic12}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_13}">{vb:raw vboptions.best_topic13}</a></li>
    <li><span><i class="fa fa-star fa-spin"></i></span><a class="best-topic-a" href="{vb:raw vboptions.best_topic_14}">{vb:raw vboptions.best_topic14}</a></li>
    </marquee>
    </ul>
    </div>
    
    
    <div class="best-ut">
    <div class="best-user">
    <a class="best-user-avatar" height="105px" width="105px" title="آواتار کاربر برتر ماه" alt="آواتار کاربر برتر ماه" href="{vb:raw vboptions.best_user_avatar_1}" target="_blank"><img src="{vb:raw vboptions.best_user_avatar}"></img></a>
    <div class="best-user-head">{vb:raw vboptions.best_user_name} عزیز کاربر برتر شد</div>
    <div class="best-user-a">&nbsp;درجه: {vb:raw vboptions.best_user_daraje}</div>
    <div class="best-user-b">&nbsp;انجمن: <a href="{vb:raw vboptions.best_user_site_1}">{vb:raw vboptions.best_user_site}</a></div>
    <div class="best-user-c">&nbsp;تعداد رای: {vb:raw vboptions.best_user_ray}</div>
    <a class="bg-reply" href="{vb:raw vboptions.best_user_pro}" target="_blank title="پروفایل کاربر"><i class="fa fa-reply"></i></a>
    </div>
    <div class="best-topic-month">
    <a class="best-topic-month-avatar" height="105px" width="105px" title="عکس تاپیک" alt="عکس تاپیک" href="{vb:raw vboptions.best_topic_month_img_1}" target="_blank"><img src="{vb:raw vboptions.best_topic_month_img}"></img></a>
    <div class="best-topic-month-head">{vb:raw vboptions.best_topic_month_box}</div>
    <div class="best-topic-month-a">&nbsp;عنوان: {vb:raw vboptions.best_topic_month_tit}</div>
    <div class="best-topic-month-b">&nbsp;توضیح: {vb:raw vboptions.best_topic_month_toz} </div>
    <a class="bg-reply2" href="{vb:raw vboptions.best_topic_month_go}" target="_blank title="مشاهده تاپیک"><i class="fa fa-reply"></i></a>
    </div>
    </div>
    </div>
    
    <div id="main-ads">
    
    <div class="banner-ads">
    <div class="banner-ads-head">{vb:raw vboptions.banner_titlebox}</div>
    <center>
    <div class="banner-top">
    <a href="{vb:raw vboptions.banner_2}" rel="nofollow" target="_blank"><img title="{vb:raw vboptions.banner_4}" src="{vb:raw vboptions.banner_1}" alt="{vb:raw vboptions.banner_3}" height="60px" width="468px"></a>
    </div>
    <div class="banner-bottom">
    <a href="{vb:raw vboptions.banner_2_a}" rel="nofollow" target="_blank"><img title="{vb:raw vboptions.banner_4_d}" src="{vb:raw vboptions.banner_1_a}" alt="{vb:raw vboptions.banner_3_c}" height="60px" width="468px"></a>
    </div>
    </center>
    </div>
    
    <div class="tabs-ads">
    <div class="box-ads">
    <ul class="tab">
    <li><a href="#content1" class="active" >{vb:raw vboptions.tab_ads1}</a></li>
    <li><a href="#content2" >تعرفه ها</a></li>
    <li><a href="#content3" >پرداخت</a></li>
    </ul>
    <div class="content">
    
    <div id="content1">
    <p style="margin-top:5px; margin-right:5px;">
    {vb:raw vboptions.ads1}
    </p>
    </div>
    
    <div id="content2">
    
    <li style="margin-top:5px; margin-right:5px; width:462px; height: 25px; background:#f4f4f4; color:#acadad; font:14px BYekan; text-align:right;">
    <span style="background:#565656; padding:0px 3px 2px 3px; color:#fff; font:14px BYekan; text-align:right;">{vb:raw vboptions.ads1_a}</span>
    {vb:raw vboptions.ads1_b}
    <span style="background:#565656; padding:0px 3px 1px 3px; color:#fff; font:14px BYekan; text-align:left; float:left;">{vb:raw vboptions.ads1_c}</span>
    </li>
    
    <li style="width:462px; height: 25px; margin-top:5px; margin-right:5px; background:#f4f4f4; color:#acadad; font:14px BYekan; text-align:right;">
    <span style="background:#565656; padding:0px 3px 2px 3px; color:#fff; font:14px BYekan; text-align:right;">{vb:raw vboptions.ads2_a}</span>
    {vb:raw vboptions.ads2_b}
    <span style="background:#565656; padding:0px 3px 1px 3px; color:#fff; font:14px BYekan; text-align:left; float:left;">{vb:raw vboptions.ads2_c}</span>
    </li>
    
    <li style="width:462px; height: 25px; margin-top:5px; margin-right:5px; background:#f4f4f4; color:#acadad; font:14px BYekan; text-align:right;">
    <span style="background:#565656; padding:0px 3px 2px 3px; color:#fff; font:14px BYekan; text-align:right;">{vb:raw vboptions.ads3_a}</span>
    {vb:raw vboptions.ads3_b}
    <span style="background:#565656; padding:0px 3px 1px 3px; color:#fff; font:14px BYekan; text-align:left; float:left;">{vb:raw vboptions.ads3_c}</span>
    </li>
    
    <li style="width:462px; height: 25px; margin-top:5px; margin-right:5px; background:#f4f4f4; color:#acadad; font:14px BYekan; text-align:right;">
    <span style="background:#565656; padding:0px 3px 2px 3px; color:#fff; font:14px BYekan; text-align:right;">{vb:raw vboptions.ads4_a}</span>
    {vb:raw vboptions.ads4_b}
    <span style="background:#565656; padding:0px 3px 1px 3px; color:#fff; font:14px BYekan; text-align:left; float:left;">{vb:raw vboptions.ads4_c}</span>
    </li>
    
    </div>
    
    <div id="content3">
    <center>
    <p>
    مبلغ به ریال وارد شود, قبل از پرداخت لطفا با ما تماس بگیرید
    </p>
    </center>
    <br>
    
    <form name="payline_form" id="payline_form" runat="server" method="post" action="http://payline.ir/payment/gateway-send">
    <input id="api" name="api" {vb:raw vboptions.payline1} type="hidden" >
    <p id="amount_one" style="float:right;">مبلغ: <input id="amount" name="amount" value="" type="text"></p>
    <p id="name_one" style="float:left;">نام: <input id="name" name="name" value="" type="text"></p>
    <p id="mail_one" style="float:right;">ایمیل: <input id="email" name="email" value="" type="text"></p>
    <p id="desc_one" style="float:left;">توضیح: <input id="description" name="description" value="" type="text"></p>
    <input id="redirect" name="redirect" value="{vb:raw vboptions.payline2}" type="hidden">
    <input id="type" name="type" value="1" type="hidden">
    <br><br><br>
    <center><input src="images/vbflat/images/pardakht-o.jpg" type="image"></center><p></p>
    </form>        
    
    
    </div>
    
    </div>
    </div>
    </div>
    
    
    </div>
    
    
    <div id="breadcrumb" class="breadcrumb">
        <ul class="floatcontainer">
    
            <li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><div class="bg-fa-dot-circle-o"><i class="fa fa-dot-circle-o"></i></div></a></li>
    
    
            {vb:raw navbits.breadcrumb}
            {vb:raw navbits.lastelement}
        </ul>
        <hr />
    </div>
    
    
    {vb:raw ad_location.ad_navbar_below}
    {vb:raw ad_location.global_below_navbar}
    
    <vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">
        <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
            <input type="hidden" name="do" value="dismissnotice" />
            <input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
            <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
            <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
            <input type="hidden" name="url" value="{vb:raw return_link}" />
            <ol>
                {vb:raw notices}
            </ol>
        </form>
    </vb:if>
    موفق باشید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست Daniyal.K را پسندیده اند


    ویرایش توسط Daniyal.K : 09-10-2015 در ساعت 05:19 AM
    Coming Soon ...

  • #253
    ali006 آنلاین نیست.
    ali006
    کاربر سايت
    52نوشته13مورد پسند

    تاریخ عضویت
    Jul 2015
    شماره عضویت
    9186
    پسندیده است
    2 پست
    بلاگ
    پست
    میزان امتیاز
    23
    www.gigafilm.tk
    نقل قول نوشته اصلی توسط reallife0002 نمایش پست ها
    اولاً برای این قالب بسیار زیبا تشکر میکنم و یک خسته نباشید حسابی به طراحش میگم

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

    1 - تغییر طراحی پست بیت
    راستش بنده علاقه داره پست بیت همیشه در حالتی باشه که موس روش میاد..یعنی نمیخام این حالت باشه که اصلا نوشته ها درون کادر ها مشخص نیست و کمرنگه!توی عکس بهتر منظورمو میفهمید

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 - لینک عضویت در انجمن اشتباه هست...یعنی بجای اینکه به این صورت باشد : www.site.com/forum/register.php
    به اشتباه به این صورت میباشد : www.site.com/register.php

    این هم عکسش و محل
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    ممنون میشم راهنمایی بفرمایید برای حل این موارد چه کاری باید انجام داد

    آدرس انجمنتون رو بفرمایید

    - - - Updated - - -

    برای مشکل اولتون
    به آدرس زیر بروید
    ادمین سی پی=استایل ها و قالب ها=جستجو در قالب ها
    کلمه css رو جستجو کنید=جستجوی عناوین بله
    وارد additional.cssبشید و با زدن دکمه های ctrl+fحالت جستجوی مرورگرتون رو فعال کنید.
    در کادر جستجو کلمه ی post_field رو وارد کنید
    این کد ها را پیدا کنید
    کد
    کد HTML:
    .post_field {    text-align: left;    background: #fff;    color: #c3c3c3;    border: 1px solid #6fbdf1;    width: 192px;    padding: 7px 0px;    font-family: Tahoma;    margin-top: 6px;    -moz-transition: all 0.3s ease-in;    -webkit-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    -ms-transition: all 0.3s ease-in;
    }
    باید به این صورت تغییر پیدا کنند

    کد
    کد HTML:
    .post_field {    text-align: left;    background: #585757;    color: #c3c3c3;    border: 1px solid #6fbdf1;    width: 192px;    padding: 7px 0px;    font-family: Tahoma;    margin-top: 6px;    -moz-transition: all 0.3s ease-in;    -webkit-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    -ms-transition: all 0.3s ease-in;
    }
    سپس دو باره در حالت جستجو کلمه ی
    post_field dd را وارد کنید و کد های زیر را پیدا کنید

    کد
    کد HTML:
    .post_field dd {    background: #e1e2e2;    display: inline-block;    min-width: 50px;    border-radius: 20px;    -moz-border-radius: 20px;    -webkit-border-radius: 20px;    -o-border-radius: 20px;    -ms-border-radius: 20px;    padding: 2px 7px 5px;    text-align: center;    margin-left: 3px;    color: #fff;
    }
    این کدها نیز باید به شکل زیر تغییر پیدا کنند

    کد
    کد HTML:
    .post_field dd {    background: #BB3E3E;    display: inline-block;    min-width: 50px;    border-radius: 20px;    -moz-border-radius: 20px;    -webkit-border-radius: 20px;    -o-border-radius: 20px;    -ms-border-radius: 20px;    padding: 2px 7px 5px;    text-align: center;    margin-left: 3px;    color: #fff;
    }
    تبریک|تموم شد



    - - - Updated - - -

    اما مشکل دوم

    در مسیر جستجوی قالب ها کد vbflat-user رو جستجو کنید
    وارد قالب navbar بشید و این کد رو پیدا کنید
    کد
    کد HTML:
    <a id="vbflat-reg" href="/register.php">عضویت</a>
    کافیه قبل از register.php/ کلمه ی forum رو اضافه کنید

    2 نفر از اعضا پست ali006 را پسندیده اند



  • #254
    reallife0002 آنلاین نیست.
    reallife0002
    کاربر سايت
    4نوشته2مورد پسند

    تاریخ عضویت
    Sep 2015
    شماره عضویت
    9828
    پسندیده است
    5 پست
    بلاگ
    پست
    میزان امتیاز
    12
    No Set
    با تشکر فروران از هر دو عزیز ...نمیدونم با چه زبونی ازتون تشکر کنم...
    آدرس انجمن بنده : www.iranclash.com/forum هست...تمامی کپی رایت ها حفظ شده و حفظ هم خواهد شد...شاید 1 درصد از زحمات و کارهایی که این دستان عزیز میکنن جبران بشه

    راستش 1-2 مورد دیگه هم بود ممنون میشم به بنده کمک کنید

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

    1 - تغییر رنگ فونت نوشته ها :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    برای انکار بنده به استایل ها & قالب ها > تنظیمات استایل > ویرایش متغیرهای Vbflat رفتم
    در قسمت PostBit رنگ مربوط به Post Text Color رو به سیاه تغییر دادم ولی متاسافانه اعمال نشد و همچنان خاکستری کم رنگ موند


    2 - تغییر رنگ نوشته های عنوان انجمن ها

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    3- تغییر حالت فعالیت های در حال انجام انجمن ها

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

    منظور بنده این هست که دیگر نیازی نباشید کاربر برای دیدن این مشخصات هربار با کلیک بر اون ها بازشون کنه و بصورت پیش فرض باز شده باشن

    4 - مشکل در اضافه کردن فیلد دلخواه
    بنده بعد از ایجاد یک فیلد و آپلود کردن تصویرش طبق این آموزش ، هیچ فیلدی ایجاد نشد
    سپس طبق آموزش خود طراح قالب جلو رفتم یعنی
    1- کادر بندی فیلد ها:

    جست و جو در قالب:
    postbit_legacy رو پیدا کنید
    سپس این کد رو پیدا کنید:
    کد:
    کد:
    <vb:if condition="$post['age']"><div class="post_field"><i class="fa fa-th-large"></i><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div>
    </vb:if>
    و زیرش فیلد های اضافه خودتون رو اضافه کنید
    شما میتونید این کد رو بزارید
    کد:

    کد:
    <div class="post_field"><i class="fa fa-th-large"><vb:if condition="$post['fieldX']"><dt>عنوان فیلد</dt><dd>{vb:raw post.fieldX}</dd></vb:if></div>
    ولی این بار قالب پست بیت کامل بهم ریخت و مجبور به حذف کد شدم

    واقعاً ممنون میشم در این زمینه بنده رو یاری کنید
    ویرایش توسط reallife0002 : 09-11-2015 در ساعت 04:48 AM

  • #255
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    درود

    1.2.3 -
    جست و جو در قالب > vbflat.css

    1-
    کد:
    .content div{
        margin-top:5px;
        font-size: 14px;
        padding: 5px;
        color: #939393;
    }
    کد رنگ
    کد:
        color: #939393;
    تغییرش بدید.

    2-
    کد:
    .forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
        color: #939393;
    }
    و
    کد:
    .forumbit_post .forumdescription {
        display: block;
        clear: both;
        background: #F3F3F3 none repeat scroll 0% 0%;
        font-size: 11px;
        font-family: BYekan;
        color: #939393;
        padding: 2px 3px;
        border-right: 2px solid #C5C5C5;
        margin-top: 25px;
        width: 40%;
    }
    در این 2 تا هم باید کد color رو تغییر بدید.


    3-

    کد:
    #vbflat-tabs .vbflat-content {
    display: none;
    background: #fff;
    padding: 12px 10px 12px;
    margin-bottom: 5px;
    }
    تغییر بدید به:

    کد:
    #vbflat-tabs .vbflat-content {
    display: block;
    background: #fff;
    padding: 12px 10px 12px;
    margin-bottom: 5px;
    }
    4-
    به این صورت قرار بدید:
    کد:
    <div class="post_field"><i class="fa fa-th-large"></i><vb:if condition="$post['fieldX']"><dt>عنوان فیلد</dt><dd>{vb:raw post.fieldX}</dd></vb:if></div>
    اگه نشد این یکی:
    کد:
     <vb:if condition="$post['fieldX']"><div class="post_field"><i class="fa fa-th-large"></i><dt>عنوان فیلد</dt><dd>{vb:raw post.fieldX}</dd></div></vb:if>
    نکته:
    داخل تاپیک اول, قسمته
    طریقه نصب استایل و هک ها:
    آموزش های 7 تا 11 را حتما تک تم انجام بدید و موردی رو از جا نندازید
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست Ali.shafaey را پسندیده است:


    ویرایش توسط Ali.shafaey : 09-11-2015 در ساعت 07:32 AM

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  • #256
    Gadatas آنلاین نیست.
    Gadatas
    کاربر سايت
    43نوشته16مورد پسند

    تاریخ عضویت
    Sep 2015
    شماره عضویت
    9843
    پسندیده است
    29 پست
    بلاگ
    پست
    میزان امتیاز
    26
    No Set

    کادر بندی نشدن هک تشکر در پست بیت

    با سلام و درود

    من هک post_thanks_7_84_with search fix رو نصب کردم و با روشی که گفته شده بود کد هاش رو ادیت کردم ولی هنوز درست نصده ورژن ویبولتین هو 4.2.2 لول پچ 4 هست

    کسی میتواند کمک کند

    با تشکر

  • #257
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط web نمایش پست ها
    با سلام و درود

    من هک post_thanks_7_84_with search fix رو نصب کردم و با روشی که گفته شده بود کد هاش رو ادیت کردم ولی هنوز درست نصده ورژن ویبولتین هو 4.2.2 لول پچ 4 هست

    کسی میتواند کمک کند

    با تشکر
    درود منظورتون هک تشکر هست؟ از همین ویکی وی بی دانلود کردید؟
    منظورتون از ادیت و درست نشده چیه؟ لطفا ادرس سایتتون رو بدید برسی کنم

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  • #258
    Saman_1925 آنلاین نیست.
    Saman_1925
    کاربر سايت
    83نوشته46مورد پسند

    تاریخ عضویت
    Jun 2015
    شماره عضویت
    9036
    پسندیده است
    232 پست
    بلاگ
    پست
    میزان امتیاز
    56
    No Set
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    چطور کامل رنگی میشه؟

  • #259
    Daniyal.K آنلاین نیست.
    Daniyal.K
    کاربر سايت
    862نوشته598مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2924
    پسندیده است
    429 پست
    بلاگ
    پست
    میزان امتیاز
    608
    No Set
    درود .

    لطفاً منظورتون رو واضح تر بگید .
    Coming Soon ...

  • #260
    Saman_1925 آنلاین نیست.
    Saman_1925
    کاربر سايت
    83نوشته46مورد پسند

    تاریخ عضویت
    Jun 2015
    شماره عضویت
    9036
    پسندیده است
    232 پست
    بلاگ
    پست
    میزان امتیاز
    56
    No Set
    قسمت بک گراند شکلک با توجه به این سایت رنگی شه http://forum.ghati.ir/thread22479.html
    ویرایش توسط Saman_1925 : 09-24-2015 در ساعت 10:26 PM

  • #261
    Daniyal.K آنلاین نیست.
    Daniyal.K
    کاربر سايت
    862نوشته598مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    2924
    پسندیده است
    429 پست
    بلاگ
    پست
    میزان امتیاز
    608
    No Set
    به این شکل میتونید قرار بدید :

    کد HTML:
     <span class="ldaraje" style="background:#کد رنگ پشت آیکون"><i class="fa fa-meh-o"></i></span><div class="daraje" style="background:#کد رنگ پشت متن درجه">مدیریت کل</div>  
    Coming Soon ...

  • صفحه 26 از 43 نخستنخست ... 16242526272836 ... آخرینآخرین

    اطلاعات موضوع

    کاربرانی که در حال مشاهده این موضوع هستند

    در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

    کلمات کلیدی این موضوع

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

    • شما نمیتوانید موضوع جدیدی ارسال کنید
    • شما امکان ارسال پاسخ را ندارید
    • شما نمیتوانید فایل پیوست کنید.
    • شما نمیتوانید پست های خود را ویرایش کنید
    •  
    خرید بک لینک
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی