Code cho Thienvanhoc.vn

Những đoạn code dùng cho trang nhà Thienvanhoc.vn của Ftvh - Vũ trụ trong tầm tay.

WORDPRESS

   Bài bộ ảnh
<p class="wp-caption-text" style="margin-top: -35px;">

<p class="wp-caption-text">

<p class="wp-caption-text" style="margin-bottom: 35px;">

   Bài xóa cột
<style>
@media only screen and (min-width: 728px) {
.sidebar {display:none;}
.content-wrap {width:100%!important;border-right:none;}
.single-content img {width:100%!important;}
.post-content {width: 80%!important;margin: auto 10%!important;}
}
</style>

BLOGGER

   Bài bộ ảnh
<style>
@media only screen and (min-width:500px) {
.sidebar-wrapper {display:none;}
#main-wrapper {width:100%;}
img {max-width:1040px;width:100%;}
.post-outer {margin-top:-40px;}
}
@media only screen and (max-width:500px) {
div.menumob div#main {background:transparent;}
#main {padding:0;}
.sidebar-wrapper .widget {background:#999;}
.sidebar-wrapper .widget h2 span {background-color: #999;}
}
td.tr-caption {color:#909090;}
.item .post, .static_page .post-body, body, #main {
border: none;background: #333;}
.item .post-body, .static_page .post-body {background:#333;color:#a9a9a9;}
.breadcrumbs span a, .sa-title, .sa-title strong, h4.related-headline, h3.related-title a {color: #fff;}
.item .post-title, .static_page .post-title {color: #cd3e30;}
ul.post-nav {background:#666;}
.cmm-tabs.simplyTab {background:#999;}
.item .post-body img {width:100%;}
</style>

   Bài video

   YouTube 100% width
<div style="margin: 0px auto; max-width: 1600px; padding: 5px;">
<div style="height: 0px; overflow: hidden; padding-bottom: 56.25%; position: relative;">
<iframe allowfullscreen="" frameborder="0" height="900" src="https://www.youtube.com/embed/XXXXXXX" style="height: 100%; left: 0px; max-height: 900px; max-width: 1600px; position: absolute; text-align: center; top: 0px; width: 100%;" width="1600"></iframe>
<div style="text-align: center;">

</div>
</div>
</div>
<div style="text-align: center;">
<a href="https://www.youtube.com/watch?v=XXXXXXX">Xem video trên YouTube</a></div>

   Vimeo 100% width
(bỏ một hàng)
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<div class="embed-container">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" src="https://player.vimeo.com/video/XXXXXXX" webkitallowfullscreen=""></iframe></div>
<div style="text-align: center;">
<a href="https://vimeo.com/XXXXXXX" target="_blank">Xem video trên Vimeo</a></div>

   Lịch thiên văn width rộng
@media (min-width: 1200px){
.container {
    width: 1150px;
}}
@media (min-width: 768px){
.col-sm-9 {
  width: 75%!important;}
.col-sm-3 {
    width: 25%!important;}
}


Comments