Tuấn Anh Moder
Posts : 20 Reputation : 3 Tâm Trạng : Châm Ngôn Sống : Những ai không biết tự trọng thì cũng khó mà đòi hỏi người khác tôn trọng mình. avatar-dulieu : 57,11744|50,11892|49,10988|64,12636|48,12375 Join date : 25/10/2012
| Tiêu đề: [Code] Hiệu Ứng Đóng Mở Khung Trả Lời Nhanh Thu Nov 01, 2012 3:53 pm | |
| Demo: Khi Chưa Rê Chuột Vào: [You must be registered and logged in to see this image.]Khi Rê Chuột Vào: [You must be registered and logged in to see this image.]Cách Làm: Cho vào CSS - Code:
-
form#quick_reply #textarea_content textarea#text_editor_textarea, form#quick_reply #textarea_content iframe#text_editor_iframe { color: #666 resize: none; overflow: auto; background-color: #ff0000 !important; border: transparent !important; background-image: -moz-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: -ms-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: -o-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#ffffff)); background-image: -webkit-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: linear-gradient(top,#ffffff 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffffff); -moz-border-radius-topleft: 0; } #quick_reply { padding: 2px; } #quick_reply:focus, #quick_reply:hover, #quick_reply:active { height: 312px; -moz-transition: all 0.518s; -ms-transition: all 0.518s; -o-transtion: all 0.518s; -webkit-transition: all 0.518s; transition: all 0.518s; } #quick_reply { height: 74px; -moz-transition: all 0.518s; -ms-transition: all 0.518s; -o-transtion: all 0.518s; -webkit-transition: all 0.518s; transition: all 0.518s; }
#quick_reply { z-index: 999; border: 1px solid #CCC; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: -ms-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: -o-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#ffffff)); background-image: -webkit-linear-gradient(top,#ffffff 0%,#ffff 100%); background-image: linear-gradient(top,#ffffff 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffffff); -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -o-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
form#quick_reply #textarea_content textarea#text_editor_textarea:focus{ background-image: -moz-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: -ms-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: -o-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#ffffff)); background-image: -webkit-linear-gradient(top,#ffffff 0%,#ffffff 100%); background-image: linear-gradient(top,#ffffff 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffffff); } | |
|