تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 6 از 62 نخستنخست 123456789101112131415161718192056 ... آخرینآخرین
نمایش نتایج: از 51 به 60 از 618

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

    1. آموزش قدم به قدم بالا بردن PageSpeed با سایت GTMetrix »

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

      نگارش: , by (مدیریت کل سایت)
      2011/06/21 12:01 PM
      امتیاز:  (3 رای ، میانگین : 5.00 )

      درود.

      قبل از شروع باید خدمت تمامی عزیزان عرض کنیم که این آموزش بصورت تخصصی برای ویبولتین فقط و فقط توسط وی بی ایران تهیه شده و کپی برداری از آن بدون منبع غیر مجاز است . دوستان لطف میکنند از متن یک ذره میزنند و یک ذره خودشون اضافه میکنند که شبیه وی بی ایران نباشه و حتی عنوان رو عوض نمیکنند بعد از صحبت با اون ها ( که دوست ندارم اسم ببرم ) می گویند که خیر اینطور نبوده و غیره بگذریم ..

      همانطور که دیدید وی بی ایران جزء نخستین سایت های ویبولتین بود که توانست به رنک A در سایت GTMetrix دست پیدا کند . که این رقم با قالب دیفالت سایت اصلی ویبولتین 20% اختلاف داشت .

      خوب ما برای آموزش برای مثال از سایت www.persiangulfforum.com شروع میکنیم :

      ابتدا به سایت www.gtmetrix.com بروید و آدرس سایت خود را بزنید تا تست شروع شود .

      پس از انجام تست چنین صفحه ای خواهید داشت :

      کد:
      http://gtmetrix.com/reports/www.persiangulfforum.com/UQeKa28E
      در قسمت Page Speed Grade میتوانید حدود سرعت سایت خودتون رو ارزیابی کنید : (74%)

      زمان سرعت لود سایت به ثانیه : 6.76
      حجم صفحه اول سایت : تقریباً 1 مگابایت
      تعداد درخواست ها به صفحه : 102

      در این صفحه قسمت هائی که دارای PRIORITY HIGH یعنی زیاد هستند دارای اهمیت بیشتری هستند .

      لطفاً دقت داشته باشید تمامی این موارد بصورت 100% روی ویبولتین قابل انجام نیست !!

      خوب اولین چیزی که در این صفحه به چشم میخوره Parallelize downloads across hostnames هست.



      این قسمت از شما درخواست میکند که عکس ها را از 2 یا 3 دامین مختلف اجرا کنید تا باعث بهبود در سرعت شود و مثلاً همزمان 2 عکس سایت با هم اجرا شوند . کاری که IDM انجام میدهد .

      برای انجام این قسمت یک دامین که فرقی نمیکند چه باشد اعم از co.cc و tk و .. روی سایت از طریق سی پنل یا هر پنل دیگری Addon Domain کنید .

      مثلاً در این سایت میبینیم که حجم زیادی از سایت ها به این صورت و در پوشه style هستند :

      کد:
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentBL.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentBR.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentBottomBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentTL.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentTR.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentTopBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerLogo.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerNavBox.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerNavLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerNavRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerNavSplit.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerWrapBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/headerBG.png
      http://persiangulfforum.com/images/styles/HighlightOrange/style/iconSearchBox.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/loginBoxInput.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/loginButton.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/logo.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/memberBoxBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/memberBoxLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/memberBoxRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/navBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/navLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/navRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/navSplit.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/pageBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/searchBox.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/searchButton.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/searchInput.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/tcatBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/tcatLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/tcatRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/theadBG.gif
      که اگر آن ها را مثلاً بجای persiangulfforum.com به persiangulfforum.ir تغییر بدیم این قسمت از بین خواهد رفت و Page Speed شما افزایش خواهد یافت .

      روش تغییر دادن اون هم به این صورت هست که باید مثلاً images/styles/HighlightOrange/style/theadBG.gif رو پیدا کنید و قبل از اون Page Not Found - Yahoo! Error Handler رو اضافه کنید که در آخر بشه :

      Page Not Found - Yahoo! Error Handler

      راحت ترین روش برای انجام آن استفاده از Find And Replace هست . به این صورت که در additional.css میتوانید اینکار را انجام دهید :

      Find :
      images/styles/HighlightOrange/style/
      Replace :
      Page Not Found - Yahoo! Error Handler

      که در این صورت کل پوشه های استایل از دامین دیگری خوانده میشوند .

      در صورت انجام این قسمت کاملاً سبز خواهد شد .

      قسمت بعدی : Specify image dimensions

      این قسمت نیز کمی دشوار است . در این قسمت جی تی متریکس از شما میخواهد برای یکایک عکس های موجود در انجمنتان width و height تعریف کنید .

      کد:
      http://icache.alexa.com/images/flags/ir.png (Dimensions: 16 x 11)
      http://persiangulfforum.com/images/icons/icon1.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/buttons/collapse_tcat.png (Dimensions: 19 x 19) (10 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/buttons/lastpost-left.png (Dimensions: 12 x 10) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/misc/13x13progress.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/misc/forum_stats.png (Dimensions: 16 x 16)
      http://persiangulfforum.com/images/styles/HighlightOrange/misc/navbit-home.png (Dimensions: 16 x 15)
      http://persiangulfforum.com/images/styles/HighlightOrange/misc/users_online.png (Dimensions: 16 x 16) (2 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/article.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/blog.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/forum.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/homepage.png (Dimensions: 16 x 16) (23 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/profile.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/statusicon/forum_old-48.png (Dimensions: 42 x 42) (12 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/statusicon/post_old.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/statusicon/subforum_old-48.png (Dimensions: 12 x 11) (65 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerLogo.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/logo.gif
      http://www.alexa.com/images/icons/globe-sm.png (Dimensions: 16 x 16)
      https://s3.amazonaws.com/com.alexa.toolbar/buttons/twitter/update-arrow.gif (Dimensions: 15 x 11)
      اگر توجه کنید انتهای هر یک نوشته شده : (Dimensions: 16 x 16) که اولی width و دومی height می باشد .

      به منظور رفع هر یک باید در جستجوی قالب نام ها را جستجو کنید و وقتی پیدا کردید مثلاً کد به این صورت است :

      کد:
      <img src="لینک" alt="توضیح" />
      مثلاً اگر (Dimensions: 16 x 16) بود باید بعد از alt="" به این صورت وارد کنید :

      کد:
      width="16px" height="16px"
      قسمت بعدی : Leverage browser caching

      این قسمت بسیار ساده است به این صورت که شما باید به بعد از .htaccess خود این ها را وارد کنید :

      کد:
      # 480 weeks
      <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
      Header set Cache-Control "max-age=290304000, public"
      </FilesMatch>
       
      # 2 DAYS
      <FilesMatch "\.(xml|txt)$">
      Header set Cache-Control "max-age=172800, public, must-revalidate"
      </FilesMatch>
       
      # 2 HOURS
      <FilesMatch "\.(html|htm)$">
      Header set Cache-Control "max-age=7200, must-revalidate"
      </FilesMatch>
      در صورت اضافه این قسمت این قسمت کاملاً از بین خواهد رفت.

      قسمت بعدی : Combine images using CSS sprites که به نظر بنده روی ویبولتین قابل انجام نیست .

      قسمت بعدی : Optimize Images که این قسمت هم راحت هست اما وقت گیر !



      همانگونه که در عکس میبینید ، این قسمت دو جزء دارد .

      جزء اول : آدرس عکس

      جزء دوم : optimized version

      کاری که شما باید بکنید این هست که optimized ورژن رو از gtmetrix بگیرید به اسم فایل اصلی save کنید ( چون معمولاً مقدار زیادی اضافات دارد ) و آن را به جای اصلی اش در هاست برده و replace کنید .

      حال بعضی مواقع کار خیلی سخت تر خواهد شد به این صورت که فایل شما gif است و فایلی که جی تی متریکس میدهد png می باشد .

      برای رفع این مشکل باید فایل ها را به جای اصلی خودشان با همان فرمت png برده و سپس از طریق additional.css یا بعضی مواقع stylevars فرمت gif آن ها را با png رینیم کنید .

      مثلاً توی additional.css نوشته شده :

      #pageWrapper {
      background:url(http://persiangulfforum.com/images/s...e/footerBG.gif) repeat-x bottom right;

      که شما باید آن را به .png تغییر دهید .

      قسمت بعدی : Enable gzip compression

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

      تنظیمات اصلی انجمن --> تنظیمات سرور --> قسمت فشرده سازی بصورت gzip که اون میتونید فعال کنید یعنی روی 1 بگذارید .

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

      البته کد این رو میتونید اول کانفیگ بزنید که میتونه تاثیر فوق العاده ای روی لود و .. داشته باشه :

      کد:
       <? ob_start("ob_gzhandler"); ?>
      قسمت بعدی : Minify JavaScript که کار خیلی راحتی هست .

      شما باید نسخه ای که gtmetrix به شما میده رو با نسخه اصلی خودتون توی هاست عوض کنید .

      برای کاربرانی که از سی پنل استفاده میکنند این کار خیلی راحت خواهد بود .

      file manager سپس public_html سپس به دنبال پوشه بروید .

      کلیک راست کنید --> edit و سپس کد ها رو عوض کنید . دقت داشته باشید در صورتی که کد نصفه آمد ( یعنی فقط سه خط اول اون اومد ) باید از بالا روی utf-8 تنظیم کنید و re open کنید .

      قسمت بعدی : Combine external JavaScript هست که این کار رو به هیچ وجه انجام ندید چون باعث آسیب شدید به انجمن خواهد شد .

      قسمت بعدی : Minimize DNS Lookups هست . که برای زمانی هست که شما از کد وبگذر ، ادگاه ، اکسین ادز ، الکسا یا .. در سایتتون استفاده میکنید .

      در صورت حذف اون ها سرعت انجمن شما بالاتر خواهد رفت .

      وی بی ایران به شما استفاده از آمارگیر Tiny Stat را پیشنهاد میکند .

      قسمت های بعدی : Use efficient CSS selectors و Remove unused CSS است که از شما میخواهد قوانین نا کار آمد را از استایل خود حذف کنید که این نیز توصیه نمیشود چون ویبولتین هر css را ممکن است در جای مخصوص خود استفاده کند در صورتی که جی تی متریکس فکر میکند این سی اس اس برای صفحه اصلی است و استفاده نشده .

      قسمت بعدی : Minify HTML که از شما میخواهد HTML جی تی متریکس را درون سایت قرار دهید که اصلاً کار عاقلانه ای نیست و باید از آن صرف نظر کنید چون ویبولتین از PHP استفاده میکند .

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

      قسمت بعدی : Minify CSS که از شما میخواهد CSS خود را با cssی که gtmetrix به شما میدهد عوض کنید .

      نحوه کار در قسمت های قبلی تقریباً توضیح داده شده باید به هاست بروید و آن ها را تغییر دهید .

      اگر میخواهید این قسمت ها دیگر توسط ویبولتین تغییر نکند باید دسترسی پوشه را کمتر کنید .

      قسمت بعدی : Avoid bad requests که از شما میخواهد عکس هایی که وجود ندارند و حذف شده اند را بازگردانید که این هم کار ساده ای است .

      عکس های نام برده شده را به محل نشان داده شده بروید تا این قسمت کاملاً از بین برود .


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

      با تشکر .

      مدیریت وی بی ایران

      منبع : وی بی ایران
  1. Top | #51
    مدیر بازنشته

    ورژن ویبولتین
    4.2.0
    نوشته ها
    941
    میزان امتیاز
    127

    پیش فرض

    نقل قول نوشته اصلی توسط Maziar نمایش پست ها
    خوب همینکاررو میتونین توضیح بدین؟
    عرض و طول که توضیح داده شده، عکس با CSS هم یکم تخصصی تره! مثلا یه عکسی رو می خواین تو قالب بذارین باشه باید واسش یه class تعریف کنین... مثلا:
    کد HTML:
    .new_class{
      background: url("adrese ax")
    }
    بعد توی قالبتون div یا جدول و یا هر جای دیگه ای که میخواین این class رو اضافه کنید تا عکس اضافه بشه : class="new_class" که عکس نشون داده میشه!

    2 تشکر توسط:





  2. گیفت کارت آیتونز

  3. Top | #52
    کاربر سایت

    ورژن ویبولتین
    4.1.12
    نوشته ها
    735
    میزان امتیاز
    86

    پیش فرض

    قسمت Specify image dimensions
    چطور عکس های مربوط به پست آیکن سایز بدم؟

    این قسمت Minify JavaScript
    چرا کد هایی که اون میده کلا فرق داره؟ عوض کنم اشکال نداره؟ خراب نمیشه؟

    قسمت Minify CSS بیشتر توضیح بدید

    علی جان خیلی منتطر شدم

    چرا وی بی ایران طوری شده که فقط به پست های که تو کادر آخرین پست ها دیده میشه جواب میدن و ما مجبوریم اسپم بدیدم تا توی کادر دیده بشه شاید کسی جواب مارو بده

    آقا علی دمت گرم جواب مارو بده

    آقا علی دمت گرم بابا تحویل بگیر

  4. Top | #53
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,667
    میزان امتیاز
    3114

    پیش فرض

    چطور عکس های مربوط به پست آیکن سایز بدم؟
    قسمت قبل تر یا بعد تر روی توی جستجوی قالب بزنید حتماً پیدا میکنید چون بصورت متغیر هست بصورت مستقیم پیدا نمیشه .

    چرا کد هایی که اون میده کلا فرق داره؟ عوض کنم اشکال نداره؟ خراب نمیشه
    کامنت ها فقط فرق دارند دیگه مشکلی نداره .

  5. Top | #54
    کاربر سایت

    ورژن ویبولتین
    4.1.12
    نوشته ها
    735
    میزان امتیاز
    86

    پیش فرض

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

    قبل تر یا بعد تر چیه پیدا نشد؟

    minify java فقط به این گیر داده و هنوز قرمز چیکارش کنم؟
    http://ajax.googleapis.com/ajax/libs....3.2/jquery.js

    gzip شما چزور سبز کردید؟ واسه من نارنجیه

    ممنونم کمک کنی داش علی
    http://gtmetrix.com/reports/forum.digiage.net/0Xara5eU

  6. Top | #55
    کاربر ویژه

    ورژن ویبولتین
    4.2
    نوشته ها
    266
    میزان امتیاز
    36

    پیش فرض

    قسمت بعدی : Leverage browser caching

    این قسمت بسیار ساده است به این صورت که شما باید به بعد از .htaccess خود این ها را وارد کنید :
    من این کد رو به ته htaccess اضافه کردم ، اما ارور دیتابیس اومد و نتونست دیگه حتی سایت رو چک کنه !
    کد دیگری هست که بشه گذاشت تا اون موضوع حل بشه ؟


    قسمت بعدی : Minify CSS که از شما میخواهد CSS خود را با cssی که gtmetrix به شما میدهد عوض کنید .

    نحوه کار در قسمت های قبلی تقریباً توضیح داده شده باید به هاست بروید و آن ها را تغییر دهید .

    اگر میخواهید این قسمت ها دیگر توسط ویبولتین تغییر نکند باید دسترسی پوشه را کمتر کنید .
    روی چه عددی تنظیم کنیم ؟
    644 خوبه ؟
    ویرایش توسط The Godfather : 2011/07/18 در ساعت 06:39 PM دلیل: ادغام دو پست

  7. Top | #56
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    1,698
    میزان امتیاز
    205

    پیش فرض

    روی چه عددی تنظیم کنیم ؟
    644 خوبه ؟
    کل فایللا باید عوض بشن با اونی که الکسا میده
    پرمیشن رو نمی خواد تغییر بدی

    کاربر مقابل از Ali-Reza بابت این پست مفید تشکر کرده است:


  8. Top | #57
    کاربر ویژه

    ورژن ویبولتین
    4.2
    نوشته ها
    266
    میزان امتیاز
    36

    پیش فرض

    ممنون از راهنماییتون
    انجمن خیلی سرعتش بهتر شده . هر چند هنوز هم داره بهتر میشه . فقط یک چیزی هست که بعضی جا ها مشکلاتی به وجود میاد . باید چی کار کنیم ؟ مثلا چنین لینکی رو داده . که توش مشخصه که باید orumbits.css,forumhome.css,widgets.css,sidebar.css ,options.css,tagcloud.css رو ویرایش کنیم و کدشون هم دقیقا همون چیزیه که در صفحه ای که لینکش رو دادم هست .
    اما وقتی که مثلا options.css رو سرچ کردم ، محتوای درونیش با اونی که داده بود یعنی :
    کد PHP:
    @charset "UTF-8"/* CSS Document */  #forums {     clear:both; }  .forumhead {     background: #237fb0 url(images/buttons/newbtn_middle.png) repeat-x  ;     _background-image: none;     padding: 0;     font:  bold 11px Tahoma;     color:#ffffff;     clear:both;     margin-top: 8px;     float: right;     border: 1px solid #186893;     width: 100%;     -moz-border-radius-topleft: 5px;     -moz-border-radius-topright: 5px;     -webkit-border-top-left-radius: 5px;     -webkit-border-top-right-radius: 5px;     border-top-left-radius: 5px;     border-top-right-radius: 5px; }  #forums .L1 .forumhead a {     font:   bold 11px Tahoma; }  #forums .L1 .forumhead .forumdescription {     display:none; }  #forums .L1 .L2 {     display:block;     clear: both; }  #forums a.username {     color: #1874a0; }  #forums a.username:hover {     color: #ff9c00; }  .forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead {     -moz-box-shadow: -2px 2px 2px #c8c8c8;     -webkit-box-shadow: -2px 2px 2px #c8c8c8;     box-shadow: -2px 2px 2px #c8c8c8; }  .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {     background: #fbfbfb url(images/gradients/grey-up.png) repeat-x left bottom;     _background-image: none;     display:block;     width: 100%;     float: right;     min-height: 58px; /* 48px is the icon size */     position:relative;     border-bottom: 1px solid #d3d3d3;     border-right: 1px solid #d3d3d3;     border-left: 1px solid #d3d3d3; }  .forumbit_nopost .forumbit_nopost .forumrow .forumicon {     position: absolute;     right: 10px;     top: 5px;     width: 48px; }  .forumbit_nopost .forumbit_nopost .forumrow .forumdata {     display: inline-block;     width:100%; }  .forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {     margin-right: 68px; }  .forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {     margin-right: 0; }  /* forumbit nopost */ .forumbit_post .foruminfo .forumdata {     padding: 4px 0;     font-size: 10px; }  .forumbit_nopost .forumhead .forumtitle {     font-size: 11;     min-width: 76%; }  .forumbit_nopost .forumhead .forumtitle a {     color: #ffffff;     margin-right: 10px; }  .forumbit_nopost .forumhead span, .forumbit_post .forumhead span {     font-size: 10px; }  .forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {     width: 21%; }  .forumbit_nopost .forumhead a.collapse img { /* values are based on the image */     position:absolute;     top: -15px;     left: -6px;     display:block;     width:13px;     height:13px;     overflow:hidden;     float: left;     clear: right; }  .forumbit_nopost:hover .forumhead  a.collapsegadget {     visibility:visible; }  .forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata  {     padding: 5px 10px;     padding-right: 0;     font-size: 11px; }  .forumbit_nopost .forumbit_nopost .foruminfo .subforums {     margin-right: 10px;     position: relative;     top: -10px; }  /* forumbit post */ .forumbit_post {     float: right;     position:relative;     width: 100%;     display:block; }  .forumbit_post .forumhead span {     padding: 0; }  .forumbit_post .forumhead .forumlastpost {     top: 0;     margin-top: 0; }  .forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{     padding: 5px 0; }  .forumbit_post .forumhead .forumtitle {     width: 76%; }  .forumbit_post .forumhead .forumtitle span { padding: 0; padding-right: 10px; }  .forumbit_post .foruminfo {     width: 57%;     min-width: 30%;     float: right;     clear: left;     min-height: 48px;  }  .forumbit_post .foruminfo .forumicon{     position: absolute;     right: 10px;     width: 48px; }  .forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {     float: right;     clear: left;     color: #4e4e4e; }  .forumbit_post .foruminfo .viewing {         white-space:nowrap; }  .forumbit_post .foruminfo .forumdata {     padding: 0;     width: 100%;     _width: 99%; }  .forumbit_post .foruminfo .forumdata .datacontainer {     float: right;     width: 88%;     padding-right: 68px; }  .forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {  font-size: 11px;     margin-left: 10px; }  .forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {     font-weight:bold; }  .childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {         padding-right:1.8em;         background:url('images/styles/Aesthetica/misc/child_forum.png') top right no-repeat; }  .forumbit_post .foruminfo .forumdata .viewing {     font-style: italic;     margin-left:10px;     margin-top: 3px;     font-size: 9px; }  .forumbit_post .forumactionlinks {     width: 5%;     display:block;     float:right;     clear:left; }  .forumbit_post .forumactionlinks li {     display: inline; }  .forumbit_post .forumactionlink { /* values based on icon size */     display:block;     width:18px;     height:12px;     overflow:hidden;     float: left;     clear: right;     background:transparent none no-repeat;     position: relative;     margin: 3px 10px 0 0; }  .forumactionlink a { /* values based on icon size */     display:block;     padding-right:18px; }  .forumactionlinks .rsslink {     background-image:url(images/styles/Aesthetica/misc/rss_40b.png); }  .forumactionlinks .subslink {     background-image:url(images/styles/Aesthetica/misc/subscribed_40b.png); } .forumactionlinks .unsubslink {     background-image:url(images/styles/Aesthetica/misc/unsubscribed_40b.png); } .forumbit_post .forumdescription {     display:block;     clear:both;     padding-left: 10px; }  .forumbit_post .unsubscribe {     display:block;     left: 0;     top: 2px; }  .forumbit_post .forumstats, .forumbit_post .forumstats_2 {     display: block;     float: right;     clear: left;     width: 12%;     margin-left: 2%; }  .forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{     font-size: 12px;     text-align: left;     padding-left: 20px;     display:block; }   .forumbit_post .forumlastpost {     display:block;     float: right;     clear: left; }  .forumbit_post .forumrow .forumlastpost {     width: 22%;     font-size: 12px;     padding-top: 5px; }  .forumbit_post .forumlastpost .lastpostdate {     font-size: 11px; }  .lastpostlabel {      display: none;  }  .moderators, .subforums {     display: block;     clear:both; }  .moderators h4, .subforums h4 {     font-weight: bold;     padding-left: 5px; }  .moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {     float:right;     clear:left; }  /* Project Tools Forum Display */ .forumstats dt {     display: inline;     margin-left: 0; }  .forumstats dl {     color: ;     font-size: 12px;     display: block;     text-align: left; }  .forumstats dd {     display: inline-block;     padding-right: 10px;     padding-left: 20px; }  .forumstats dt:after {     content:":"; }    /* CSS Document */  #forums { width: 100%; }  #welcomemessage {     color:;     font-size:100%; }  .forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {     background: rgb(255, 255, 255) url(images/gradients/grey-up.png) repeat-x left bottom;     _background-image: none;     border-top: 1px solid rgb(255, 255, 255); }  /* forumbit nopost */ /* forumbit nopost -> forumhead */ .forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {     display:block;     float: right;     clear: left;     font:   bold 11px Tahoma;     padding: 4px 0;     color: #ffffff; }  .forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {     margin-right: 3px;     margin-left: 3px; } .forumbit_nopost {     clear:right; } .forumbit_nopost .forumrowdata {     clear:both;     display:block;     width: 100%; }  .forumbit_nopost .subforumdescription {     padding: 5px 10px;     font-weight: normal;     color: #3e3e3e;     background: #e9e9e9 none repeat-x  ; }    /* CSS Document */  /*widget*/  .widget_content {     color: #4d5153;     -moz-border-radius:5px;     -webkit-border-radius: 5px;     border-radius: 5px;     background:rgb(255, 255, 255) url(images/misc/blog/gradient-black-down.png) repeat-x  ;     border:1px solid #DADADA;     _background-image: none;     padding:; }  .widget_content a {     color: #1874a0;     text-decoration: none; } .widget_content .meta {     font-size:11px; } .widget_post_bit {     border-top: 1px dotted #a1d1e6;     clear:both;     padding-bottom: 2px; } .widget_post_bit:first-child {     border-top: 0; } .widget_post_header {     font:;     font-size: 12px;     font-weight: bold;     padding: 5px 0;     margin: 0; } .widget_post_header a {     word-wrap: break-word;     width: 100%;     display: block; } .widget_post_content {     padding: 1px 0;     margin: 0;     font-size: 12px;     color: #4d5153; } .widget_post_userinfo {     padding: 1px 0;     margin: 0;     position: relative; } .widget_post_useravatar {     position: absolute;     top: 5px;     right:0; } .widget_post_useravatar img {     width: 30px;     height: auto; } .widget_post_comment {     margin-right: 40px;     font-size: ;     color: ; } .widget_post_comment_noavatar {     margin-right: 0;     font-size: ;     color: ; }  .widget_post_comment .widget_post_content {     overflow: hidden; }  .widget_views {     padding: 1px 0;     margin: 0;     text-align: left; }     /* CSS Document */  /* ALL THIS TAKEN STRAIGHT FROM forumhome.css*/ /* Don't use left and right stylevar here */ #content_container {     width:100%;     float:left;     margin-right: -290px;     padding: 10px 0; } #content_container.contentright {     float:right;     margin-right:0;     margin-left:-290px; }  #content_container #content {     margin-right:290px; } #content_container.contentright #content {     margin-right:0;     margin-left:290px; }  /*-----------------------------------*/ /* SIDEBAR */ /* Don't use left and right stylevar here */ #sidebar_container {     float:right;     width:270px;     padding:17px 0;     margin-bottom:3em; }  #sidebar_container.sidebarleft {     float:left; }  #sidebar_container a { color: #0068a2; }  #sidebar_container a:hover { color: #ff9c00; }  #sidebar_container .time { color: #3c8000; }  #sidebar_button {     display:block;     margin-top: 40px;     float:left;     margin-left:-28px;     _margin: 40px 0 0 0;     _display: inline-block; } #sidebar_button {     _display: inline; } #sidebar_container.sidebarleft #sidebar_button {     float:left;     margin-left:-28px; }  #sidebar_container .block {     margin-bottom:4px;     padding:6px;     border-top-left: 5px;     border-top-right: 5px;     border-top-left: 5px;     border-top-right: 5px; }  #sidebar_container .blockbody {     color: #4d5153;     border:1px solid #DADADA;     -moz-border-radius:5px;     -webkit-border-radius: 5px;     border-radius: 5px;     background:rgb(255, 255, 255);     _background-image: none;     padding: 0; }  #sidebar_container .blockrow {     padding:0;     border-top: 1px solid rgb(255, 255, 255);     -moz-border-radius:5px;     -webkit-border-radius: 5px;     border-radius: 5px;     background:rgb(255, 255, 255) url(images/misc/blog/gradient-black-down.png) repeat-x  ;     padding:6px; }  #sidebar_container .underblock {     height:9px;     background:transparent url(images/misc/blog/bottom-shadow.png) repeat-x left bottom; }  #sidebar_container .blocksubhead {     padding:10px 6px 10px 6px; }  #sidebar_container .blocksubhead {     background:transparent none;     height:16.76px;     color: #272727;     padding: 5px 6px;     border:none;     outline:none;     font-weight:bold; }  #sidebar_container .blocksubhead span.blocktitle {     width: auto;     display:block;     white-space:nowrap;     float:right;     overflow:hidden;     padding-right:3px; }  #sidebar_container .blocksubhead img {     vertical-align:middle;     float: right; }  #sidebar_container .blocksubhead img.inlineimg {     float: none;     position: relative;     top: -2px; } /* Add a "middle" font size, between default and small */ #sidebar_container .blocksubhead.smaller {     font-size:13px;     font-weight: bold; }  #sidebar_container .blockrow .meta {     font-size:11px; } #sidebar_container .blocksubhead a.username {     padding-left:20px; }  #sidebar_container .formcontrols .blockrow label {     width:auto; }  #sidebar_container .advanced.blockfoot {     padding:6px;     border-bottom:none;     font-size:88%;     font-weight:bold;     background: transparent; } #sidebar_container .searchblock .advanced a {     line-height:2; }  #sidebar_container .searchblock .advanced .button {     float:left; }   #sidebar_container > ul {     background:#bae0f0 url(images/misc/blog/top-highlight.png) repeat-x left top;     border:1px solid #90b9ca;     -moz-border-radius:5px;     -webkit-border-radius: 5px;     border-radius: 5px;     -moz-box-shadow:-2px 2px 2px #c8c8c8;     -webkit-box-shadow:-2px 2px 2px #c8c8c8;     box-shadow:-2px 2px 2px #c8c8c8;     float:right;     width:100%; } #sidebar_container a.collapse {     position:static; }  #sidebar_button {     float:right;     margin-right:-28px; } .sidebarleft #sidebar_button {     float:left;     margin-left:-28px;     margin-right:0; }  /* END OF CODE TAKEN FROM forumhome.css */    /* CSS Document */ /* this might need to get renamed */ /* wgo */ .wgo_block {     display:block;     margin-top: 15px;     -moz-border-radius-topleft: 5px;     -moz-border-radius-topright: 5px;     -webkit-border-top-left-radius: 5px;     -webkit-border-top-right-radius: 5px;     border-top-left-radius: 5px;     border-top-right-radius: 5px;     -moz-box-shadow: -2px 2px 2px #c8c8c8;     -webkit-box-shadow: -2px 2px 2px #c8c8c8;     box-shadow: -2px 2px 2px #c8c8c8;     margin-bottom: 10px; }  .wgo_block .blockbody {     border: 1px solid #c4c4c4;     background: rgb(255, 255, 255) url(images/gradients/gradient-greytowhite.png) repeat-x  ;     _background-image: none; }  .wgo_block .blockhead {     font-size:12px;     font-weight:bold;     color: rgb(255, 255, 255);     background: #237fb0 url(images/buttons/newbtn_middle.png) repeat-x  ;     _background-image: none;     border: 1px solid #186893; }  .wgo_block .time {     color: #3e3e3e; }  .wgo_block .section {     display:block;     padding: 0 0 0.5em;     font:    12px ;     color: #3e3e3e;     clear:both;     width: 100%; }  .wgo_block .blocksubhead {     padding-right: 10px;     font: 13px;     color: #3e3e3e;     background: transparent;     padding-bottom: 5px; }  .wgo_block .section:first-child .blocksubhead {     border-top: 0; }  .wgo_block .section .blocksubhead img {     padding-left: 5px; }  .wgo_block .section div, .wgo_block .section ol {     padding-right: 20px; }  .wgo_block .section div p {     padding-bottom: 5px; }  .wgo_block .section div ol {     padding-right: 0; }  .wgo_block .section dl dt {     display:inline; }  .wgo_block .section dl dt:after {     content:":"; }  .wgo_block .section dl dd {     display: inline;     margin-left:5px; }  .wgo_block .section dl.icon_legends dt {     float: right;     clear: left;     margin-left: 5px; }  .wgo_block .section dl.icon_legends dt:after {     content: ""; }  .wgo_block .section dl.icon_legends dd {     margin-bottom: 5px;     display:block; }  #wgo_onlineusers .commalist li { display: inline-block; margin-right: 1px; }  #wgo_birthdays .commalist li { display: inline-block; margin-right: 1px; }  .forum_info {     margin-bottom: 5px;     float: right;     width: 100%;     clear:both;     position: relative;     top: -10px;     color: #3e3e3e;     font:    12px ; }  .forum_info .blockhead {     font-size:12px;     font-weight:bold;     color: rgb(255, 255, 255);     background: #237fb0 url(images/buttons/newbtn_middle.png) repeat-x  ;     _background-image: none;     border: 1px solid #186893;     margin-top: 5px;     -moz-box-shadow: -2px 0 2px #c8c8c8;     -webkit-box-shadow: -2px 0 2px #c8c8c8;     box-shadow: -2px 0 2px #c8c8c8; }  .forum_info a.collapse {     position: absolute;     top: 6.265px; }  .forum_info .blockbody {     border-bottom: 1px solid #c4c4c4;     border-right: 1px solid #c4c4c4;     border-left: 1px solid #c4c4c4;     background: rgb(255, 255, 255) url(images/gradients/gradient-greytowhite.png) repeat-x  ;     _background-image: none;     -moz-box-shadow: -2px 2px 2px #c8c8c8;     -webkit-box-shadow: -2px 2px 2px #c8c8c8;     box-shadow: -2px 2px 2px #c8c8c8; }  .forum_info_subblock, .info_subblock {     padding: 5px 10px; }  .forum_info_form .options_input_wrapper {     float: left;     display: inline-block; }  .forum_info_form .options_input_block {     float: right;     display:inline-block;     padding: 10px 10px; }  .forum_info_form .options_input_block .description {     display: none; }  .forum_info_form .options_input_block label {     display:block; }  .forum_info_form .options_input_block .checkradio li {     display:inline-block;     margin-left: 10px; }  .forum_info_form .options_input_block .button {     position: relative;     margin-top: 13.53px; }  .forum_info .options_block_container, .thread_info .options_block_container {     width: 100%;     float: right;     display:block;     position: relative;     top: 0;     padding-top:0;     margin-top: 0; }  .forum_info .options_block, .thread_info .options_block, .forum_info .options_block2, .thread_info .options_block2 {     width: 49.5%;     float: right;     clear: left;     position: relative; }  .forum_info .options_block2 {     margin-right: 1%; }  .thread_info .options_block2 {     margin-left: 1%; }  dl.icon_legends dt {     float: right;     clear: left;     margin-left: 5px; }  dl.icon_legends dt:after {     content: ""; }  dl.icon_legends dd {     margin-bottom: 5px;     display:block; }  .info_subblock ul li {     margin-bottom: 2px; }  .bbcodeblock ul li a, .rules_link a {     font-weight:bold; }   .thread_info {     margin-bottom: 5px;     float: right;     width: 100%;     clear:both;     position: relative;     top: -10px;     margin-bottom: 0;     color: #3e3e3e;     font:    12px ; }  .thread_info a {     font-weight:bold; }  .thread_info h4 {     font-size:12px;     font-weight:bold;     color: rgb(255, 255, 255);     background: #237fb0 url(images/buttons/newbtn_middle.png) repeat-x  ;     _background-image: none;     border: 1px solid #186893;     margin-top: 5px;     -moz-box-shadow: -2px 2px 2px #c8c8c8;     -webkit-box-shadow: -2px 2px 2px #c8c8c8;     box-shadow: -2px 2px 2px #c8c8c8; }  .thread_info h5 {     display: none; }  .thread_info .blockbody {     border-bottom: 1px solid #c4c4c4;     border-right: 1px solid #c4c4c4;     border-left: 1px solid #c4c4c4;     background: rgb(255, 255, 255) url(images/gradients/gradient-greytowhite.png) repeat-x  ;     _background-image: none;     -moz-box-shadow: -2px 2px 2px #c8c8c8;     -webkit-box-shadow: -2px 2px 2px #c8c8c8;     box-shadow: -2px 2px 2px #c8c8c8; }  .thread_info .inner_block, .info_subblock {     padding: 4px 10px; }  ul.icon_list li {     display:block;     width: 100%;     margin-bottom: 5px; }  .inner_block .commalist {     margin-top:1em; }  #thread_info_block_1 {     width:34.9%;     float:right; }  #thread_info_block_1 > * {     margin-left:2px; }  #thread_info_block_2 {     width:65%;     float:left; }  #forumrules {     border: 0;     background: transparent; }  /* Similar Threads */ .similar_threads {     clear:both; }  .similar_threads li {     padding:5px 10px 5px 10px; }  ol.similar_threads li h6 a {     font:    12px ; }  .similar_threads .starter_forum {     font-size:11px; }  .similar_threads .titleblock {float:right} .similar_threads .dateblock {float:left; text-align:left}   a.tagcloudlink:link, a.tagcloudlink:visited {     text-decoration:none; }  a.tagcloudlink:hover, a.tagcloudlink:active {     text-decoration:underline; }  a.level1 {     font-size: xx-small; }  a.level2 {     font-size: small; }  a.level3 {     font-size: medium; }  a.level4 {     font-size: large; }  a.level5 {     font-size: xx-large; }  #tag_searchbox {     text-align: center; padding: 6px; }  #tag_search {     margin-top:10px; } 
    کاملا فرق داشت و به جاش این کد بود :
    کد PHP:
    @charset "UTF-8";
    /* CSS Document */
    /* this might need to get renamed */
    /* wgo */
    .wgo_block {
        
    display:block;
        
    margin-top: {vb:math {vb:stylevar padding}*1.5};
        -
    moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
        -
    moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
        -
    webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
        -
    webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
        
    border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
        
    border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
        -
    moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
        -
    webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
        
    box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
        
    margin-bottom: {vb:stylevar padding};
    }

    .
    wgo_block .blockbody {
        
    border: {vb:stylevar secondarycontent_border};
        
    background: {vb:stylevar secondarycontent_background};
        
    _background-imagenone;
    }

    .
    wgo_block .blockhead {
        
    font-size:{vb:stylevar secondarycontent_header_font.fontSize}{vb:stylevar secondarycontent_header_font.units};
        
    font-weight:{vb:stylevar secondarycontent_header_font.fontWeight};
        
    color: {vb:stylevar secondarycontent_header_color};
        
    background: {vb:stylevar secondarycontent_header_background};
        
    _background-imagenone;
        
    border: {vb:stylevar secondarycontent_header_border};
    }

    .
    wgo_block .time {
        
    color: {vb:stylevar secondarycontent_color};
    }

    .
    wgo_block .section {
        
    display:block;
        
    padding0 0 0.5em;
        
    font: {vb:stylevar secondarycontent_font};
        
    color: {vb:stylevar secondarycontent_color};
        
    clear:both;
        
    width100%;
    }

    .
    wgo_block .blocksubhead {
        
    padding-{vb:stylevar left}: {vb:stylevar padding};
        
    font: {vb:stylevar secondarycontent_subheader_fontSize};
        
    color: {vb:stylevar secondarycontent_color};
        
    backgroundtransparent;
        
    padding-bottom: {vb:math {vb:stylevar padding}/2};
    }

    .
    wgo_block .section:first-child .blocksubhead {
        
    border-top0;
    }

    .
    wgo_block .section .blocksubhead img {
        
    padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    }

    .
    wgo_block .section div, .wgo_block .section ol {
        
    padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}*2};
    }

    .
    wgo_block .section div p {
        
    padding-bottom: {vb:math {vb:stylevar padding}/2};
    }

    .
    wgo_block .section div ol {
        
    padding-{vb:stylevar left}: 0;
    }

    .
    wgo_block .section dl dt {
        
    display:inline;
    }

    .
    wgo_block .section dl dt:after {
        
    content:":";
    }

    .
    wgo_block .section dl dd {
        
    displayinline;
        
    margin-{vb:stylevar right}:{vb:math {vb:stylevar padding}/2};
    }

    .
    wgo_block .section dl.icon_legends dt {
        
    float: {vb:stylevar left};
        
    clear: {vb:stylevar right};
        
    margin-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    }

    .
    wgo_block .section dl.icon_legends dt:after {
        
    content"";
    }

    .
    wgo_block .section dl.icon_legends dd {
        
    margin-bottom: {vb:math {vb:stylevar padding}/2};
        
    display:block;
    }

    #wgo_onlineusers .commalist li { display: inline-block; margin-{vb:stylevar left}: 1px; }

    #wgo_birthdays .commalist li { display: inline-block; margin-{vb:stylevar left}: 1px; }

    .forum_info {
        
    margin-bottom: {vb:math {vb:stylevar padding}/2};
        
    float: {vb:stylevar left};
        
    width100%;
        
    clear:both;
        
    positionrelative;
        
    top: -{vb:stylevar padding};
        
    color: {vb:stylevar secondarycontent_color};
        
    font: {vb:stylevar secondarycontent_font};
    }

    .
    forum_info .blockhead {
        
    font-size:{vb:stylevar secondarycontent_header_font.fontSize}{vb:stylevar secondarycontent_header_font.units};
        
    font-weight:{vb:stylevar secondarycontent_header_font.fontWeight};
        
    color: {vb:stylevar secondarycontent_header_color};
        
    background: {vb:stylevar secondarycontent_header_background};
        
    _background-imagenone;
        
    border: {vb:stylevar secondarycontent_header_border};
        
    margin-top: {vb:math {vb:stylevar padding}/2};
        -
    moz-box-shadow: -2px 0 2px {vb:stylevar shadow_color};
        -
    webkit-box-shadow: -2px 0 2px {vb:stylevar shadow_color};
        
    box-shadow: -2px 0 2px {vb:stylevar shadow_color};
    }

    .
    forum_info a.collapse {
        
    positionabsolute;
        
    top: {vb:math {vb:math {vb:math {vb:stylevar padding}+{vb:math  {vb:stylevar foruminfo_header_font.fontSize}*{vb:stylevar line_height}}-13}/2}+1};
    }

    .
    forum_info .blockbody {
        
    border-bottom: {vb:stylevar secondarycontent_border};
        
    border-{vb:stylevar left}: {vb:stylevar secondarycontent_border};
        
    border-{vb:stylevar right}: {vb:stylevar secondarycontent_border};
        
    background: {vb:stylevar secondarycontent_background};
        
    _background-imagenone;
        -
    moz-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
        -
    webkit-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
        
    box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
    }

    .
    forum_info_subblock, .info_subblock {
        
    padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
    }

    .
    forum_info_form .options_input_wrapper {
        
    float: {vb:stylevar right};
        
    displayinline-block;
    }

    .
    forum_info_form .options_input_block {
        
    float: {vb:stylevar left};
        
    display:inline-block;
        
    padding: {vb:stylevar padding} {vb:stylevar padding};
    }

    .
    forum_info_form .options_input_block .description {
        
    displaynone;
    }

    .
    forum_info_form .options_input_block label {
        
    display:block;
    }

    .
    forum_info_form .options_input_block .checkradio li {
        
    display:inline-block;
        
    margin-{vb:stylevar right}: {vb:stylevar padding};
    }

    .
    forum_info_form .options_input_block .button {
        
    positionrelative;
        
    margin-top: {vb:math {vb:stylevar font.fontSize}*{vb:stylevar line_height}}{vb:stylevar font.units};
    }

    .
    forum_info .options_block_container, .thread_info .options_block_container {
        
    width100%;
        
    float: {vb:stylevar left};
        
    display:block;
        
    positionrelative;
        
    top0;
        
    padding-top:0;
        
    margin-top0;
    }

    .
    forum_info .options_block, .thread_info .options_block, .forum_info .options_block2, .thread_info .options_block2 {
        
    width49.5%;
        
    float: {vb:stylevar left};
        
    clear: {vb:stylevar right};
        
    positionrelative;
    }

    .
    forum_info .options_block2 {
        
    margin-{vb:stylevar left}: 1%;
    }

    .
    thread_info .options_block2 {
        
    margin-{vb:stylevar right}: 1%;
    }

    dl.icon_legends dt {
        
    float: {vb:stylevar left};
        
    clear: {vb:stylevar right};
        
    margin-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    }

    dl.icon_legends dt:after {
        
    content"";
    }

    dl.icon_legends dd {
        
    margin-bottom: {vb:math {vb:stylevar padding}/2};
        
    display:block;
    }

    .
    info_subblock ul li {
        
    margin-bottom: {vb:math {vb:stylevar padding}/5};
    }

    .
    bbcodeblock ul li a, .rules_link a {
        
    font-weight:bold;
    }


    .
    thread_info {
        
    margin-bottom: {vb:math {vb:stylevar padding}/2};
        
    float: {vb:stylevar left};
        
    width100%;
        
    clear:both;
        
    positionrelative;
        
    top: -{vb:stylevar padding};
        
    margin-bottom0;
        
    color: {vb:stylevar secondarycontent_color};
        
    font: {vb:stylevar secondarycontent_font};
    }

    .
    thread_info a {
        
    font-weight:bold;
    }

    .
    thread_info h4 {
        
    font-size:{vb:stylevar secondarycontent_header_font.fontSize}{vb:stylevar secondarycontent_header_font.units};
        
    font-weight:{vb:stylevar secondarycontent_header_font.fontWeight};
        
    color: {vb:stylevar secondarycontent_header_color};
        
    background: {vb:stylevar secondarycontent_header_background};
        
    _background-imagenone;
        
    border: {vb:stylevar secondarycontent_header_border};
        
    margin-top: {vb:math {vb:stylevar padding}/2};
        -
    moz-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
        -
    webkit-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
        
    box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
    }

    .
    thread_info h5 {
        
    displaynone;
    }

    .
    thread_info .blockbody {
        
    border-bottom: {vb:stylevar secondarycontent_border};
        
    border-{vb:stylevar left}: {vb:stylevar secondarycontent_border};
        
    border-{vb:stylevar right}: {vb:stylevar secondarycontent_border};
        
    background: {vb:stylevar secondarycontent_background};
        
    _background-imagenone;
        -
    moz-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
        -
    webkit-box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
        
    box-shadow: -2px 2px 2px {vb:stylevar shadow_color};
    }

    .
    thread_info .inner_block, .info_subblock {
        
    padding: {vb:math {vb:stylevar padding}/2-1} {vb:stylevar padding};
    }

    ul.icon_list li {
        
    display:block;
        
    width100%;
        
    margin-bottom: {vb:math {vb:stylevar padding}/2};
    }

    .
    inner_block .commalist {
        
    margin-top:1em;
    }

    #thread_info_block_1 {
        
    width:34.9%;
        
    float:{vb:stylevar left};
    }

    #thread_info_block_1 > * {
        
    margin-{vb:stylevar right}:2px;
    }

    #thread_info_block_2 {
        
    width:65%;
        
    float:{vb:stylevar right};
    }

    #forumrules {
        
    border0;
        
    backgroundtransparent;
    }

    /* Similar Threads */
    .similar_threads {
        
    clear:both;
    }

    .
    similar_threads li {
        
    padding:{vb:stylevar blockrow_padding};
    }

    ol.similar_threads li h6 a {
        
    font: {vb:stylevar secondarycontent_font};
    }

    .
    similar_threads .starter_forum {
        
    font-size:{vb:stylevar small_fontSize};
    }

    .
    similar_threads .titleblock {float:{vb:stylevar left}}
    .
    similar_threads .dateblock {float:{vb:stylevar right}; text-align:{vb:stylevar right 
    }}


    الان باز هم باید محتوای options.css رو تغییر بدم ؟


    در ضمن الان من با کار هایی که در رابطه با Minify CSS رو انجام دادم Page Speed Grade دو درصد بهتر شد ، YSlow Grade یک درصد پائین اومد و از همه بدتر این بود که Page load time 2 ثانیه بهش اضافه شد و Total page size هم حدود 80 تا بهش اضافه شد . الان به نظر شما کاری که کردم به نفع سرعت بوده یا بدتر شده ؟!

    ممنون

  9. Top | #58
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    1,698
    میزان امتیاز
    205

    پیش فرض

    یک بک آپ از فایل بگیرید قبل از تغییر بعد تغییر بدید تا اگر مشکلی پیش اومد ضرر نکنید!
    و بعد عوض کنید

    2 تشکر توسط:


  10. Top | #59
    کاربر ویژه

    ورژن ویبولتین
    4.2
    نوشته ها
    266
    میزان امتیاز
    36

    پیش فرض

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

  11. Top | #60
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    1,698
    میزان امتیاز
    205

    پیش فرض

    خب فرومتو باز کن ببین کامل میدا یا نه؟اگه اشتباه بود برگردون

    کاربر مقابل از Ali-Reza بابت این پست مفید تشکر کرده است:


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

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

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

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

  1. كمك براي بهينه سازي با gtmetrix
    توسط Mehdi13 در انجمن پرسش و پاسخ
    پاسخ: 18
    آخرين نوشته: 2013/01/12, 12:31 PM
  2. پاسخ: 24
    آخرين نوشته: 2012/03/25, 04:06 PM
  3. پاسخ: 25
    آخرين نوشته: 2011/09/03, 09:58 PM
  4. بالابردن pagespeed شما -رایگان
    توسط Maziar در انجمن پرسش و پاسخ
    پاسخ: 0
    آخرين نوشته: 2011/07/07, 06:13 PM
  5. پاسخ: 1
    آخرين نوشته: 2011/06/17, 01:48 AM

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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