запускаю помехи на радиоволне мыслей, что комкаются/отчаянно липнут друг к другу и дрожат, будто тягучий воздух перед грозой, собираясь вот-вот взорваться [оглушительным/раскатистым] громом в моей голове...
Окей, Гугл, как я мог потерять черновик поста и как морально с этим справиться?
Добро пожаловать в мир славы, денег, лоска, визга фанатов, вспышек фотографов и, конечно же, творчества и таланта! Здесь все мечты могут стать реальностью — стоит только постараться.
:: :: :: ::

P O P C O R N

Объявление

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » P O P C O R N » walk of fame » библиотека лос-анджелеса


библиотека лос-анджелеса

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

1

Код:
<!--HTML-->

<div class="u_theme">
    <div class="u_title">звездные посты</div>
    <div class="u_body">
Архив главных постов каждой недели. Дружественное напоминание об авторе и несколько картинок в тему текста.
</div></div>

+3

2

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {
  top: -441px;
   left: 1px;
  width: 100%;
  max-width: 456px; /* опционально */
  overflow: hidden;
  position: relative;
}
.post-inner3 {
  top: -441px;   
  left: 1px;
  width: 300px;
  margin: -20px 20px 20px;
  padding: 16px;
  background: #4b466a;
  position: relative;
opacity: 0.8;
font-family: bebasneueregular;
}
.post-inner3:after {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: -10px;
  border: 2px solid #2c2843;
}
.dot {
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: super;
}
.first {
  margin-right: 24px;
}
.last {
  margin-left: 24px;
}
.dot:before, .dot:after {
  content: "";
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.dot:before {
  left: 10px;
}
.dot:after {
  right: 10px;
}
.one { position: relative; top: -581px; left: -163px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two { position: relative; top: -581px; left: 1px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three { position: relative; top: -581px; left: 165px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.text { position: relative; top: -450px; left: 0px; width: 425px; height: 246px; text-align: justify; line-height: 12px; font-family:  arial; font-size: 13px; font-weight: lighter; color: #1e122b; padding: 5px 5px 2px 3px;}
</style>
<center><div class="rules"><img src="http://s8.uploads.ru/ZjyNf.png">
<div class="thumbs"><img src="http://s5.uploads.ru/Kfypu.png"></div>
 <div class="post-inner3">
    <span class="dot first"></span>
 <font size="5" color="#f9f6fa"> ТИМОТИ ШАЛАМЕ</font>    
<span class="dot last"></span>
<BR>
 <font size="2" color="#f9f6fa">пост недели [9.06] - [16.06]</font></div>
<div class="text"> не комфортно; странно. хочется немедленно собрать вещи и отказаться от этой затеи, вернуться в собственную квартиру, снятую на время пребывания в лос-анджелесе и не думать ни о чем. <br><br><br><br>
<center><a href="http://popcorncinema.rusff.ru/viewtopic.php?id=196#p5266">читать дальше</a></center></div>
<div class="one"><img src="http://sg.uploads.ru/jPQz4.png"></div>
<div class="two"><img src="http://sg.uploads.ru/ToOEv.png"></div>
<div class="three"><img src="http://s9.uploads.ru/Ixwbq.png"></div>
</div>
</center>
</html>

+10

3

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {
  top: -441px;
   left: 1px;
  width: 100%;
  max-width: 456px; /* опционально */
  overflow: hidden;
  position: relative;
}
.post-inner3 {
  top: -441px;   
  left: 1px;
  width: 300px;
  margin: -20px 20px 20px;
  padding: 16px;
  background: #4b466a;
  position: relative;
opacity: 0.8;
font-family: bebasneueregular;
}
.post-inner3:after {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: -10px;
  border: 2px solid #2c2843;
}
.dot {
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: super;
}
.first {
  margin-right: 24px;
}
.last {
  margin-left: 24px;
}
.dot:before, .dot:after {
  content: "";
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.dot:before {
  left: 10px;
}
.dot:after {
  right: 10px;
}
.one { position: relative; top: -581px; left: -163px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two { position: relative; top: -581px; left: 1px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three { position: relative; top: -581px; left: 165px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.text { position: relative; top: -450px; left: 0px; width: 425px; height: 246px; text-align: justify; line-height: 12px; font-family:  arial; font-size: 13px; font-weight: lighter; color: #1e122b; padding: 5px 5px 2px 3px;}
</style>
<center><div class="rules"><img src="http://s8.uploads.ru/ZjyNf.png">
<div class="thumbs"><img src="http://s7.uploads.ru/qON2x.png"></div>
 <div class="post-inner3">
    <span class="dot first"></span>
 <font size="5" color="#f9f6fa">ТЕО ХАТЧКРАФТ</font>    
<span class="dot last"></span>
<BR>
 <font size="2" color="#f9f6fa">пост недели [16.06] - [23.06]</font></div>
<div class="text">ещё один звонок с номера с начальными +44 добавляется к дюжине пропущенных на гаснущем дисплее. я откидываюсь на спинку сидения и наблюдаю, как за окном такси проносится набережная [в кровавом свете заката] <br><br><br>
<center><a href="http://popcorncinema.rusff.ru/viewtopic.php?id=191#p7701">читать дальше</a></center></div>
<div class="one"><img src="http://sh.uploads.ru/xk7MA.png"></div>
<div class="two"><img src="http://s5.uploads.ru/02IlN.png"></div>
<div class="three"><img src="http://sd.uploads.ru/PsYTV.png"></div>
</div>
</center>
</html>

+10

4

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {
  top: -441px;
   left: 1px;
  width: 100%;
  max-width: 456px; /* опционально */
  overflow: hidden;
  position: relative;
}
.post-inner3 {
  top: -441px;   
  left: 1px;
  width: 300px;
  margin: -20px 20px 20px;
  padding: 16px;
  background: #4b466a;
  position: relative;
opacity: 0.8;
font-family: bebasneueregular;
}
.post-inner3:after {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: -10px;
  border: 2px solid #2c2843;
}
.dot {
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: super;
}
.first {
  margin-right: 24px;
}
.last {
  margin-left: 24px;
}
.dot:before, .dot:after {
  content: "";
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.dot:before {
  left: 10px;
}
.dot:after {
  right: 10px;
}
.one { position: relative; top: -581px; left: -163px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two { position: relative; top: -581px; left: 1px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three { position: relative; top: -581px; left: 165px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.text { position: relative; top: -450px; left: 0px; width: 425px; height: 246px; text-align: justify; line-height: 12px; font-family:  arial; font-size: 13px; font-weight: lighter; color: #1e122b; padding: 5px 5px 2px 3px;}
</style>
<center><div class="rules"><img src="http://s8.uploads.ru/ZjyNf.png">
<div class="thumbs"><img src="https://i.imgur.com/fq37lpq.png"></div>
 <div class="post-inner3">
    <span class="dot first"></span>
 <font size="5" color="#f9f6fa">ДЖЕССИКА ЧЕСТЕЙН</font>    
<span class="dot last"></span>
<BR>
 <font size="2" color="#f9f6fa">пост недели [23.06] - [30.06]</font></div>
<div class="text">Время – едва перевалило за 10, но даже в субботнее утро город успел стряхнуть с себя последние остатки ночного забвения. Настроение – под стать дико вредному клубничному тирамису, от которого мало что осталось<br><br><br>
<center><a href="http://popcorncinema.rusff.ru/viewtopic.php?id=271#p9448">читать дальше</a></center></div>
<div class="one"><img src="https://i.imgur.com/Gzjh7jb.png"></div>
<div class="two"><img src="https://i.imgur.com/EYpg2tt.png"></div>
<div class="three"><img src="https://i.imgur.com/zcXqdAx.png"></div>
</div>
</center>
</html>

+4

5

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {
  top: -441px;
   left: 1px;
  width: 100%;
  max-width: 456px; /* опционально */
  overflow: hidden;
  position: relative;
}
.post-inner3 {
  top: -441px;   
  left: 1px;
  width: 300px;
  margin: -20px 20px 20px;
  padding: 16px;
  background: #4b466a;
  position: relative;
opacity: 0.8;
font-family: bebasneueregular;
}
.post-inner3:after {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: -10px;
  border: 2px solid #2c2843;
}
.dot {
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: super;
}
.first {
  margin-right: 24px;
}
.last {
  margin-left: 24px;
}
.dot:before, .dot:after {
  content: "";
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.dot:before {
  left: 10px;
}
.dot:after {
  right: 10px;
}
.one { position: relative; top: -581px; left: -163px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two { position: relative; top: -581px; left: 1px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three { position: relative; top: -581px; left: 165px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.text { position: relative; top: -450px; left: 0px; width: 425px; height: 246px; text-align: justify; line-height: 12px; font-family:  arial; font-size: 13px; font-weight: lighter; color: #1e122b; padding: 5px 5px 2px 3px;}
</style>
<center><div class="rules"><img src="http://s8.uploads.ru/ZjyNf.png">
<div class="thumbs"><img src="http://s5.uploads.ru/5VZJM.png"></div>
 <div class="post-inner3">
    <span class="dot first"></span>
 <font size="5" color="#f9f6fa">КАТЮША ФЕОФАНОВА</font>    
<span class="dot last"></span>
<BR>
 <font size="2" color="#f9f6fa">пост недели [1.07] - [8.07]</font></div>
<div class="text">резко [рвано] пробегает по коже свирель [оставляя ранки_порезы,
вылетая {кубарем} к ледяным_северным замкам [друг против друга построили].
от его чувств -- простуда_насморк. но сейчас -- жар [во рту -- метатезы].<br><br><br>
<center><a href="http://popcorncinema.rusff.ru/viewtopic.php?id=321#p10822">читать дальше</a></center></div>
<div class="one"><img src="http://sh.uploads.ru/a6MNL.png"></div>
<div class="two"><img src="http://s8.uploads.ru/MgnhV.png"></div>
<div class="three"><img src="http://sh.uploads.ru/QKnw6.png"></div>
</div>
</center>
</html>

+4

6

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {
  top: -441px;
   left: 1px;
  width: 100%;
  max-width: 456px; /* опционально */
  overflow: hidden;
  position: relative;
}
.post-inner3 {
  top: -441px;   
  left: 1px;
  width: 300px;
  margin: -20px 20px 20px;
  padding: 16px;
  background: #4b466a;
  position: relative;
opacity: 0.8;
font-family: bebasneueregular;
}
.post-inner3:after {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: -10px;
  border: 2px solid #2c2843;
}
.dot {
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: super;
}
.first {
  margin-right: 24px;
}
.last {
  margin-left: 24px;
}
.dot:before, .dot:after {
  content: "";
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.dot:before {
  left: 10px;
}
.dot:after {
  right: 10px;
}
.one { position: relative; top: -581px; left: -163px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two { position: relative; top: -581px; left: 1px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three { position: relative; top: -581px; left: 165px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.text { position: relative; top: -450px; left: 0px; width: 425px; height: 246px; text-align: justify; line-height: 12px; font-family:  arial; font-size: 13px; font-weight: lighter; color: #1e122b; padding: 5px 5px 2px 3px;}
</style>
<center><div class="rules"><img src="http://s8.uploads.ru/ZjyNf.png">
<div class="thumbs"><img src="https://i.imgur.com/7T3jtDb.png"></div>
 <div class="post-inner3">
    <span class="dot first"></span>
 <font size="5" color="#f9f6fa">КЕЙСИ АФФЛЕК</font>    
<span class="dot last"></span>
<BR>
 <font size="2" color="#f9f6fa">пост недели [1.07] - [8.07]</font></div>
<div class="text">Взрывы. Крики. Мольбы о помощи. Все это в каком-то адском хаосе из сотни отголосков и громогласных эхо, которые залпами раздавались в голове. Так, словно он снова на фронте. Обрывается все внутри — так, словно он снова падает в пустоту... <br><br><br>
<center><a href="http://popcorncinema.rusff.ru/viewtopic.php?id=329#p12027">читать дальше</a></center></div>
<div class="one"><img src="https://i.imgur.com/Hr225HA.png"></div>
<div class="two"><img src="https://i.imgur.com/5rPqFQC.png"></div>
<div class="three"><img src="https://i.imgur.com/KXvmOWT.png"></div>
</div>
</center>
</html>

+1

7

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {
  top: -441px;
   left: 1px;
  width: 100%;
  max-width: 456px; /* опционально */
  overflow: hidden;
  position: relative;
}
.post-inner3 {
  top: -441px;   
  left: 1px;
  width: 300px;
  margin: -20px 20px 20px;
  padding: 16px;
  background: #4b466a;
  position: relative;
opacity: 0.8;
font-family: bebasneueregular;
}
.post-inner3:after {
  display: block;
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: -10px;
  top: -10px;
  border: 2px solid #2c2843;
}
.dot {
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: super;
}
.first {
  margin-right: 24px;
}
.last {
  margin-left: 24px;
}
.dot:before, .dot:after {
  content: "";
  height: 5px;
  width: 5px;
  background: #fcf7fe;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.dot:before {
  left: 10px;
}
.dot:after {
  right: 10px;
}
.one { position: relative; top: -581px; left: -163px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two { position: relative; top: -581px; left: 1px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three { position: relative; top: -581px; left: 165px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*ЭТОТ КОД АНИМИРУЕТ ПЕРЕХОД ОТ ЧБ К ЦВЕТУ*/
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.text { position: relative; top: -450px; left: 0px; width: 425px; height: 246px; text-align: justify; line-height: 12px; font-family:  arial; font-size: 13px; font-weight: lighter; color: #1e122b; padding: 5px 5px 2px 3px;}
</style>
<center><div class="rules"><img src="http://s8.uploads.ru/ZjyNf.png">
<div class="thumbs"><img src="https://i.imgur.com/mfGJD64.png"></div>
 <div class="post-inner3">
    <span class="dot first"></span>
 <font size="5" color="#f9f6fa">ФИБИ ТОНКИН</font>    
<span class="dot last"></span>
<BR>
 <font size="2" color="#f9f6fa">пост недели [15.07] - [22.07]</font></div>
<div class="text"> запускаю помехи на радиоволне мыслей, что комкаются/отчаянно липнут друг к другу и дрожат, будто тягучий воздух перед грозой, собираясь вот-вот взорваться [оглушительным/раскатистым] громом в моей голове, молнией разрывая ее пополам. <br><br><br>
<center><a href="http://popcorncinema.rusff.ru/viewtopic.php?id=153#p12765">читать дальше</a></center></div>
<div class="one"><img src="https://i.imgur.com/l3eDo83.png"></div>
<div class="two"><img src="https://i.imgur.com/NWBv9bd.png"></div>
<div class="three"><img src="https://i.imgur.com/9edQgks.png"></div>
</div>
</center>
</html>

+3


Вы здесь » P O P C O R N » walk of fame » библиотека лос-анджелеса