انجمن


تغییر اندازه متن دسته ها  (۱۳ نوشته)

  • winsent

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۲
    تشکر شده: ۳۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۷ آبان ۱۳۸۹ - ۱۹:۱۲

    سلام.
    ابتدا به عکس زیر نگاه کنید:
    http://0k2.001.img98.com/out.php/i501448_category.jpg

    در تصویر بالا "محصولات فتوشاپ" به عنوان دسته هستش.
    من اگر بخوام فقط دسته ها رو پر رنگ Bold کنم باید چکار کنم؟
    وقتی تغییری در فایل css میدم، هم دسته ها و هم زیرمجموعه ها همگی باهم پر رنگ میشن، من فقط و فقط میخوام دسته ها پر رنگ بشن.
    ممنون از راهنمایی شما دوستان عزیز و ارجمند

  • winsent

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۲
    تشکر شده: ۳۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۹ آبان ۱۳۸۹ - ۱۲:۰۵

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

  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۹ آبان ۱۳۸۹ - ۱۲:۳۸

    سلام, در Style.css دقت کنید برای لیست های نامرتب (li) زیر دسته ها کمی جلوتر هست.
    یه چیزی توی این‌ها:

    .class-name li{
      margin-right: 10px
    }

    یا:

    .class-name li{
      padding-right: 10px
    }

    و برای دسته اصلی اینطور نیست. پس سراغ class های ul بروید.

    .class-name ul{
      font-weight: bold
    }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    ~> Mr.vAhiD.DI <~ - mobile.gsm.iran - winsent - Saeed Fard
  • winsent

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۲
    تشکر شده: ۳۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۹ آبان ۱۳۸۹ - ۱۶:۴۴

    ممنون آقا مصطفی اما درست نشد!
    من کدهای لیست ها رو در زیر میزارم، ببینید:

    #rightcol ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
    }
    #rightcol li ul{
    display:block;
    list-style-type:none;
    }
    #rightcol ul li{
    display:block;
    background:url(images/arrow.gif) no-repeat right 5px;
    padding:0 10px 0 0;
    }
    #rightcol li{
    padding:0 8px 6px 0;
    display:block;
    background:url(images/arrow.gif) no-repeat right 5px;
    }
    #rightcol ul li ul li{
    background:url(images/point.gif) right 5px no-repeat;
    padding:0 10px 0 0;
    margin:0 10px 0 0;
    font-weight:100;
    }

    باید در کجا قرار بدم، آخه هر جا گذاشتم نشد.
    ممنون و سپاسگذار

  • بهروز ازند

    آفلاین
    عضو
    تعداد نوشته‌ها: ۵۱۹
    تشکر شده: ۷۹۹ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۹ آبان ۱۳۸۹ - ۱۷:۴۷

    کلاس اون دسته اینه براش استایل بنویس
    cat-item cat-item-29
    ازیه ترکیبی مثل اینهم میشه
    children li

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Saeed Fard - winsent - ~> Mr.vAhiD.DI <~ - Mostafa
  • winsent

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۲
    تشکر شده: ۳۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۹ آبان ۱۳۸۹ - ۲۲:۳۳

    encaria گفت:
    کلاس اون دسته اینه براش استایل بنویس
    cat-item cat-item-29
    ازیه ترکیبی مثل اینهم میشه
    children li

    ممنون!
    ولی من مثل شما وارد نیستم که!
    شما که زحمت کشیدید، لطف کنید کد رو مثل من بذارید تا بدونم چکار کنم...

  • winsent

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۲
    تشکر شده: ۳۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۱ آذر ۱۳۸۹ - ۱۲:۲۷

    آقا هر کاری میکنم نمیتونم درستش کنم!
    آقا مصطفی یا encaria جان کمک کنید.
    با تشکر و سپاس فراوان

  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۱ آذر ۱۳۸۹ - ۲۰:۱۰

    winsent گفت:
    آقا هر کاری میکنم نمیتونم درستش کنم!
    آقا مصطفی یا encaria جان کمک کنید.
    با تشکر و سپاس فراوان

    شما اینو برای آزمایش استفاده کنید

    #rightcol ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
      background-color: #FFFF33; /* Yellow */
    }
    #rightcol li ul{
    display:block;
    list-style-type:none;
      background-color: #FF0066;  /* Red */
    }
    #rightcol ul li{
    display:block;
    background:#0000CC 5px no-repeat right;    /* Blue */
    padding:0 10px 0 0;
    }
    #rightcol li{
    padding:0 8px 6px 0;
    display:block;
    background:url(images/arrow.gif) no-repeat right 5px;
    }
    #rightcol ul li ul li{
    background:url(images/point.gif) right 5px no-repeat;
    padding:0 10px 0 0;
    margin:0 10px 0 0;
    font-weight:100;
    }

    و هرکجا رو که بخواین می تونید از طریق رنگی که مشخص کردم Bold کنید.
    خط زیر رو درون کدی که می خواین Bold بشه به کار ببرید.
    font-weight:bold;
    و در آخر سر هم

    background-color: #FFFF33; /* Yellow */
     background-color: #FF0066;  /* Red */
    background:#0000CC 5px no-repeat right;    /* Blue */

    رو از کد بالا حذف کنید.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    ~> Mr.vAhiD.DI <~ - winsent
  • winsent

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۲
    تشکر شده: ۳۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۱ آذر ۱۳۸۹ - ۲۲:۲۰

    کدی که شما لطف کردید و گذاشتید رو قرار دادم.
    تغییرات اینگونه اعمال شد:
    - تمامی زیردسته ها (زیرمجموعه ها) بک گراند اونها به رنگ قرمز در آمد.
    - قسمت لینک دوستان و آرشیو وب سایت به رنگ زرد در آمد.
    - رنگ آبی در هیچ کجا به نمایش در نیامد.

    قابل توجه! در هر کجا که عبارت Bold شدن رو قرار دادم منو به صورت زیر در آمد:
    http://0k2.001.img98.com/out.php/i513129_Menu.jpg

    مشکل چیست...؟!

  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۲ آذر ۱۳۸۹ - ۱۶:۵۸

    winsent گفت:
    کدی که شما لطف کردید و گذاشتید رو قرار دادم.
    تغییرات اینگونه اعمال شد:
    - تمامی زیردسته ها (زیرمجموعه ها) بک گراند اونها به رنگ قرمز در آمد.
    - قسمت لینک دوستان و آرشیو وب سایت به رنگ زرد در آمد.
    - رنگ آبی در هیچ کجا به نمایش در نیامد.

    قابل توجه! در هر کجا که عبارت Bold شدن رو قرار دادم منو به صورت زیر در آمد:
    http://0k2.001.img98.com/out.php/i513129_Menu.jpg

    مشکل چیست...؟!

    پس class عنوان رو در کد بالا نداریم.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    ~> Mr.vAhiD.DI <~
  • winsent

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۲
    تشکر شده: ۳۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲ آذر ۱۳۸۹ - ۲۲:۲۰

    نمیدونم، من وارد نیستم خیلی.
    حالا راهی داره درست بشه آقا مصطفی؟

  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۲ آذر ۱۳۸۹ - ۲۳:۴۱

    سلام, اینو بررسی کن.

    .cat-item{
        font-weight: bold
    }
    
    .cat-item ul{
        font-weight: normal;
    }
    
    .cat-item ul ul li{
        font-weight: normal;
    }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    ~> Mr.vAhiD.DI <~ - winsent
  • winsent

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۲
    تشکر شده: ۳۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۳ آذر ۱۳۸۹ - ۱۱:۰۳

    نشد!
    بازهم تمامی مجموعه ها و زیرمجموعه های Bold شدند...

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.