Форум Jut.su

Моя флудилка

2022-02-05T08:22:31+03:00 2022-02-05T13:34:27+03:00
Каге
+ 657
Участник
<div class="flip-box">
  <div class="flip-box-inner">
    <div class="flip-box-front">
     <p style="text-align: center;"><img src="
Прикрепленная картинка
" border="0" alt="..." title="..." /></p> <p style="text-align: center;">&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;&#65533;</p> </div> <div class="flip-box-back"> <p style="text-align: center;"><img src="
Прикрепленная картинка
" border="0" alt="..." title="..."></p> </div> </div> </div> <style> /* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */ .flip-box { background-color: transparent; width: 300px; height: 200px; margin-left:20%; /*&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;*/ border: 1px solid #f1f1f1; perspective: 1000px; /* Remove this if you don't want the 3D effect */ text-align: center; } /* This container is needed to position the front and back side */ .flip-box-inner { position: relative; width: 100%; height: 100%; align: center; transition: transform 0.8s; transform-style: preserve-3d; } /* Do an horizontal flip when you move the mouse over the flip box container */ .flip-box:hover .flip-box-inner { transform: rotateY(180deg); } /* Position the front and back side */ .flip-box-front, .flip-box-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } /* Style the front side */ .flip-box-front { background-color: #bbb; color: black; } /* Style the back side */ .flip-box-back { background-color: dodgerblue;


<div class="flip-box">
<div class="flip-box-inner">
<div class="flip-box-front">
<p style="text-align: center;"><img src="<center><img src="https://i.ibb.co/TBqLJy4/7289584.png" alt="Прикрепленная картинка"></center>" border="0" alt="..." title="..." /></p>
<p style="text-align: center;">&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;&#65533;</p>
</div>
<div class="flip-box-back">
<p style="text-align: center;"><img src="<!-- Small_img:https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png| --><center><a href="https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png" class="lb_lightbox"><img src="https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png" width="350" height="283" alt="Прикрепленная картинка"></a></center><!--/Small_img -->" border="0" alt="..." title="..."></p>

</div>
</div>
</div>

<style>
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
background-color: transparent;
width: 300px;
height: 200px;
margin-left:20%; /*&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;*/

border: 1px solid #f1f1f1;
perspective: 1000px; /* Remove this if you don't want the 3D effect */
text-align: center;
}

/* This container is needed to position the front and back side */
.flip-box-inner {
position: relative;
width: 100%;
height: 100%;
align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
background-color: #bbb;
color: black;
}

/* Style the back side */
.flip-box-back {
background-color: dodgerblue;

<div class="flip-box">
  <div class="flip-box-inner">
    <div class="flip-box-front">
     <p style="text-align: center;"><img src="<center><img src="https://i.ibb.co/TBqLJy4/7289584.png" alt="Прикрепленная картинка"></center>" border="0" alt="..." title="..." /></p>
<p style="text-align: center;">&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;&#65533;</p>
    </div>
    <div class="flip-box-back">
    <p style="text-align: center;"><img src="<!-- Small_img:https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png| --><center><a href="https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png" class="lb_lightbox"><img src="https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png" width="350" height="283" alt="Прикрепленная картинка"></a></center><!--/Small_img -->" border="0" alt="..." title="..."></p>
    
 </div>
  </div>
</div>
 
<style>
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 300px;
  height: 200px;
  margin-left:20%; /*&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;*/
     
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  text-align: center;
}
 
/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
 
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}
 
/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
 
/* Style the front side */
.flip-box-front {
  background-color: #bbb;
  color: black;
}
 
/* Style the back side */
.flip-box-back {
  background-color: dodgerblue;


[code=php][/code]<div class="flip-box">
<div class="flip-box-inner">
<div class="flip-box-front">
<p style="text-align: center;"><img src="<center><img src="https://i.ibb.co/TBqLJy4/7289584.png" alt="Прикрепленная картинка"></center>" border="0" alt="..." title="..." /></p>
<p style="text-align: center;">&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;&#65533;</p>
</div>
<div class="flip-box-back">
<p style="text-align: center;"><img src="<!-- Small_img:https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png| --><center><a href="https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png" class="lb_lightbox"><img src="https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png" width="350" height="283" alt="Прикрепленная картинка"></a></center><!--/Small_img -->" border="0" alt="..." title="..."></p>

</div>
</div>
</div>

<style>
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
background-color: transparent;
width: 300px;
height: 200px;
margin-left:20%; /*&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;*/

border: 1px solid #f1f1f1;
perspective: 1000px; /* Remove this if you don't want the 3D effect */
text-align: center;
}

/* This container is needed to position the front and back side */
.flip-box-inner {
position: relative;
width: 100%;
height: 100%;
align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
background-color: #bbb;
color: black;
}

/* Style the back side */
.flip-box-back {
background-color: dodgerblue;

<div class="flip-box">
  <div class="flip-box-inner">
    <div class="flip-box-front">
     <p style="text-align: center;"><img src="<center><img src="https://i.ibb.co/TBqLJy4/7289584.png" alt="Прикрепленная картинка"></center>" border="0" alt="..." title="..." /></p>
<p style="text-align: center;">&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;&#65533;</p>
    </div>
    <div class="flip-box-back">
    <p style="text-align: center;"><img src="<!-- Small_img:https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png| --><center><a href="https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png" class="lb_lightbox"><img src="https://i.ibb.co/nzQKGy1/nw54rsi1lpz71.png" width="350" height="283" alt="Прикрепленная картинка"></a></center><!--/Small_img -->" border="0" alt="..." title="..."></p>
    
 </div>
  </div>
</div>
 
<style>
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 300px;
  height: 200px;
  margin-left:20%; /*&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;*/
     
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  text-align: center;
}
 
/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
 
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}
 
/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
 
/* Style the front side */
.flip-box-front {
  background-color: #bbb;
  color: black;
}
 
/* Style the back side */
.flip-box-back {
  background-color: dodgerblue;
;run


Ни один код не работает
Каге
+ 657
Участник
Каге
+ 895
Общительный
Ладно
Каге
+ 594
Активный участник
Я ослеп?
Каге
+ 895
Общительный
Я ослеп.
Каге
+ 594
Активный участник
Верните мои глаза!!!
Каге
+ 895
Общительный
Не верну.
Каге
+ 594
Активный участник
Отдай.
Каге
+ 895
Общительный
нет
Каге
Активный участник
Взлом жопы
Каге
+ 594
Активный участник
Germanarius (05.02.2022, 12:00) писал:Взлом жопы
глаз*
Каге
Активный участник
Каге
+ 895
Общительный
Я сломался
Каге
+ 594
Активный участник
Germanarius (05.02.2022, 13:24) писал:
Прикрепленная картинка


Глаза верни!!!!
 
Доступ закрыт.
  • Вам запрещено отвечать в темах данного форума.