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

P O P C O R N

Объявление

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

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


Вы здесь » P O P C O R N » walk of fame » правила жизни


правила жизни

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

1

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

<div class="u_theme">
    <div class="u_title">будь внимателен</div>
    <div class="u_body">
В данной теме вы сможете ознакомиться с правилами жизни лучшего игрока недели. Прочтете его интервью, цитаты и просто сможете узнать его получше. А чтобы стать таким игроком, необходимо стараться, проявлять себя и никогда не опускать руки!
</div></div>

0

2

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {top: -450px; left: 0px;
  width: 100%;
  max-width: 400px; /* опционально */
  margin: 10px;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.thumbs:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 100%;
  padding: 5px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  font-family: Georgia;
}
.thumbs .caption span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.thumbs .caption .title {
  line-height: 1;
  font-weight: normal;
  font-size: 18px;
}
.thumbs .caption .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.thumbs:focus:before,
.thumbs:focus span, .thumbs:hover:before,
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus:before, .thumbs:hover:before {
  top: 50%;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.thumbs:focus .title, .thumbs:hover .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.thumbs:focus .info, .thumbs:hover .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.thumbs:hover {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.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; overflow: scroll; overflow-x: hidden;}
</style>
<center><div class="rules"><img src="http://sh.uploads.ru/sd4U2.png">
<div class="thumbs"><img src="http://s9.uploads.ru/NL1lD.png">
<div class="caption">
   <span class="title">ДЭН СТИВЕНС</span>
        <span class="info">правила жизни игрока недели [9.06 - 16.06]</span>
</div></div>
<div class="text"> <b>В порыве злости, я становился грубым и жадным до выяснения отношений</b>, не следя за языком и тем, что могу очень сильно ранить человека. Но я такой какой есть... <br>
<b>Колкость и грубость</b> - те вещи, которые я с трудом сдерживаю на эмоциях.<br>
<b>Все бывает легко</b> только лишь тогда, когда оборвется вот-вот все к чертям. <br>
<b>Пошляк</b>, что поделать, это у меня не отнять, если только прибавить да побольше. <br>
<b>Почему так сложно скрывать то, что хочешь оставить за большой возведенной стеной</b>, чтобы никто не смог дотянуться и посмотреть на чужую жизнь. Да, это было трудно, когда популярность набирает обороты и о тебе желают знать все мелочи и не только мелочи. Все! Чуть ли до расписания, когда ты посещаешь туалет. <br>
<b>Вот всегда так.</b> Думаешь, что ты соблазняешь женщину, но на самом деле это она соблазняет тебя и все уже давно решила, что, где, когда.<br>
<b>Наркомания ужасная вещь.</b> Разрушительная и беспощадная. Только подсесть на другого человека куда страшнее, чем на наркотики. <br>
<b>Люди</b>, которые судят о жизни других по одному факту, что узнали - ведут себя откровенно глупо. <br></div></div>
</center>
</html>

+8

3

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {top: -450px; left: 0px;
  width: 100%;
  max-width: 400px; /* опционально */
  margin: 10px;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.thumbs:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 100%;
  padding: 5px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  font-family: Georgia;
}
.thumbs .caption span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.thumbs .caption .title {
  line-height: 1;
  font-weight: normal;
  font-size: 18px;
}
.thumbs .caption .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.thumbs:focus:before,
.thumbs:focus span, .thumbs:hover:before,
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus:before, .thumbs:hover:before {
  top: 50%;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.thumbs:focus .title, .thumbs:hover .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.thumbs:focus .info, .thumbs:hover .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.thumbs:hover {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.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; overflow: scroll; overflow-x: hidden;}
</style>
<center><div class="rules"><img src="http://sh.uploads.ru/sd4U2.png">
<div class="thumbs"><img src="http://sh.uploads.ru/WJUqb.png">
<div class="caption">
   <span class="title">ДАКОТА ДЖОНСОН</span>
        <span class="info">правила жизни игрока недели [16.06 - 23.06]</span>
</div></div>
<div class="text"> <b>Не люблю готовить.</b> Никогда не готовила для себя. Разве что, что-то совсем элементарное. В большинстве случаев, обходилась едой, которую можно было заказать. <br>
<b>Знаю все песни из оттенков.</b> Могу назвать часть и сказать, что происходило, когда n-ная песня играла.<br>
<b>Люди всегда жалеют</b> о том, что говорят во время ссоры, на эмоциях. <br>
<b>Человек меняется каждый день</b>, в виду различных обстоятельств, и я - не исключение. <br>
<b>Я не из тех девушек</b>, что заводят дружбу с плохими парнями<br>
<b> Как быстро и легко можно разрушить то, что создавалось долгое время и не без труда. </b>Всего одно не верное слово, поступок и всему приходит конец. Кто-то делает это осознанно, кто-то - случайно. В любом случае, приходиться разбираться с последствиями. И остаётся лишь один вопрос - как быть дальше?<br>
<b>Иногда люди настолько привыкают друг другу, считают, что так и должно быть</b>, что просто не могут представить каково это - жить друг без друга. И речь сейчас не о вечной искренней любви, нет. Речь о привычке. <br>
<b>Всегда держу в себе</b>, вместо того, чтобы сказать прямо.<br></div></div>
</center>
</html>

+4

4

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {top: -450px; left: 0px;
  width: 100%;
  max-width: 400px; /* опционально */
  margin: 10px;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.thumbs:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 100%;
  padding: 5px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  font-family: Georgia;
}
.thumbs .caption span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.thumbs .caption .title {
  line-height: 1;
  font-weight: normal;
  font-size: 18px;
}
.thumbs .caption .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.thumbs:focus:before,
.thumbs:focus span, .thumbs:hover:before,
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus:before, .thumbs:hover:before {
  top: 50%;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.thumbs:focus .title, .thumbs:hover .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.thumbs:focus .info, .thumbs:hover .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.thumbs:hover {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.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; overflow: scroll; overflow-x: hidden;}
</style>
<center><div class="rules"><img src="http://sh.uploads.ru/sd4U2.png">
<div class="thumbs"><img src="http://s5.uploads.ru/GrEq9.png">
<div class="caption">
   <span class="title">КЕЙСИ АФФЛЕК</span>
        <span class="info">правила жизни игрока недели [16.06 - 23.06]</span>
</div></div>
<div class="text"> <b>Мне глубоко похер</b> на все то, что появится на желтых страницах или же даже на страницах уважаемых изданий.<br>
<b>Разве должен быть какой-то повод</b> для того, чтобы просто порадовать любимую женщину? <br>
<b>Что может быть более унизительным</b>, чем подниматься с колена, получив отказ?<br>
<b>В фильмах так часто показывают ту классическую неловкую ситуацию</b>, когда на фразу 'я люблю тебя' отвечают этим тупым 'спасибо'. Когда впервые люди в паре осознают, что один явно любит другого больше. Потом обижаются, ссорятся, разбираются, и, в конце концов мирятся. Классика же.<br>
<b>Говорят, что нужно быть очень осторожным</b> с собственными желаниями.<br>
<b>Но сколько бы ты не пытался перевести вину на непослушание ребенка</b> [каждый родитель с этим сталкивался] — в итоге чувство вины все равно начинает разъедать изнутри. Ведь это именно ты недоглядел. Ведь это именно ты не уберег собственного ребенка.<br>
<b>Хоакин в момент нанесения татуировки плакал</b>, и тату-мастер, кажется, перед этим пил с ним.<br>
<b>Как говорится, все, что слишком</b> — то не здраво.<br></div></div>
</center>
</html>

+6

5

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {top: -450px; left: 0px;
  width: 100%;
  max-width: 400px; /* опционально */
  margin: 10px;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.thumbs:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 100%;
  padding: 5px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  font-family: Georgia;
}
.thumbs .caption span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.thumbs .caption .title {
  line-height: 1;
  font-weight: normal;
  font-size: 18px;
}
.thumbs .caption .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.thumbs:focus:before,
.thumbs:focus span, .thumbs:hover:before,
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus:before, .thumbs:hover:before {
  top: 50%;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.thumbs:focus .title, .thumbs:hover .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.thumbs:focus .info, .thumbs:hover .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.thumbs:hover {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.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; overflow: scroll; overflow-x: hidden;}
</style>
<center><div class="rules"><img src="http://sh.uploads.ru/sd4U2.png">
<div class="thumbs"><img src="https://i.imgur.com/1G3bB0S.png">
<div class="caption">
   <span class="title">ДЖЕЙМИ ДОРНАН</span>
        <span class="info">правила жизни игрока недели [23.06 - 30.06]</span>
</div></div>
<div class="text"><b>Вы представляете дикого зверя, которого не кормили полгода</b> и который жаждет вырваться на свободу? Так вот мой зверь - боль, что рвалась заполнить все внутри, окутывая неприятной дрожью.<br>
<b>Мне было совершенно плевать</b>, что наши отношения называли стандартным романом двух партнеров по фильму.<br>
<b>Эмоции</b>. Я давно убедился в том, что людей всегда и везде связывают эмоции. Сильный электрический поток, что проходит через каждую клеточку нашего тела, когда самые яркие события жизни, окутывают нас.<br>
<b>Только у всех бывают минуты</b>, когда обстоятельства до, вынуждают эмоции взять вверх над разумом. <br>
<b>Слишком сильно чувствуешь удар о землю</b>, когда строишь планы, когда видишь и обдумываешь события, которые так сильно ждешь.<br>
<b>Говорят, когда люди теряют чувство любви или она начинает угасать</b>, то некогда любимый человек начинает раздражать во всем.<br>
<b>Нам нужно одиночество не потому, что мы хотим быть подальше</b>, а чтобы справится с болью, которая совсем не меньше.<br>
<b>Боль не утихнет, но я научусь скрывать ее</b>. Обязательно научусь.<br></div></div>
</center>
</html>

+6

6

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {top: -450px; left: 0px;
  width: 100%;
  max-width: 400px; /* опционально */
  margin: 10px;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.thumbs:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 100%;
  padding: 5px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  font-family: Georgia;
}
.thumbs .caption span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.thumbs .caption .title {
  line-height: 1;
  font-weight: normal;
  font-size: 18px;
}
.thumbs .caption .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.thumbs:focus:before,
.thumbs:focus span, .thumbs:hover:before,
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus:before, .thumbs:hover:before {
  top: 50%;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.thumbs:focus .title, .thumbs:hover .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.thumbs:focus .info, .thumbs:hover .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.thumbs:hover {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.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; overflow: scroll; overflow-x: hidden;}
</style>
<center><div class="rules"><img src="http://sh.uploads.ru/sd4U2.png">
<div class="thumbs"><img src="https://i.imgur.com/6z1WgmO.png">
<div class="caption">
   <span class="title">МАРГО РОББИ</span>
        <span class="info">правила жизни игрока недели [30.06 - 80.07]</span>
</div></div>
<div class="text"><b>Ради любимого человека</b> я готова на все.<br>
<b>Тату-машинка</b> показалась мне очень легким и доступным в обращении инструментом. С тех пор эти татуировки, как правило, простые в виде смайликов и надписей, стали стабильно появляться у моих друзей во время вечеринок и даже у коллег по фильмам в последний день съемок. <br>
<b>Мама всегда говорила</b>, что все сердечные проблемы проще забыть в работе.<br>
<b>Если бы мне кто-нибудь напомнил</b>, что мне уже двадцать семь лет, то я бы очень удивилась. Раньше мне казалось, что после двадцати люди резко меняются, хоп, и уже перед вами другой человек, взрослый, уверенный и серьезный. На самом деле же все оказалось совершенно не так, повзрослеть в одночасье нельзя, а над собой приходится работать ежедневно, если хочешь казаться серьезной.<br>
<b>Почему-то у многих при знакомстве со мной складывалось ощущение</b>, что уж Марго Робби отлично знает как вести себя с парнями и управлять ими, как ей только вздумается. Но на самом деле все это не так, весь этот якобы сногсшибательный эффект от моего появления в комнате существует только на экране в кино.<br>
<b>Нельзя упростить жизнь людей до шестисекундного отрывка</b>. Это же люди, у них есть жизни. То, как мы иногда их представляем, может уничтожить их жизни. Просто не стоит торопиться и осуждать людей<br>
<b>Я не люблю эту склонность памяти запоминать только самое плохое</b>. Как проще было бы жить, если люди помнили хорошее, а плохое отпускали. Проще было бы прощать, мириться, начинать все с нуля.<br>
<b>Рождество на первом месте, Новый год - на втором</b>. Почему-то мне всегда было обидно за второй праздник, он мне кажется не менее важным [веселым, шумным], чем первый.</b>.<br></div></div>
</center>
</html>

+4

7

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {top: -450px; left: 0px;
  width: 100%;
  max-width: 400px; /* опционально */
  margin: 10px;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.thumbs:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 100%;
  padding: 5px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  font-family: Georgia;
}
.thumbs .caption span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.thumbs .caption .title {
  line-height: 1;
  font-weight: normal;
  font-size: 18px;
}
.thumbs .caption .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.thumbs:focus:before,
.thumbs:focus span, .thumbs:hover:before,
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus:before, .thumbs:hover:before {
  top: 50%;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.thumbs:focus .title, .thumbs:hover .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.thumbs:focus .info, .thumbs:hover .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.thumbs:hover {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.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; overflow: scroll; overflow-x: hidden;}
</style>
<center><div class="rules"><img src="http://sh.uploads.ru/sd4U2.png">
<div class="thumbs"><img src="https://i.imgur.com/6BVWwkA.png">
<div class="caption">
   <span class="title">МАРГО РОББИ</span>
        <span class="info">правила жизни игрока недели [09.06 - 15.07]</span>
</div></div>
<div class="text"><b>У них в комнате всегда стояла эта узкая кровать,</b> напротив которой был потрепанный жизнью и переездами диван, приехавший от родителей Афанасьева.<br>
<b>Маргарита всегда была уверена,</b> что любимый самый умный и храбрый, ведь он выжил на войне. <br>
<b>Крепко обнимая мужа,</b>, девушка пыталась снова уснуть.<br>
<b>Ей самой редко снились плохие сны</b>, или же она их просто не помнила.<br>
<b>Маргарите, всегда готовой помогать всем вокруг,</b>чувствующей себя обязанной всем, кто к ней обращался, было все равно.<br>
<b>Маленькому бы мишка понравился,</b>. Марго так точно казалось. <br>
<b>Ей так казалось:</b>. она отчаянно завидовала соседкам с их аппендицитами и травмами. <br>
<b>Обычно день Маргариты начинался с обеда,</b>есть который ей совершенно не хотелось. Это всегда было поводом для ворчания медсестёр и бесконечных увещеваний со стороны мужа.</b>.<br></div></div>
</center>
</html>

+1

8

Код:
<!--HTML--><html>
<style>
.rules {width: 500px; height: 460px;}
.thumbs {top: -450px; left: 0px;
  width: 100%;
  max-width: 400px; /* опционально */
  margin: 10px;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.thumbs:before {
  content: '';
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 100%;
  padding: 5px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  font-family: Georgia;
}
.thumbs .caption span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.thumbs .caption .title {
  line-height: 1;
  font-weight: normal;
  font-size: 18px;
}
.thumbs .caption .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.thumbs:focus:before,
.thumbs:focus span, .thumbs:hover:before,
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus:before, .thumbs:hover:before {
  top: 50%;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.thumbs:focus .title, .thumbs:hover .title {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.thumbs:focus .info, .thumbs:hover .info {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.thumbs:hover {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.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; overflow: scroll; overflow-x: hidden;}
</style>
<center><div class="rules"><img src="http://sh.uploads.ru/sd4U2.png">
<div class="thumbs"><img src="https://i.imgur.com/0zdpx0o.png">
<div class="caption">
   <span class="title">ТЕО ХАТЧКРАФТ</span>
        <span class="info">правила жизни игрока недели [15.07 - 22.07]</span>
</div></div>
<div class="text"> <b>Видимо</b>, дар убеждения не пропьёшь <br><br>
<b>God bless America</b>, как говорится.<br><br>
<b>Когда это я</b> вообще мог отказать даме.<br><br>
<b>Всё же сомневаюсь, что хоть когда-нибудь всерьёз задумаюсь над советом переехать в США:</b> мне нравится Лос-Анджелес, и иногда я по нему даже скучаю [кто бы мог подумать]. Но с городами как с любовью: некоторые истории особенно хороши своей незавершенностью, и не нужно ждать от них большего. <br><br>
<b>Мне плевать</b>, кто меня ищет и зачем. <br><br>
<b>Вот он, тот самый момент</b>, когда я всем сердцем ненавижу то, что люблю больше всего.<br><br>
<b>Говорят</b>, что время, когда британцы могли делать музыку, не вылезая со своего острова, давно прошли.<br></div></div>
</center>
</html>

+2


Вы здесь » P O P C O R N » walk of fame » правила жизни