در حال نمایش 13 نوشته - 16 تا 28 (از کل 28)
  • نویسنده
    نوشته ها
  • #30970

    سعید شعبانی
    کلید دار

    اگر آدرس سایتتون را قرار بدید راحت تر می تونم کمکتون کنم. ولی شما می تونید با استفاده از کد زیر پس زمینه box را حذف کنید.

    .boxs {
        background: transparent;
    }
    #30973

    Amin
    مشارکت کننده
    این پاسخ به عنوان خصوصی علامتگذاری شده است.
    #30974

    سعید شعبانی
    کلید دار

    از کدهای css زیر استفاده کنید تا درست بشه. بعد تغییرات کدهای css حتما یکبار حافظه کش مرورگر را کاملا پاک کنید تا تغییرات را بتونید ببینید.

    .box {
        background: transparent none repeat scroll 0 0;
        border: 0 none !important;
        float: right;
        margin-bottom: 10px;
        width: 312px;
    }
    .but {
        cursor: pointer;
        height: 50px;
        width: 50px;
    }
    .box p {
        background: transparent;
        display: none;
        padding: 6px 8px;
        width: 210px;
    }
    .box.active p {
        background-color: #ef9e10;
        display: block;
    }
    #30975

    Amin
    مشارکت کننده
    این پاسخ به عنوان خصوصی علامتگذاری شده است.
    #30976

    Amin
    مشارکت کننده
    این پاسخ به عنوان خصوصی علامتگذاری شده است.
    #30977

    سعید شعبانی
    کلید دار

    فکر کنم نام css ها با نام css قالب یکی شده

    بله به احتمال زیاد برخی از کلاس ها در جاهای دیگه قالب هم استفاده شده باشه. می تونید از نام های اختصاصی تری مثل box-top, but-top و … در html و css استفاده کنید تا این مشکل ایجاد نشه.

    #30978

    Amin
    مشارکت کننده

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

    #30981

    سعید شعبانی
    کلید دار

    برای ثابت شدن در بالای صفحه می تونید به شکل زیر عمل کنید:

    .box {
        position: fixed;
        right: 0;
        top: 0;
    }

    برای اینکه به صورت کشویی پایین بیاد روش های مختلفی را می تونید استافده کنید. مثلا می تونید از transform و transition در css استفاده کنید یا اینکه با جاوااسکریپت به صورت داینامیک این کار را انجام بدید.

    #30983

    Amin
    مشارکت کننده
    این پاسخ به عنوان خصوصی علامتگذاری شده است.
    #30984

    ali12345
    مشارکت کننده

    چطوری ازش استفاده کنم

    #30985

    ali12345
    مشارکت کننده

    دانلود کردم نتونستم ازش استفاده کنم

    #30988

    سعید شعبانی
    کلید دار

    برای مورد دوم کد های زیر را امتحان کنید.

    .box-top p {
        background: transparent none repeat scroll 0 0;
        bottom: 62px;
        opacity: 0;
        padding: 6px 8px;
        position: relative;
        transition: all 2s ease 0s;
        visibility: hidden;
        width: 210px;
        z-index: -1;
    }
    .box-top.active p {
        background-color: #ef9e10;
        bottom: 0;
        opacity: 1;
        transition: all 2s ease 0s;
        visibility: visible;
    }
    #32528

    Amin
    مشارکت کننده
    این پاسخ به عنوان خصوصی علامتگذاری شده است.
در حال نمایش 13 نوشته - 16 تا 28 (از کل 28)

کاربر گرامی برای پاسخ به این موضوع اگر عضو روکش هستید باید سایت شوید در غیر اینصورت باید عضو شوید.