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

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 2 از 2

مقاله: [آموزش] بخش ها و زیربخش های انجمن خود را دو ستونه کنید!

    1. [آموزش] بخش ها و زیربخش های انجمن خود را دو ستونه کنید! »

      [آموزش] بخش ها و زیربخش های انجمن خود را دو ستونه کنید!

      نگارش: , by (VIP)
      2012/06/03 03:14 PM
      امتیاز: 

      درود،

      امروز با یه آموزش در خدمتتون هستم.. که توسط این آموزش میتونید بخش های انجمنتون رو به دو بخش تقسیم کنید..

      اگه تعداد بخش هایی که دارید زیاد هستند، این روش، فکر می کنم خیلی براتون مفید باشه.

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

      قرار نیست که در این مقاله بهتون CSS آموزش داده شه! شما می بایست یه مقداری اطلاعات (هر چند کم) در این مورد داشته باشید.. مباحثی هم که مطرح میشه، مباحث بسیار سطحی و ساده ای از CSS هست.

      ممکنه در نسخه های بعدی ویبولتین به خاطر تغییراتی که معمولاً در قالب ها اعمال میشه، این آموزشی که خدمتتون بدم هم دچار تغییر بشه.. تغییرات رو هم در همین مقاله قرار میدم...

      قراره که ما یه همچین چیزی رو داشته باشیم :

      forum_css5.png

      خب برای شروع کار، اول کدهای زیر رو در انتهای قالب Additional.css خودتون بریزید :

      کد:
      .forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {  border-top: 0;
      }
      .forumrow .table {
        height: 100px;
      }
      ol.childforum {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
      }
      .childforum li.forumbit_post {
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
        clear:none;
      }
      #forums .L1 .L2 {
        clear:none;
      }
      .forumbit_post .forumrow .forumlastpost {
        clear:both;
        width:95%;
      }
      .forumbit_post .forumlastpost .lastpostby {
        display: block;
        float: left;
      }
      .forumbit_post .forumlastpost .lastpostdate {
        display: block;
        float: right;
      }
      .forumbit_post .forumlastpost .lastposttitle {
        display: block;
        float: left;
      }
      .forumbit_post .foruminfo {
        clear:right;
        float:left;
        min-width:50%;
        width:70%;
      }
      .forumbit_post .forumstats, .forumbit_post .forumstats_2 {
        width:20%;
      }
      اگه به CSS آشنایی دارید خودتون هم میتونید تغییراتی در کدهای فوق لحاظ کنید.

      ممکنه در بخش هایی از زیر بخش ها (مثلاً کنارشون) یه کاما اومده باشه.. مثل تصویر زیر :

      subforum_css1.png

      اگه چنین چیزی رو مشاهده کردید کد زیر رو در انتهای کد فوق قرار بدید :

      کد:
      .subforums ol.subforumlist  {  float: left;
        width: 100%;
        margin: 0;
        padding: 0;
      }
      .subforumlist li.subforum {
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
        clear:none;
      }
      /* to remove the commas */
      .commalist li.subforum:after {
          content:"";
      }
      پیروز باشید.

      منبع: وی بی ایران
  1. Top | #2
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2.2
    نوشته ها
    1,346
    میزان امتیاز
    0

    پیش فرض

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



    help

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

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

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

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

  1. پاسخ: 4
    آخرين نوشته: 2012/12/08, 03:22 AM
  2. چرا زیر شاخه های من دو ستونه نمیشن؟؟؟؟؟؟؟
    توسط sajad baraghi در انجمن پرسش و پاسخ
    پاسخ: 6
    آخرين نوشته: 2012/11/27, 12:41 AM
  3. مشکل در ستونی کردن زیر مجموعه ها
    توسط alireza3135 در انجمن پرسش و پاسخ
    پاسخ: 2
    آخرين نوشته: 2012/05/12, 12:34 AM
  4. ستونی نشد زیر شاخه ها
    توسط babelirani در انجمن پرسش و پاسخ
    پاسخ: 9
    آخرين نوشته: 2011/10/08, 04:40 PM
  5. بهترین هک ستونی کردن زیر انجمن ها
    توسط mac_mortal در انجمن پرسش و پاسخ
    پاسخ: 6
    آخرين نوشته: 2011/09/10, 04:13 PM

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

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

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

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

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