Торрент сайт Torrents9
Kosten
Суббота, 12 Августа 2017, 14:19 | Сообщение 2
Первое, для чего это запись приветствие, но страницу больше грузит и возможно будет кого то раздражать. Адаптивность сайта хорошая под мобильные аппараты. Как понимаю, 3 колонки должно, но показывает так.
Страна: (RU )
First-1
Суббота, 12 Августа 2017, 14:27 | Сообщение 3
Соглашусь, вид материалов в 3 колонки выглядеть будет лучше чем пустое место. И тот же вид материалов плохо адаптируется под мобильные аппараты, по крайней мере под планшет, так как есть пустое место, и w лучше прописать в процентах
Сообщение отредактировал First - Суббота, 12 Августа 2017, 14:30
Страна: (UA )
Khabib
Суббота, 12 Августа 2017, 15:23 | Сообщение 4
Цитата First (
)
w лучше прописать в процентах
Как эта?
Страна: (RU )
Khabib
Суббота, 12 Августа 2017, 16:06 | Сообщение 5
HTML5, ни чего не надо хранить, а какие ссылки? :)
Страна: (RU )
Khabib
Суббота, 12 Августа 2017, 16:08 | Сообщение 6
Цитата Kosten (
)
Как понимаю, 3 колонки должно, но показывает так.
Эта я виноват, я изменил дизайн точнее ширину и по этому ана так.
Страна: (RU )
HTML5
Суббота, 12 Августа 2017, 16:16 | Сообщение 7
Цитата Khabib (
)
HTML5, ни чего не надо хранить, а какие ссылки? :)
Файлы же скачиваются по ссылкам. А от, куда берутся эти ссылки с файлами?
Большая база фильмов и мультфильмов онлайн в Full HD и HD качестве KinoYes.tk
Страна: (US )
Khabib
Суббота, 12 Августа 2017, 16:22 | Сообщение 8
Эта не ссылка , а торрент файл прикрепленый
Страна: (RU )
Khabib
Суббота, 12 Августа 2017, 16:36 | Сообщение 10
HTML5, торрент файл весит всего лишь кб и их легко скачивать и кидать на сайте и удобно и не занимает много мести
Страна: (RU )
HTML5
Суббота, 12 Августа 2017, 16:38 | Сообщение 11
Khabib, всё я понял как это работает. Одно дело качать, а другое дело давать качать
Большая база фильмов и мультфильмов онлайн в Full HD и HD качестве KinoYes.tk
Страна: (US )
Khabib
Суббота, 12 Августа 2017, 16:45 | Сообщение 12
HTML5, не поймешь пока не попробуешь сам
Страна: (RU )
HTML5
Суббота, 12 Августа 2017, 16:48 | Сообщение 13
Khabib, это точно Помню давно видео смотрел там чувак так всё долго рассказывал, как создать, как добавить, а тут оказывается всё проще.
Большая база фильмов и мультфильмов онлайн в Full HD и HD качестве KinoYes.tk
Страна: (US )
First-1
Суббота, 12 Августа 2017, 16:49 | Сообщение 14
style.cssКод
/* SHORTSTORY -------------------------------------------------*/ .shortstory {float: left;width: 31%;margin-right: 10px;margin-bottom: 40px !important;vertical-align: top;position: relative;height: 370px;} .shortstory:nth-child(3n) {margin-right: 0;} .shortstoryImg {position: relative;clear: both; height: 280px; overflow: hidden;} .shortstoryImg a.poster {display: block; height: 100%;} .shortstoryImg img {width: 100%; min-height: 100%;display: inline-block;} .shortstory_info {padding: 5px; margin-top: 5px;} .shortstory_info h3 {font-size: 13.5px;font-family: 'Open Sans Semibold', sans-serif; font-weight: normal;} .shortstory_info h3 a {color: #434a54; display: block;} .triangle-topleft-new { width: 120%; height: 60px; background: rgba(59, 175, 218, 0.75); position: absolute; top: -36px; left: -15px;transform: rotate(-15deg);} .triangle-topleft-new span {position: absolute; top: 26px; left: 25px; color: #fff; text-transform: uppercase; font-size: 16px;transform: rotate(15deg);} .triangle-topleft-year {width: 120%; height: 60px; position: absolute; bottom: -36px; right: -18px; background: rgba(170, 178, 189, 0.75);transform: rotate(-15deg);-webkit-transition: all .3s; transition: all .3s} .triangle-topleft-year span {position: absolute; bottom: 26px; right: 25px; color: #fff; text-transform: uppercase; font-size: 16px;transform: rotate(15deg);} .shortstory:hover .triangle-topleft-year {background: rgba(238, 181, 64, 1);}
media.css (весь код)Код
/* DESKTOP */ @media only screen and (max-width:1200px) { .container {margin: 0 15px;} .shortstory {width: 46.5%;margin-right: 15px;} .shortstoryImg {height: 278px;} } /* DESKTOP */ @media only screen and (max-width:1024px) { .container {margin: 0 15px;} .search {width: 57%;} .search-form {margin: 0px 5%;} .shortstory {width: 45%;margin-right: 15px;height: 285px;} .shortstoryImg {height: 193px;} .triangle-topleft-new span {top: 32px;left: 22px;} .triangle-topleft-year span {bottom: 32px;right: 22px;} } @media only screen and (max-width:870px) { .shortstory {width: 96%;margin-right: 15px;height: 285px;} } /* TABLET */ @media only screen and (max-width:992px) { .search {width: 50%;} } @media only screen and (max-width:800px) { .container {margin: 0 15px;} .search {width: 43%;} .search-form {margin: 0px 5%;} .year_search .dropdown-menu {margin: 0px;} .aside_right {display: none;} .contBody {width: 101%;} .shortstory {width: 46%;margin-right: 15px;} .shortstoryImg {height: 200px;} .triangle-topleft-year span, .triangle-topleft-new span {font-size: 14px;} .triangle-topleft-new span {top: 32px;left: 22px;} .triangle-topleft-year span {bottom: 32px;right: 22px;} .fullImg_bl {float: none;width: 99%;} .social span.socText {display: block;} .relatedItem:first-child {display: none;} .footerLogo, .copyright, .counters {display: block;} .footerLogo {width: 100%;text-align: center;} .copyright {text-align: center;} .counters { padding-right: 0; width: 100%; text-align: left;} .counters img {float: none;} .copy-des {bottom: 30px !important} } /* TABLET */ @media only screen and (max-width:768px) { .container {margin: 0 15px;} .search {width: 41%;} .search-form {margin: 0px 5%;} .year_search .dropdown-menu {margin: 0px;} .aside_right {display: none;} .contBody {width: 101%;} .shortstory {width: 45%;margin-right: 15px;} .shortstoryImg {height: 185px;} .triangle-topleft-year span, .triangle-topleft-new span {font-size: 14px;} .triangle-topleft-new span {top: 32px;left: 22px;} .triangle-topleft-year span {bottom: 32px;right: 22px;} .fullImg_bl {float: none;width: 99%;} .social span.socText {display: block;} .relatedItem:first-child {display: none;} .footerLogo, .copyright, .counters {display: block;} .footerLogo {width: 100%;text-align: center;} .copyright {text-align: center;} .counters {padding: 0px; text-align: center;margin-top: 30px;} .counters img {float: none;} .copy-des { top: 100% !important; right: 43% !important; margin-top: -15px;z-index: 1000;} } /* TABLET */ @media only screen and (max-width:640px) { .container {margin: 0 15px;} .welcome {line-height: 18px;text-align: center;padding-top: 15px; float: none;} .top_right {text-align: center;float: none;} .top_right a {float: none;} .header_bottom {padding-top: 10px;} .logo { float: none; text-align: center;} .search { float: none; width: 100%; display: block; clear: both;margin-bottom: 20px; } .search-form { margin: 0;} .usrpanel { float: none; margin-top: 12px; text-align: center; margin-bottom: 20px;} .usrpanel button {width: 100%} .year_search button {width: 100%} .year_search .dropdown-menu {margin: 0;} .btn_year {margin: 4px;padding: 3px 8.6px;} .aside_left, .aside_right {display: block;width: 100%;} .aside_left .asideBody {margin: 12px;} .aside_right .asideBody {margin: 12px;} .btn_bl > div {float: left;margin-bottom: 18px;} .nav_btn {display: block; width: 100%; margin-bottom: 15px;} ul.asideNav {display: none;} .wrap {display: block;} .content {display: block;margin-bottom: 25px;padding: 0px 12px;} .contBody {width: 100%;} #allEntries { width: 100%; } .shortstory {float: none;width: 100%;clear: both;margin-bottom: 15px;} .shortstoryImg {/* height: auto; */} .triangle-topleft-new, .triangle-topleft-year {height: 65px;} .triangle-topleft-new {top: -86px;left: -25px;} .triangle-topleft-year {bottom: -85px;right: -25px;} .triangle-topleft-year span, .triangle-topleft-new span {font-size: 16px;} .triangle-topleft-new span { top: 24px; left: 28px; } .triangle-topleft-year span { bottom: 24px; right: 28px; } .shortstory_info {padding: 8px 15px;margin-top: 5px;} .itemStats_left { float: left; margin-right: 25px;} .itemStats_right {float: left;} .footer {padding: 10px;} .footerLogo, .copyright, .counters {display: block; width: 100%;overflow: hidden;margin-bottom: 15px;} .footerLogo {text-align: center;} .counters {padding: 0px; text-align: center;} .counters img {float: none;} .copy-des { top: 100% !important; right: 40% !important; margin-top: -15px;z-index: 1000;} .nowDownloadItem_img {height: 300px;} .fullImg_bl {float: none;width: 98%;} .fullDescrInfo {padding: 10px;} .downloadBottom a img {width: 100%;} .relatedGame {width: 100%;} .relatedItem {float: none;width: 100%;} .commDate { float: none;display: block;margin: 10px 0;} .commMess {margin-left: 0px;} } /* MOBILE */ @media only screen and (max-width:480px) { .container {margin: 0 15px;} .welcome {line-height: 18px;text-align: center;padding-top: 15px; float: none;} .top_right {text-align: center;float: none;} .top_right a {float: none;} .header_bottom {padding-top: 10px;} .logo { float: none; text-align: center;} .search { float: none; width: 100%; display: block; clear: both;margin-bottom: 20px; } .search-form { margin: 0;} .usrpanel { float: none; margin-top: 12px; text-align: center; margin-bottom: 20px;} .usrpanel button {width: 100%} .year_search button {width: 100%} .year_search .dropdown-menu {margin: 0;} .btn_year {margin: 4px;padding: 3px 8.6px;} .aside_left, .aside_right {display: block;width: 100%;} .aside_left .asideBody {margin: 12px;} .aside_right .asideBody {margin: 12px;} .btn_bl > div {float: left;margin-bottom: 18px;} .nav_btn {display: block; width: 100%; margin-bottom: 15px;} ul.asideNav {display: none;} .wrap {display: block;} .content {display: block;margin-bottom: 25px;padding: 0px 12px;} .contBody {width: 100%;} #allEntries { width: 100%; } .shortstory {float: none;width: 100%;clear: both;margin-bottom: 15px;} .shortstoryImg {/* height: auto; */} .triangle-topleft-new, .triangle-topleft-year {height: 65px;} .triangle-topleft-new {top: -60px;left: -18px; } .triangle-topleft-year { bottom: -60px; right: -18px;} .shortstory_info {padding: 8px 15px;margin-top: 5px;} .footer {padding: 10px;} .footerLogo, .copyright, .counters {display: block; width: 100%;overflow: hidden;margin-bottom: 15px;} .footerLogo {text-align: center;} .counters {padding: 0px; text-align: center;} .counters img {float: none;} .copy-des {top: 100% !important;right: 38% !important; margin-top: -15px;z-index: 1000;} .nowDownloadItem_img {height: 150px;} .fullImg_bl {float: none;width: 98%;} .fullDescrInfo {padding: 10px;} .downloadBottom a img {width: 100%;} .relatedGame {width: 100%;} .relatedItem {float: none;width: 100%;} .commDate { float: none;display: block;margin: 10px 0;} .commMess {margin-left: 0px;} } /* MOBILE */ @media only screen and (max-width: 360px) { .container {margin: 0 15px;} .welcome {line-height: 18px;text-align: center;padding-top: 15px; float: none;} .top_right {text-align: center;float: none;} .top_right a {float: none;} .header_bottom {padding-top: 10px;} .logo { float: none; text-align: center;} .search { float: none; width: 100%; display: block; clear: both;margin-bottom: 20px; } .search-form { margin: 0;} .usrpanel { float: none; margin-top: 12px; text-align: center; margin-bottom: 20px;} .usrpanel button {width: 100%} .year_search button {width: 100%} .year_search .dropdown-menu {margin: 0;} .btn_year {margin: 4px;padding: 3px 8.6px;} .aside_left, .aside_right {display: block;width: 100%;} .aside_left .asideBody {margin: 12px;} .aside_right .asideBody {margin: 12px;} .btn_bl > div {float: left;margin-bottom: 18px;} .nav_btn {display: block; width: 100%; margin-bottom: 15px;} ul.asideNav {display: none;} .wrap {display: block;} .content {display: block;margin-bottom: 25px;padding: 0px 12px;} .contBody {width: 100%;} #allEntries { width: 100%; } .shortstory {float: none;width: 100%;clear: both;margin-bottom: 15px;} .shortstoryImg {height: auto;} .triangle-topleft-new, .triangle-topleft-year {height: 65px;} .triangle-topleft-new {top: -41px;left: -17px; } .triangle-topleft-year { bottom: -42px; right: -15px;} .shortstory_info {padding: 8px 15px;margin-top: 5px;} .footer {padding: 10px;} .footerLogo, .copyright, .counters {display: block; width: 100%;overflow: hidden;margin-bottom: 15px;} .footerLogo {text-align: center;} .counters {padding: 0px; text-align: center;} .counters img {float: none;} .copy-des {top:100% !important; right: 32% !important; margin-top: -15px !important; z-index: 1000;} .nowDownloadItem_img {height: 150px;} .fullImg_bl {float: none;width: 98%;} .fullDescrInfo {padding: 10px;} .downloadBottom a img {width: 100%;} .relatedGame {width: 100%;} .relatedItem {float: none;width: 100%;} .commDate { float: none;display: block;margin: 10px 0;} .commMess {margin-left: 0px;} } /* MOBILE */ @media only screen and (max-width:320px) { .container {margin: 0 15px;} .welcome {line-height: 18px;text-align: center;padding-top: 15px; float: none;} .top_right {text-align: center;float: none;} .top_right a {float: none;} .header_bottom {padding-top: 10px;} .logo { float: none; text-align: center;} .search { float: none; width: 100%; display: block; clear: both;margin-bottom: 20px; } .search-form { margin: 0;} .usrpanel { float: none; margin-top: 12px; text-align: center; margin-bottom: 20px;} .usrpanel button {width: 100%} .year_search button {width: 100%} .year_search .dropdown-menu {margin: 0;} .btn_year {margin: 4px;padding: 3px 8.6px;} .aside_left, .aside_right {display: block;width: 100%;} .aside_left .asideBody {margin: 12px;} .aside_right .asideBody {margin: 12px;} .btn_bl > div {float: left;margin-bottom: 18px;} .nav_btn {display: block; width: 100%; margin-bottom: 15px;} ul.asideNav {display: none;} .wrap {display: block;} .content {display: block;margin-bottom: 25px;padding: 0px 12px;} .contBody {width: 100%;} #allEntries { width: 100%; } .shortstory {float: none;width: 100%;clear: both;margin-bottom: 15px;} .shortstoryImg {height: auto;} .triangle-topleft-new, .triangle-topleft-year {height: 65px;} .triangle-topleft-new span { top: 28px; left: 28px; } .triangle-topleft-year span { bottom: 28px; right: 28px; } .shortstory_info {padding: 8px 15px;margin-top: 5px;} .footer {padding: 10px;} .footerLogo, .copyright, .counters {display: block; width: 100%;overflow: hidden;margin-bottom: 15px;} .footerLogo {text-align: center;} .counters {padding: 0px; text-align: center;} .counters img {float: none;} .copy-des {top:100% !important; right: 29% !important; margin-top: -15px !important; z-index: 1000;} .nowDownloadItem_img {height: 150px;} .fullImg_bl {float: none;width: 98%;} .fullDescrInfo {padding: 10px;} .downloadBottom a img {width: 100%;} .relatedGame {width: 100%;} .relatedItem {float: none;width: 100%;} .commDate { float: none;display: block;margin: 10px 0;} .commMess {margin-left: 0px;} }
Пробуй. Только о резервных копиях не забудь.
Страна: (UA )
Khabib
Суббота, 12 Августа 2017, 17:02 | Сообщение 15
First, спасибо, когда буду дома попробую
Страна: (RU )