انجمن


مشکل در اندازه لود عکس !  (۵ نوشته)

  • hossputer

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

    دوستان این قسمتی از فایل استایه قالبه منه که توش دستور داده شده که عکس 25% از کادر سایت رو بگیره .

    حال من زدم این 25% رو پاک کردم سایز عکس واقیی میشه و انداش تنظیمش میشه ولی راستو چپ نمیره .

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

    بزرگ کردم قسمته مربوطه رو

    .meta{-webkit-border-radius:0 0 500px 0;-moz-border-radius:0 0 500px 0;-o-border-radius:0 0 500px 0;border-radius:0 0 500px 0;border-right:3px #fff;border-bottom:3px #fff ;color:#fff;padding:1px
    10px 1px 1px;font-size:10px;background:#d9d9d9;margin:19px
    40px 10px 0; color:#313131;width:485px;float:right;overflow:hidden;}.post .meta
    ul{width:100%;padding:0;margin:0}.post .meta
    li{margin:0px;float:right;padding:5px
    20px 5px 5px}.post .meta
    a{color:#000}.post .meta
    li.user{background:url('images/user.png') no-repeat right center}.post .meta
    li.cat{background:url('images/cat.png') no-repeat right center}.post .meta
    li.check{background:url('images/check.png') no-repeat right center}.post .entry, .post #entry_s, .post
    .entry4{text-shadow:2px 2px 1px #fff}.post .entry p a, .post #entry_s p
    a{background:url('images/link.png') no-repeat right center;padding:0
    20px 0 0;color:#f10017;text-shadow:1px 1px 1px #414141}.post .entry p a:hover, #entry_s p a:hover{color:#000;text-shadow:1px 1px 1px #fff}.post .entry
    img{padding:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:2px
    10px 15px 10px;float:right;width:25%;height:25%;box-shadow: 0px 0px 5px #888;}.post #entry_s
    img{box-shadow: 0px 0px 5px #888;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:5px 30px;background-color:#a4a2a4;background-image:url('images/img-sing-bg.png'), url('images/62.gif');background-position:center bottom, center center;background-repeat:no-repeat;}
    .post .entry4
    img{box-shadow:2px 2px 5px 1px #414141;padding:0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:5px;border-bottom:2px #f10017 ;border-right:2px #f10017 }code{white-space:pre;background:#252525 url('images/code.png') no-repeat right -1px;padding:10px
    25px 10px 5px;display:block;direction:ltr;text-align:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;margin:5px;border:2px
    #fff ;font-family:Arial,Helvetica,sans-serif;box-shadow:0px 0px 0px 3px #252525;text-shadow:1px 1px 2px #000;overflow:hidden;max-width:485px}.
    jdl{float:right;margin:5px
    5px 10px 5px;padding:5px}
    .jdl
    ul{margin:5px;width:430px;padding:5px
    5px 5px 64px;float:right;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;min-height:90px;box-shadow:0 0 0 5px #c1c1c1;border:2px
    #fff ;background-color:#c1c1c1;background-image:url('images/detalis.png');background-position:10px center;background-repeat:no-repeat}.jdl ul
    li{padding:5px
    10px 5px 10px;margin:5px;font-size:12px;border-bottom:5px #000 solid;border-top:0px #000 solid;border-radius:5px 15px 5px 15px;float:right;background:-moz-linear-gradient(top, #000, #505050);background:-webkit-linear-gradient(top, #000, #505050);background:-o-linear-gradient(top, #000, #505050);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#000', GradientType=0);box-shadow:1px 1px 2px 0px #000;color:#fff;text-shadow:2px 2px 1px #000;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in}.jdl ul li:hover{background:#c1c1c1;z-index:50px;color:#000;margin:8px
    5px 5px 5px;box-shadow:1px 1px 2px 0px #414141 inset;text-shadow:1px 1px 2px #000;border-bottom:2px #000 solid;border-top:0px #000 solid}.jdl ul li
    a{color:#fff;background:url('images/linka.png') no-repeat right center;padding:0
    22px 0 0}.jdl ul li:hover
    a{color:#000}.jdl
    ul.dl{margin:20px
    5px 5px 5px;width:490px;padding:20px
    5px 20px 5px;float:right;min-height:40px;box-shadow:0 0 0 5px #c1c1c1;border:2px
    #fff ;background-color:#c1c1c1;background-image:url('images/download3.png');background-position:10px center;background-repeat:no-repeat}div.share{margin:10px;padding:0;float:right}div.share
    ul.sh{display:block;margin:0;float:right;padding:0;padding:0;width:100%}div.share ul.sh
    li{background:#c1c1c1;padding:5px;margin:0px
    1px 0 1px;color:#414141;float:right;box-shadow:0px 0px 2px 1px #000;font-size:12px;text-shadow:1px 1px 1px #fff;opacity:0;filter:alpha(opacity=0)}div.share ul.sh li
    a{color:#414141}div.share ul.sh li:hover
    a{color:#fff}div.share ul.sh li a:hover{color:#fff}li.gp{-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;transition:all 0.1s ease-in;height:20px;width:60px;padding:0}li.gp
    div{float:right;margin:2px

  • ammargraph

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

    سلام دوست عزیز
    من دقیقاً سوال رو متوجه نشدم.
    شما میخوای که تصاویر با اندازه دلخواه شما نمایش داده بشن و چپ چین و راست چین هم بشن؟
    توی این قسمت از کد : float:right;width:25%;height:25%; نوشته شده که تصاویر برن سمت راست، واسه همین شما نمیتونید موقعیتشون رو تغییر بدین ...
    میتونید با ورداشتن این کد float:right; موقعیت رو خودتون تعیین کنید.
    موفق باشید
    یا علی

  • hossputer

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

    ammargraph گفت:
    سلام دوست عزیز
    من دقیقاً سوال رو متوجه نشدم.
    شما میخوای که تصاویر با اندازه دلخواه شما نمایش داده بشن و چپ چین و راست چین هم بشن؟
    توی این قسمت از کد : float:right;width:25%;height:25%; نوشته شده که تصاویر برن سمت راست، واسه همین شما نمیتونید موقعیتشون رو تغییر بدین ...
    میتونید با ورداشتن این کد float:right; موقعیت رو خودتون تعیین کنید.
    موفق باشید
    یا علی

    دسته شما درد نکنه رفیق خیلی ممنون . عالی بود . من دقیقا میخوام راستو چپ برنبه دلخواهم و اندازه اصلیشون باشن ! خودم زدم قسمت width:25%;height:25% v رو پاک کردم که درست شد اندازش پس با پاک کردن ایت فولت رایت هم مشکله راستو چپیش اوکی میشه . فقط در نبود این دو کد بنظرتون اروری نداره نه ؟ البته درست کار میده

    ممنون رفیق . خیلیی لطف کردین

  • ammargraph

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

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

  • hossputer

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

    ammargraph گفت:
    سلام مجدد
    خواهش میکنم ...
    اروری که نمیده اما باید حواست باشه که اندازه رو همیشه درست کنی وگرنه فُرم قالبت به هم میریزه ...
    درضمن توصیه میکنم پی دی اف های CSS3 رو بخونی، خیلی به درد میخوره ...
    یا علی

    مرسی رفیق . دستت درد نکنه خیلی لطف کردین

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



برچسب‌ها

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