انجمن


یه کمک کوچولو برای تغییر یه کد css ( خیلی سعی کردم و گشتم ن  (۵ نوشته)

  • ronixweb

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

    سلام

    دوستان این کد های css یه افزونه هست به نام Slide Out Tab که پایین سایت میاد و یک دکمه میزاده که با کلیک روش یک پنل باز میشه و محتویاتی توش رو نمایش میده . من هر کاری کردم موقعیت این پنل رو بیارم سمت چپ سایت نتونستم

    در این عکس منظورمو بهتر مشخص کردم
    لینک افزونه

    اینم کدای css ارجینالش

    #slide-out-tab-wrap {
    	display: none;
    	position: fixed;
    	width: 400px;
    	max-width: 80%;
    	bottom: 0;
    	right: 10%;
    	z-index: 9999;
    }
    #slide-out-tab-wrap img {
    	margin: 15px 0;
    }
    #slide-out-tab-tab {
    	position: absolute;
    	top: 0;
    	left: 0;
    	cursor: pointer;
    	display: inline-block;
    	background-color: #f1f1f1;
    	font-weight: bold;
    	height: 25px;
    	padding: 15px 14px 6px;
    	-webkit-border-top-left-radius: 8px;
    	-webkit-border-top-right-radius: 8px;
    	-moz-border-radius-topleft: 8px;
    	-moz-border-radius-topright: 8px;
    	border-top-left-radius: 8px;
    	border-top-right-radius: 8px;
    	border-top: 7px solid #fff;
    	border-right: 7px solid #fff;
    	border-left: 7px solid #fff;
    	box-shadow: 0 -2px 6px -2px rgba(0,0,0,0.3);
    }
    #slide-out-tab-content {
    	position: absolute;
    	top: 46px;
    	left: 0;
    	background-color: #f1f1f1;
    	padding: 18px 14px 36px;
    	-webkit-border-top-right-radius: 8px;
    	-moz-border-radius-topright: 8px;
    	border-top-right-radius: 8px;
    	border-top: 7px solid #fff;
    	border-right: 7px solid #fff;
    	border-left: 7px solid #fff;
    	box-shadow: 0 -2px 6px -2px rgba(0,0,0,0.3);
    }
  • MD:::... Hosseini

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

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

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
  • ronixweb

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

    محمد جان روی wamp server لوکال دارم کار میکنم روی یک قالب
    اگه امکان داره خواهش میکنم کد های css رو اصلاح کن برام و بزار همینجا
    خیلی ممنون

  • MD:::... Hosseini

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

    دوست عزیز من در حد توانم اینم بردم سمت چپ اما نتونستم کاری کنم که روش کلیک می کنی به راست باز شه بازم به بالا باز میشه ! که اینگار هیچی دیگه ! باز من کد رو قرار میدم شاید خودتون یا کسی پیدا شد تونیست درست کنه
    این کد رو کامل جایگزین style.css کنید

    #slide-out-tab-wrap {
           -webkit-transform: rotate(90deg);
           -moz-transform: rotate(90deg);
           -o-transform: rotate(90deg);
            writing-mode: tb-rl;
    	display: none;
    	position: fixed;
    	width: 400px;
    	max-width: 80%;
    	right: 0;
    	right: 80%;
    	z-index: 9999;
    }
    #slide-out-tab-wrap img {
    	margin: 15px 0;
    }
    #slide-out-tab-tab {
    	position: absolute;
    	top: 0;
    	left: 0;
    	cursor: pointer;
    	display: inline-block;
    	background-color: #f1f1f1;
    	font-weight: bold;
    	height: 25px;
    	padding: 15px 14px 6px;
    	-webkit-border-top-left-radius: 8px;
    	-webkit-border-top-right-radius: 8px;
    	-moz-border-radius-topleft: 8px;
    	-moz-border-radius-topright: 8px;
    	border-top-left-radius: 8px;
    	border-top-right-radius: 8px;
    	border-top: 7px solid #fff;
    	border-right: 7px solid #fff;
    	border-left: 7px solid #fff;
    	box-shadow: 0 -2px 6px -2px rgba(0,0,0,0.3);
    }
    #slide-out-tab-content {
    	position: absolute;
    	top: 46px;
    	left: 0;
    	background-color: #f1f1f1;
    	padding: 18px 14px 36px;
    	-webkit-border-top-right-radius: 8px;
    	-moz-border-radius-topright: 8px;
    	border-top-right-radius: 8px;
    	border-top: 7px solid #fff;
    	border-right: 7px solid #fff;
    	border-left: 7px solid #fff;
    	box-shadow: 0 -2px 6px -2px rgba(0,0,0,0.3);
    }
  • ronixweb

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

    محمد جان خیلی ممنونم از اینهمه زحمتی که کشیدی

    من به سازنده پلاگین هم ایمیل زدم و ازش درخواست کردم که این کارو بکنه جواب داده در حال حاضر متاسفانه این پلاگین این امکان رو نداره ..

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

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    MD:::... Hosseini

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



برچسب‌ها

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