Как на странице фоном закрыть форум?

Страница: 1

Сообщений 1 страница 4 из 4

Поделиться1Вс, 12 Дек 2021 14:44:22

Автор: Lilia White
Заслуженный
Зарегистрирован: Вс, 7 Фев 2021
Сообщений: 30
Уважение: +14
Позитив: +7
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 17:23:56

Проблема: Здравствуйте! Создала новую страницу для новогоднего письма. Как не старалась и как не игралась с z-index никак не могу понять как сделать так, чтобы фон перекрывал все украшения, категории, шапку и в общем весь форум, но при этом не перекрывал саму открытку.
Ссылка на страницу
Код страницы:

Код:

<div class="card">
  <div class="card-page cart-page-front">
    <div class="card-page cart-page-outside"></div>
    <div class="card-page cart-page-inside">
      <span class="merry-christmas">
        <img src="https://forumstatic.ru/files/001b/0a/68/39733.png" alt="">
      </span>
    </div>
  </div>
  <div class="card-page cart-page-bottom">
    <h3 class="card-page__title">Поздравляем с Новым годом!</h3>
    <div class="card-page__text">
      <p>Желаем преданных друзей, верных соратников, искренних эмоций, щенячьего восторга, тепла, любви и ласки!</p>
      <p>Здоровья, успехов, достатка, радости и взаимных симпатий. Будьте уверены, что все мечты исполнятся!</p>
    </div>
  </div>
</div>

<style> 
* {
  box-sizing: border-box;
}

body {
  background-color: #928A97;
  background-image: url("https://forumstatic.ru/files/001b/0a/68/44649.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Open Sans', sans-serif;
}

.card {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  position: absolute;
  left: calc(50% - 175px);
  top: calc(50% - 250px);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-delay: initial;
  transition-delay: initial;
  -webkit-transform: rotate(-10deg) translate(0, 0);
  transform: rotate(-10deg) translate(0, 0);
  -webkit-animation: cardIn 1s alternate cubic-bezier(0.87, -0.41, 0.19, 1.44);
  animation: cardIn 1s alternate cubic-bezier(0.87, -0.41, 0.19, 1.44);
}

@media (max-width: 767px) {
  .card {
    left: calc(50% - 115px);
    top: calc(50% - 164.5px);
  }
}

@media (max-width: 479px) {
  .card {
    left: calc(50% - 75px);
    top: calc(50% - 107px);
  }
}

.card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 50px #000;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.card.is-opened {
  -webkit-transform: rotate(0deg) translate(175px, 0);
  transform: rotate(0deg) translate(175px, 0);
}

@media (max-width: 767px) {
  .card.is-opened {
    -webkit-transform: rotate(0deg) translate(115px, 0);
    transform: rotate(0deg) translate(115px, 0);
  }
}

@media (max-width: 479px) {
  .card.is-opened {
    -webkit-transform: rotate(0deg) translate(75px, 0);
    transform: rotate(0deg) translate(75px, 0);
  }
}

.card.is-opened .cart-page-front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

@-webkit-keyframes cardIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translate(0, -100%);
    transform: rotate(-10deg) translate(0, -100%);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-10deg) translate(0, 0);
    transform: rotate(-10deg) translate(0, 0);
  }
}

@keyframes cardIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translate(0, -100%);
    transform: rotate(-10deg) translate(0, -100%);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-10deg) translate(0, 0);
    transform: rotate(-10deg) translate(0, 0);
  }
}

.card, .card-page {
  width: 350px;
  height: 500px;
}

@media (max-width: 767px) {
  .card, .card-page {
    width: 230px;
    height: 329px;
  }
}

@media (max-width: 479px) {
  .card, .card-page {
    width: 150px;
    height: 214px;
  }
}

.card-page {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  cursor: pointer;
  position: absolute;
  outline: 1px solid transparent;
}

.cart-page-front {
  -webkit-transform-origin: 0 50% 0;
  transform-origin: 0 50% 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
  z-index: 2;
}

.cart-page-outside, .cart-page-inside {
  position: absolute;
  -webkit-backface-visibility: hidden;
}

.cart-page-outside {
  border: 10px solid #fbfbfb;
  background: #c72320 url("https://forumstatic.ru/files/001b/0a/68/51836.png") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .cart-page-outside {
    border: 5px solid #fbfbfb;
  }
}

.cart-page-inside,
.cart-page-bottom {
  background-color: #d4d1d0;
  background-image: url("https://forumstatic.ru/files/001b/0a/68/80804.png");
  border: 20px solid #d4d1d0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  box-pack: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  text-align: center;
}
.cart-page-bottom{
  flex-direction: column;
}
.card-page__title{
  font-size: 20px;
  color: #D50000;
}
@media (max-width: 767px) {
  .cart-page-inside,
  .cart-page-bottom {
    border: 10px solid #d4d1d0;
  }
}

.cart-page-inside {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  border-right: none !important;
  background-position: 0px 80px;
}

@media (max-width: 767px) {
  .cart-page-inside {
    background-position: 0px 30px;
  }
}

@media (max-width: 479px) {
  .cart-page-inside {
    background-position: 0px 30px;
  }
}

.cart-page-bottom {
  z-index: 1;
  border-left: none !important;
  background-position: -22px 80px;
}

@media (max-width: 767px) {
  .cart-page-bottom {
    background-position: 85px 30px;
  }
}

@media (max-width: 479px) {
  .cart-page-bottom {
    background-position: 0px 30px;
  }
}

.merry-christmas {
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.merry-christmas img {
  width: 320px;
  height: auto;
  z-index: 1;
}

@media (max-width: 767px) {
  .merry-christmas img {
    width: 200px;
    z-index: 1;
  }
}

@media (max-width: 479px) {
  .merry-christmas img {
    width: 140px;
    z-index: 1;
  }
}

.click-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 20px;
  -webkit-animation: iconAnimation 1s infinite alternate ease-in-out;
  animation: iconAnimation 1s infinite alternate ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

.click-icon svg {
  width: 96px;
  height: 96px;
}

@media (max-width: 767px) {
  .click-icon svg {
    width: 72px;
    height: 72px;
  }
}

@media (max-width: 479px) {
  .click-icon svg {
    width: 48px;
    height: 48px;
  }
}

.click-icon.is-hidden {
  opacity: 0;
}

@-webkit-keyframes iconAnimation {
  0% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  100% {
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
  }
}

@keyframes iconAnimation {
  0% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  100% {
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
  }
}

p {
  font-size: 16px;
  line-height: 1.2em;
  padding-left: 10px;
}

@media (max-width: 767px) {
  .card-page__title{
    font-size: 16px;
  }
  p {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .card-page__text{
    display: none;
  }
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
</style>

<script>
$(document).ready(function() {

  var $clickMe = $('.click-icon'),
      $card = $('.card');

  $card.on('click', function() {
    $(this).toggleClass('is-opened');
    $clickMe.toggleClass('is-hidden');
  });

});
</script>

Отредактировано Lilia White (Вс, 12 Дек 2021 15:59:10)

Поделиться2Вс, 12 Дек 2021 16:20:51

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7523
Уважение: +6083
Позитив: +6640
Пол: Мужской
Последний визит:
Вчера 21:19:23

Lilia White, либо всё ненужное убрать через display: none;, либо как на елку поставить код:

Вот попробуйте:

Код:

</div></div></div></div></div></div>
<script>
$('#html-header').find('style').remove();
function maydoc (){ /*==123==;
<style>#pun_wrap, #pun_wrap2 { display:none; }</style>
 ==123==;*/
} maydoc = maydoc.toString().split('==123==;')[1];
document.write(maydoc);
</script>

<div class="card">
  <div class="card-page cart-page-front">
    <div class="card-page cart-page-outside"></div>
    <div class="card-page cart-page-inside">
      <span class="merry-christmas">
        <img src="https://forumstatic.ru/files/001b/0a/68/39733.png" alt="">
      </span>
    </div>
  </div>
  <div class="card-page cart-page-bottom">
    <h3 class="card-page__title">Поздравляем с Новым годом!</h3>
    <div class="card-page__text">
      <p>Желаем преданных друзей, верных соратников, искренних эмоций, щенячьего восторга, тепла, любви и ласки!</p>
      <p>Здоровья, успехов, достатка, радости и взаимных симпатий. Будьте уверены, что все мечты исполнятся!</p>
    </div>
  </div>
</div>
 
<style> 
* {
  box-sizing: border-box;
}
 
body {
  background-color: #928A97;
  background-image: url("https://forumstatic.ru/files/001b/0a/68/44649.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Open Sans', sans-serif;
}
 
.card {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  position: absolute;
  left: calc(50% - 175px);
  top: calc(50% - 250px);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-delay: initial;
  transition-delay: initial;
  -webkit-transform: rotate(-10deg) translate(0, 0);
  transform: rotate(-10deg) translate(0, 0);
  -webkit-animation: cardIn 1s alternate cubic-bezier(0.87, -0.41, 0.19, 1.44);
  animation: cardIn 1s alternate cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
 
@media (max-width: 767px) {
  .card {
    left: calc(50% - 115px);
    top: calc(50% - 164.5px);
  }
}
 
@media (max-width: 479px) {
  .card {
    left: calc(50% - 75px);
    top: calc(50% - 107px);
  }
}
 
.card:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 50px #000;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
 
.card.is-opened {
  -webkit-transform: rotate(0deg) translate(175px, 0);
  transform: rotate(0deg) translate(175px, 0);
}
 
@media (max-width: 767px) {
  .card.is-opened {
    -webkit-transform: rotate(0deg) translate(115px, 0);
    transform: rotate(0deg) translate(115px, 0);
  }
}
 
@media (max-width: 479px) {
  .card.is-opened {
    -webkit-transform: rotate(0deg) translate(75px, 0);
    transform: rotate(0deg) translate(75px, 0);
  }
}
 
.card.is-opened .cart-page-front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
 
@-webkit-keyframes cardIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translate(0, -100%);
    transform: rotate(-10deg) translate(0, -100%);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-10deg) translate(0, 0);
    transform: rotate(-10deg) translate(0, 0);
  }
}
 
@keyframes cardIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translate(0, -100%);
    transform: rotate(-10deg) translate(0, -100%);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-10deg) translate(0, 0);
    transform: rotate(-10deg) translate(0, 0);
  }
}
 
.card, .card-page {
  width: 350px;
  height: 500px;
}
 
@media (max-width: 767px) {
  .card, .card-page {
    width: 230px;
    height: 329px;
  }
}
 
@media (max-width: 479px) {
  .card, .card-page {
    width: 150px;
    height: 214px;
  }
}
 
.card-page {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  cursor: pointer;
  position: absolute;
  outline: 1px solid transparent;
}
 
.cart-page-front {
  -webkit-transform-origin: 0 50% 0;
  transform-origin: 0 50% 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
  z-index: 2;
}
 
.cart-page-outside, .cart-page-inside {
  position: absolute;
  -webkit-backface-visibility: hidden;
}
 
.cart-page-outside {
  border: 10px solid #fbfbfb;
  background: #c72320 url("https://forumstatic.ru/files/001b/0a/68/51836.png") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
 
@media (max-width: 767px) {
  .cart-page-outside {
    border: 5px solid #fbfbfb;
  }
}
 
.cart-page-inside,
.cart-page-bottom {
  background-color: #d4d1d0;
  background-image: url("https://forumstatic.ru/files/001b/0a/68/80804.png");
  border: 20px solid #d4d1d0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  box-pack: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  text-align: center;
}
.cart-page-bottom{
  flex-direction: column;
}
.card-page__title{
  font-size: 20px;
  color: #D50000;
}
@media (max-width: 767px) {
  .cart-page-inside,
  .cart-page-bottom {
    border: 10px solid #d4d1d0;
  }
}
 
.cart-page-inside {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  border-right: none !important;
  background-position: 0px 80px;
}
 
@media (max-width: 767px) {
  .cart-page-inside {
    background-position: 0px 30px;
  }
}
 
@media (max-width: 479px) {
  .cart-page-inside {
    background-position: 0px 30px;
  }
}
 
.cart-page-bottom {
  z-index: 1;
  border-left: none !important;
  background-position: -22px 80px;
}
 
@media (max-width: 767px) {
  .cart-page-bottom {
    background-position: 85px 30px;
  }
}
 
@media (max-width: 479px) {
  .cart-page-bottom {
    background-position: 0px 30px;
  }
}
 
.merry-christmas {
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
 
.merry-christmas img {
  width: 320px;
  height: auto;
  z-index: 1;
}
 
@media (max-width: 767px) {
  .merry-christmas img {
    width: 200px;
    z-index: 1;
  }
}
 
@media (max-width: 479px) {
  .merry-christmas img {
    width: 140px;
    z-index: 1;
  }
}
 
.click-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 20px;
  -webkit-animation: iconAnimation 1s infinite alternate ease-in-out;
  animation: iconAnimation 1s infinite alternate ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}
 
.click-icon svg {
  width: 96px;
  height: 96px;
}
 
@media (max-width: 767px) {
  .click-icon svg {
    width: 72px;
    height: 72px;
  }
}
 
@media (max-width: 479px) {
  .click-icon svg {
    width: 48px;
    height: 48px;
  }
}
 
.click-icon.is-hidden {
  opacity: 0;
}
 
@-webkit-keyframes iconAnimation {
  0% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  100% {
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
  }
}
 
@keyframes iconAnimation {
  0% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  100% {
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
  }
}
 
p {
  font-size: 16px;
  line-height: 1.2em;
  padding-left: 10px;
}
 
@media (max-width: 767px) {
  .card-page__title{
    font-size: 16px;
  }
  p {
    font-size: 14px;
  }
}
 
@media (max-width: 479px) {
  .card-page__text{
    display: none;
  }
}
 
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
</style>
 
<script>
$(document).ready(function() {
 
  var $clickMe = $('.click-icon'),
      $card = $('.card');
 
  $card.on('click', function() {
    $(this).toggleClass('is-opened');
    $clickMe.toggleClass('is-hidden');
  });
 
});
</script>
<div id="pun_wrap2"><div><div><div><div><div><noscript><noscript><noscript><noscript>

Отредактировано kolobdur74 (Вс, 12 Дек 2021 16:32:19)

Поделиться3Вс, 12 Дек 2021 16:30:56

Автор: Riya
Заслуженный
Зарегистрирован: Вс, 5 Июл 2009
Сообщений: 301
Уважение: +187
Позитив: +667
Пол: Женский
Последний визит:
Сб, 4 Окт 2025 22:52:09

Lilia White
у меня получилось сделать так:
в этом куске кода добавьте

.card, .card-page {
width: 350px;
height: 500px;
z-index: 1000;
}

Поделиться4Вс, 12 Дек 2021 16:36:02

Автор: Lilia White
Заслуженный
Зарегистрирован: Вс, 7 Фев 2021
Сообщений: 30
Уважение: +14
Позитив: +7
Пол: Женский
Последний визит:
Пн, 17 Окт 2022 17:23:56

kolobdur74
Riya
Спасибо огромное!

Страница: 1

Как убрать рекламу на гланой странице	Корзина	Вт, 17 Мар 2009
Скрипты Украшаем Форум (обновленная тема)	Форум для новичков	Чт, 30 Окт 2025
Не грузятся страницы форума, кроме главной	Архив	Сб, 13 Окт 2018
Как закрыть тему?!?	Корзина	Вт, 18 Июн 2013
Обращения к Администратору MyBB	Специальный форум	Вс, 11 Сен 2016

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе