PDPA | ต.ย. TOT cookie | รหัสต้นฉบับ TOT cookie | CSS & JQuery | CSS ภายใน | JS & Banner |
ต.ย. ข้อมูล cookie ของท่าน ที่ระบบขอใช้ เพื่อพัฒนาบริการ Cookie named 'p3' is not set!
ตัวอย่างการใช้งาน cookie
เพื่อพัฒนาบริการให้มีประสิทธิภาพ โปรดคลิ๊กตามลิงค์ด้านล่างนี้
1. รหัสต้นฉบับทั้งหมด เพื่อสร้าง banner ขอความยินยอม : (เชิญคลิ๊กครับ)
2. การเรียนใช้ external css และ jquery (เชิญคลิ๊กครับ)
3. รหัสต้นฉบับ เฉพาะส่วนของ CSS (เชิญคลิ๊กครับ)
4. ส่วนของ javascript และ banner (เชิญคลิ๊กครับ)
รหัสต้นฉบับ เฉพาะส่วนของ CSS
<style type="text/css" media="all">
.cookiealert {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #067fc3;
    background: linear-gradient(180deg, #067fc3 0%, #06e5e7 100%);
    padding: 20px 0 10px;
}
.cookiealert.show {opacity: 1;transform: translateY(0%);transition-delay: 1000ms}
.cookiealert .container{padding-right: 27%;}
.cookiealert .acceptcookies {margin-left: 10px;vertical-align: baseline}
.cookiealert .ly-txt {padding: 10px 0;}
.cookiealert .ly-txt a{color: white!important;}
.cookiealert .btn-block-cookie .btn_main{max-width: 170px;height: 45px;}
.cookiealert .btn-block-cookie .btn_main span{line-height: 43px;}
.cookiealert .icon-imgcorrect{padding-right: 9px;top: -5px;position: relative;max-width: 35px;}
.cookiealert .cookiealert-img-mobile {display: none}
.cookiealert .cookiealert-img-desktop {position: absolute;bottom: -4px;right: 0;width: 27%}
.cookiealert .visible-xss{display: none;}
.indent{text-indent: 30px;}
hr.tophr {margin: 0 auto;margin-top: 25px;}
@media only screen and (min-width:1750px){
	.cookiealert .container{padding-right: 17%;}
}
@media only screen and (max-width:480px) {
	.cookiealert .cookiealert-img-desktop {display: none}
	.cookiealert {padding: 15px 0;}
    .cookiealert .cookiealert-img-mobile {display: block;position: absolute;top: -100px;right: -30px;width: 50%;
    }
    .cookiealert .cookiealert-img-mobile img{max-width: 200px;}
    .cookiealert .container{padding-right: 0;}
    .cookiealert .visible-xss{display: block;}
    .cookiealert .txt-cookies-head{font-size: 16px;padding-bottom: 5px;}
    .cookiealert .ly-txt {padding: 0px;font-size: 13px;}
    .cookiealert .ly-txt a{color: white;}
    .cookiealert .btn-block-cookie{height: 40px;}
    .cookieaccepted{transform: scale(0.78);transform-origin: left;}
}
</style>
Thaiall.com