پشتیبانی مشکل با کاور انجمن

Megaman

کاربر
#1
سلام مجدد
نمیدونم چرا انجمن به این خوبی... ضعف توی کاورش داره o_O

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

مثلا تو ال سی دی های کشیده ،تصویر کوچک....تو ال سیدی های مربع ،تصویر کامل... و ....

نمیشه حالتی براش تعریف کرد که تصویر فری سایز باشه ؟
یعنی با توجه به اندازه صفحه نمایش هر کاربر ،تصویر کاور رو به همون میزان تنظیم کنه ؟
ممنون میشم راه حلی پیدا کنید:(
 

Megaman

کاربر
#3
همون کاوری که در صفحه اصلی انجمن در بالاترین قسمت قرار میگیره رو میگم
مال انجمن شما عکس کوهستانه و وقتی رو صفحه زوم میکنیم روی اون عکس هم طوم میشه چون عکس بزرگی قرار دادین

اما مثلا من یه عکس گذاشتم 100*500پیکسل
میخوام اون فری سایز بشه
هرچقدر صفجه بزرگ کوچیک شد اونم به همون نسبت خودشو تنظیم کنه
اگر نشد
در مرکز عکس قرار بگیره نه در سمت راست یا چپ
مرسی
 

H4M3D

مدیر کل
#4
اون هیدره هست لوگو اون سایز نمیشه که
برای این کار برید تنظیمات استایل و زبان>تنظیمات استایل>پیشانی (Header) و نوار ابزار (Navigation)>هیدر>پس زمینه
 

Megaman

کاربر
#5
مرسی
خودم از همون قسمت قبلا تصویر رو اظافه کردم
ولی حرفم چیز دیگست
میخوام سایز عکس هدری که گذاشتم با توجه به مانیتور های مختلف کاربرا..کش بیاد ...کوچیک بشه...بزرگ بشه
نه اینکه اندازه ثابتی داشته باشه
اون رو منظورمه چکار کنم
 

mr.m0hamm4d

عاقا محمد :)
کاربر
#6
مرسی
خودم از همون قسمت قبلا تصویر رو اظافه کردم
ولی حرفم چیز دیگست
میخوام سایز عکس هدری که گذاشتم با توجه به مانیتور های مختلف کاربرا..کش بیاد ...کوچیک بشه...بزرگ بشه
نه اینکه اندازه ثابتی داشته باشه
اون رو منظورمه چکار کنم
به عکستون با سی اس اس width رو به درصد بدید .(نه به پیکسل)
این یکی از اصول ریسپانسیو کردنه
اگه به درصد عرض بدید خودش با کوچیک و بزرگ شدن صفحه سایزش عوض میشه.
 

Megaman

کاربر
#7
ایول ....
دمت گرممم... درسته
فقط تست کردم نتونستم درستش کنم
این کدش:
کد
#header
{
    @property "header";
    background: @contentText url('http://aseman.dnswebhost.com:2082/cpsess6910965472/viewer/home%2fvoltir%2fpublic_html%2fpicture%20add%20me%20/LOGO228LOGO%20NEW.jpg');
    @property "/header";
}

{xen:helper clearfix, '#header .pageWidth .pageContent'}

    #logo
    {
        display: block;
        float: left;
        line-height: {xen:calc '@headerLogoHeight - 4'}px;
        *line-height: @headerLogoHeight;
        height: @headerLogoHeight;
        max-width: 100%;
        vertical-align: middle;
    }

        /* IE6/7 vertical align fix */
        #logo span
        {
            *display: inline-block;
            *height: 100%;
        }

        #logo a:hover
        {
            text-decoration: none;
        }

        #logo img
        {
            vertical-align: middle;
            max-width: 100%;
        }

    #visitorInfo
    {
        float: right;
        min-width: 100%;
        _width: 100%;
        overflow: hidden; zoom: 1;
        background: @primaryLighter;
        padding: 5px;
        border-radius: 5px;
        margin: 10px 0;
        border: 1px solid @primaryDarker;
        color: @primaryDarker;
    }

        #visitorInfo .avatar
        {
            float: left;
            display: block;
        }

            #visitorInfo .avatar .img
            {
                border-color: @primaryLightish;
            }

        #visitorInfo .username
        {
            font-size: 18px;
            text-shadow: 1px 1px 10px white;
            color: @primaryDarker;
            white-space: nowrap;
            word-wrap: normal;
        }

        #alerts
        {
            zoom: 1;
        }

        #alerts #alertMessages
        {
            padding-left: 5px;
        }

        #alerts li.alertItem
        {
            font-size: 11px;
        }

            #alerts .label
            {
                color: @primaryDarker;
            }
تو قسمت #visitorInfo مقدار رو روی 100% گذاشتم...
ولی بازم نشد...
باید چکار کنم دقیقا ؟
 

mr.m0hamm4d

عاقا محمد :)
کاربر
#8
منظورتون رو دقیق متوجه نشدم.
شما چیکار به visitorInfo دارین ؟

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

Megaman

کاربر
#9
عکس تو هدر گذاشتم
ولی اون عکس اندازش ثابته
وقتی تو مانیتور های دیگه نگاه میکنم یا تصویر کوچکتره یا تصویر بزرگتره
میخوام استریج باشه...تصویر فری سایز باشه...کش بیاد...تصویری که گذاشتم تو همه مانیتور ها از سمت چپ تا سمت راست کادر رو بگیره...نه اینکه کوچیک یا بزرگ باشه
منظورم رو نمیدونم تونستم برسونم ؟
 

mr.m0hamm4d

عاقا محمد :)
کاربر
#10
عکس تو هدر گذاشتم
ولی اون عکس اندازش ثابته
وقتی تو مانیتور های دیگه نگاه میکنم یا تصویر کوچکتره یا تصویر بزرگتره
میخوام استریج باشه...تصویر فری سایز باشه...کش بیاد...تصویری که گذاشتم تو همه مانیتور ها از سمت چپ تا سمت راست کادر رو بگیره...نه اینکه کوچیک یا بزرگ باشه
منظورم رو نمیدونم تونستم برسونم ؟
بله ولی شما عکس رو اشتباه گزاشتید .
جای لوگو عکستون رو قرار دادید .
باید برای پس زمینه هدر عکس بزارید نه لوگو
 

Megaman

کاربر
#11
بله درسته
منظورتون رو متوجه شدم
ولی میخوام اگه امکانش هست همین عکس فری سایز بشه و تغییر سایز پیدا کنه به میزان صفحه نمایش کاربر...
امکانش هست ؟
یا باید برم یکی بزرگتر طراحی کنم