hình như mấy cái block này mấy bác trên này share hết rồi mà bác về tùy biến thêm tí CSS là ok mà
Bác chỉ em làm sao cái slide này responsive với http://hyundaitechinfo.net/ em chỉnh CSS ngon nghẻ hết còn mỗi thằng java của slide nữa bác coi hộ em với cảm ơn bác
bạn vào phần EWRblock_HotNews thay toàn bộ code sau: Mã: {$news.title} Nhớ thay tên miền hanhtrinhso.com bằng cái của bạn nhé! EWRblock_HotNews.css: Mã: .bdImage_Widget_Slider_Container { overflow: hidden; } .bdImage_Widget_Slider_Container .jcarousel-clip { margin: 0 auto; overflow: hidden; } .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal, .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:after { position: absolute; left:-16px; width: 32px; height: 32px; cursor: pointer; background: transparent; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .jcarousel-container:hover .jcarousel-prev-horizontal{left:17px} .bdImage_Widget_Slider_Container .jcarousel-next-horizontal, .bdImage_Widget_Slider_Container .jcarousel-next-horizontal:after { position: absolute; right: -16px; width: 32px; height: 32px; cursor: pointer; background: transparent; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .jcarousel-container:hover .jcarousel-next-horizontal {right:17px} .bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:after { content: ''; line-height: 15px; background: #eee url(styles/default/bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365/arrow-left.png) no-repeat; border:1px solid #e1e1e1; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; } .bdImage_Widget_Slider_Container .jcarousel-next-horizontal:after { content: ''; background: #eee url(styles/default/bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365/arrow-right.png) no-repeat; border:1px solid #e1e1e1; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; line-height: 15px; } .bdImage_Widget_Slider_Container .bx-wrapper .bx-viewport { border: 0; } .bdImage_Widget_Slider_Container .bx-wrapper img { width: 100%; } .bdImage_Widget_Items { } /* clearfix */ .bdImage_Widget_Items { zoom: 1; } .bdImage_Widget_Items:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .bdImage_Widget_Items > li { float: left; } .bdImage_WidgetRenderer_ThreadsTwo { display: block; } .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Feature { display: block; float: left; overflow: hidden; } .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Feature .text .title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Feature .text .body { text-align: justify; } .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small { display: block; float: none; overflow: hidden; } .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small.bdImage_SmallWithThumbnail .thumbnail { display: block; float: left; } . .bdImage_Small.bdImage_SmallWithThumbnail .text { display: block; float: none; } /* clearfix */ . .bdImage_Small.bdImage_SmallWithThumbnail li { zoom: 1; } . .bdImage_Small.bdImage_SmallWithThumbnail li:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small li { border-bottom: 1px dashed rgb(204, 204, 204); display: block; float: none; overflow: hidden; } .bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small li:last-child { border-bottom: 0; } .bdImage_Widget_Grid_Container { overflow: hidden; width: 100%; } ul.bdImage_Widget_Grid { list-style: none; margin: 0; padding: 0; } /* clearfix */ ul.bdImage_Widget_Grid { zoom: 1; } ul.bdImage_Widget_Grid:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .bdImage_Widget_Grid li { float: left; } .bdImage_Widget_Grid li .item {position:relative} .bdImage_Widget_Grid li .item .title {font-weight: bold} .bdImage_Widget_Grid li .item .title a{color:#000;font-weight:bold;font-size: 15px;line-height: 18px;} .bdImage_Widget_Grid a { display: block; } .block-bottom .widget h3 {display:none} .thread_view .bdImage_WidgetRenderer_SliderThreads {border:1px solid #e1e1e1} .thread_view .bdImage_WidgetRenderer_SliderThreads h3 {font-family: UTM_Header, arial; text-transform: uppercase;font-weight: bold; font-size: 16px; color: #2C2C2C; background-color: #EEE; padding: 0 30px 0 10px; border-bottom: 2px solid rgb(230, 94, 94);line-height:30px;margin-bottom:15px} .bdImage_Widget_Slider-15 .jcarousel-prev-horizontal, .bdImage_Widget_Slider-15 .jcarousel-next-horizontal {top: 50px!important;} @media (max-width:500px) { .Responsive .block-bottom {display:none} } .bdImage_Widget_Slider-15 .jcarousel-clip { width: 966px; } .bdImage_Widget_Slider-15 .jcarousel-prev-horizontal, .bdImage_Widget_Slider-15 .jcarousel-next-horizontal { top: 118px; } .bdImage_Widget_Slider-15 ul.bdImage_Widget_Slider_Items > li { padding-right: 22px; width: 225px;} .bdImage_Widget_Slider-22 .bx-wrapper img { max-width: 300px;} .bdImage_Widget_Slider-19 { overflow-x: scroll; overflow-y: hidden; width: 100%; } .bdImage_Widget_Slider-19 ul.bdImage_Widget_Items > li { padding: 10px 0; float:none; clear:both; } .bdImage_Widget_Slider-19 ul.bdImage_Widget_Items > li img {padding-right:10px;float:left} .bdImage_Widget_Slider-19 ul.bdImage_Widget_Items > li:last-child { padding-right: 0; } .non-sidebar-widget .bdImage_Widget_Slider-19 { overflow-x: auto; } .bdImage_Widget_Slider-19 ul.bdImage_Widget_Items { } .bdImage_Widget_Items li a {color:#555;font-size:13px;font-weight:bold}