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

P O P C O R N

Объявление

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

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

Вы здесь » P O P C O R N » walk of fame » аэстетик

аэстетик

Страница: 1

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

1

  • Автор: james cameron
  • Администратор
  • james cameron
  • Уважение: +26
  • Сообщений: 63
Код:
<!--HTML-->

<div class="u_theme">
    <div class="u_title">гармония во всем</div>
    <div class="u_body">
Пара - это союз двух людей, которые не просто взаимодействуют друг с другом. Они дополняют друг друга. Помогают. Поддерживают. И вместе представляют некую гармонию, которую нельзя увидеть, но можно ощутить. 
</div></div>

+1

2

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

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one1: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 */;
}
.two1 { position: relative; top: -520px; left: 178px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two1: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 */;
}
.three1 { position: relative; top: -324px; left: -74px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three1: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 */;
}
.four1 { position: relative; top: -206px; left: -177px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.four1: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 */;
}
.five1 { position: relative; top: -206px; left: 36px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.five1: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 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>keanu & sophie</b></div>
<div class="one1"><img src="http://s7.uploads.ru/94rKb.png"></div>
<div class="two1"><img src="http://s5.uploads.ru/NIwKJ.png"></div>
<div class="three1"><img src="http://s9.uploads.ru/lF08i.png"></div>
<div class="four1"><img src="http://s9.uploads.ru/EcnZb.png"></div>
<div class="five1"><img src="http://sd.uploads.ru/jkJd5.png"></div>
</center>
</html>

+13

3

  • Автор: Casey Affleck
  • girl, you can keep me warm on a cold night
  • Casey Affleck
  • плашка:
  • кошелек: деньги:
    1310
  • Уважение: +427
  • Сообщений: 1027
  • рейтинг:
  • лз: КЕЙСИ АФФЛЕК, 42
    профессия: актер, режиссер, продюсер, сценарист;
    моя самая яркая звезда.
  • ссылки: #арт; #дневник
Код:
<!--HTML--><html>
<style>

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one1: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 */;
}
.two1 { position: relative; top: -520px; left: 178px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two1: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 */;
}
.three1 { position: relative; top: -324px; left: -74px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three1: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 */;
}
.four1 { position: relative; top: -206px; left: -177px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.four1: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 */;
}
.five1 { position: relative; top: -206px; left: 36px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.five1: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 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>oscar & jessica</b></div>
<div class="one1"><img src="https://i.imgur.com/gBPJGIc.png"></div>
<div class="two1"><img src="https://i.imgur.com/DbQvRF7.png"></div>
<div class="three1"><img src="https://i.imgur.com/FRiZH5k.png"></div>
<div class="four1"><img src="https://i.imgur.com/zTyMxND.png"></div>
<div class="five1"><img src="https://i.imgur.com/Uvpbx2v.png"></div>
</center>
</html>

+12

4

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

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one1: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 */;
}
.two1 { position: relative; top: -520px; left: 178px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two1: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 */;
}
.three1 { position: relative; top: -324px; left: -74px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three1: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 */;
}
.four1 { position: relative; top: -206px; left: -177px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.four1: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 */;
}
.five1 { position: relative; top: -206px; left: 36px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.five1: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 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>abel & bella</b></div>
<div class="one1"><img src="https://i.imgur.com/KB5py45.png"></div>
<div class="two1"><img src="https://i.imgur.com/5uxVkYo.png"></div>
<div class="three1"><img src="https://i.imgur.com/D9iHXzi.png"></div>
<div class="four1"><img src="https://i.imgur.com/RZ09aH5.png"></div>
<div class="five1"><img src="https://i.imgur.com/H3DIOmQ.png"></div>
</center>
</html>

+10

5

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

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one1: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 */;
}
.two1 { position: relative; top: -520px; left: 178px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two1: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 */;
}
.three1 { position: relative; top: -324px; left: -74px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three1: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 */;
}
.four1 { position: relative; top: -206px; left: -177px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.four1: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 */;
}
.five1 { position: relative; top: -206px; left: 36px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.five1: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 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>casey & ben & matt</b></div>
<div class="one1"><img src="http://s9.uploads.ru/rfqMQ.png"></div>
<div class="two1"><img src="http://s8.uploads.ru/H06NU.png"></div>
<div class="three1"><img src="http://sg.uploads.ru/1HWLU.png"></div>
<div class="four1"><img src="http://sh.uploads.ru/u5iUp.png"></div>
<div class="five1"><img src="http://s5.uploads.ru/vEes7.png"></div>
</center>
</html>

+7

6

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

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one1: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 */;
}
.two1 { position: relative; top: -520px; left: 178px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two1: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 */;
}
.three1 { position: relative; top: -324px; left: -74px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three1: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 */;
}
.four1 { position: relative; top: -206px; left: -177px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.four1: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 */;
}
.five1 { position: relative; top: -206px; left: 36px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.five1: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 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>elle & ben</b></div>
<div class="one1"><img src="https://i.imgur.com/3qLK4nB.png"></div>
<div class="two1"><img src="https://i.imgur.com/76UAQkV.png"></div>
<div class="three1"><img src="https://i.imgur.com/0SBuEfK.png"></div>
<div class="four1"><img src="https://i.imgur.com/FA0GF4p.png"></div>
<div class="five1"><img src="https://i.imgur.com/PoNu2iV.png"></div>
</center>
</html>

+4

7

  • Автор: Casey Affleck
  • girl, you can keep me warm on a cold night
  • Casey Affleck
  • плашка:
  • кошелек: деньги:
    1310
  • Уважение: +427
  • Сообщений: 1027
  • рейтинг:
  • лз: КЕЙСИ АФФЛЕК, 42
    профессия: актер, режиссер, продюсер, сценарист;
    моя самая яркая звезда.
  • ссылки: #арт; #дневник
Код:
<!--HTML--><html>
<style>

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.one1: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 */;
}
.two1 { position: relative; top: -520px; left: 178px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.two1: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 */;
}
.three1 { position: relative; top: -324px; left: -74px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.three1: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 */;
}
.four1 { position: relative; top: -206px; left: -177px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.four1: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 */;
}
.five1 { position: relative; top: -206px; left: 36px; 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;
/*КОНЕЦ КОДА АНИМИРОВАНИЯ*/}
.five1: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 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>sophie & chris</b></div>
<div class="one1"><img src="https://i.imgur.com/8YVkch0.png"></div>
<div class="two1"><img src="https://i.imgur.com/aDSAKyG.png"></div>
<div class="three1"><img src="https://i.imgur.com/Tjep4cg.png"></div>
<div class="four1"><img src="https://i.imgur.com/YIOJgpN.png"></div>
<div class="five1"><img src="https://i.imgur.com/8m8gMw5.png"></div>
</center>
</html>

+3

Страница: 1

Вы здесь » P O P C O R N » walk of fame » аэстетик

Рейтинг форумов | Создать форум бесплатно