Проверка иконок новых сообщений
Новые
Сообщений 1 страница 5 из 5
Поделиться22016-12-26 12:03:43
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mi blandit lacus finibus mattis ac ut est. Cras dignissim aliquet magna. Phasellus posuere dui at leo aliquet ultrices quis sit amet quam. Aenean eget lorem ligula. Ut aliquet ipsum sit amet quam pretium, a dignissim ante pretium. Proin eget lobortis tellus. Fusce quam nunc, condimentum finibus posuere in, aliquam ac ante. Proin viverra nisi ac sapien lobortis ornare iaculis a lacus. Vestibulum a augue non urna condimentum consectetur id at libero. Maecenas ullamcorper lorem in ipsum mollis, eu venenatis diam vulputate. Suspendisse luctus, ante eget tempor mollis, felis turpis lobortis sapien, sit amet accumsan neque tortor quis nulla. Proin vel sodales lectus. Suspendisse finibus augue ac magna accumsan tempor. Pellentesque convallis, magna vitae vestibulum faucibus, eros erat imperdiet magna, ac tempor lacus sapien in ligula. Morbi sollicitudin blandit lacus, at sagittis dui iaculis ac. Maecenas vulputate lorem in suscipit maximus.
Curabitur vitae tristique libero. Donec fermentum leo id augue consectetur pulvinar. Curabitur nibh eros, aliquam consectetur sagittis sed, condimentum ut neque. Duis gravida elementum diam ut consequat. Donec nec tortor gravida, aliquet nibh sit amet, euismod turpis. In hac habitasse platea dictumst. Quisque finibus lorem purus, eu sodales erat scelerisque in.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mi blandit lacus finibus mattis ac ut est. Cras dignissim aliquet magna. Phasellus posuere dui at leo aliquet ultrices quis sit amet quam. Aenean eget lorem ligula. Ut aliquet ipsum sit amet quam pretium, a dignissim ante pretium. Proin eget lobortis tellus. Fusce quam nunc, condimentum finibus posuere in, aliquam ac ante. Proin viverra nisi ac sapien lobortis ornare iaculis a lacus. Vestibulum a augue non urna condimentum consectetur id at libero. Maecenas ullamcorper lorem in ipsum mollis, eu venenatis diam vulputate. Suspendisse luctus, ante eget tempor mollis, felis turpis lobortis sapien, sit amet accumsan neque tortor quis nulla. Proin vel sodales lectus. Suspendisse finibus augue ac magna accumsan tempor. Pellentesque convallis, magna vitae vestibulum faucibus, eros erat imperdiet magna, ac tempor lacus sapien in ligula. Morbi sollicitudin blandit lacus, at sagittis dui iaculis ac. Maecenas vulputate lorem in suscipit maximus.
Curabitur vitae tristique libero. Donec fermentum leo id augue consectetur pulvinar. Curabitur nibh eros, aliquam consectetur sagittis sed, condimentum ut neque. Duis gravida elementum diam ut consequat. Donec nec tortor gravida, aliquet nibh sit amet, euismod turpis. In hac habitasse platea dictumst. Quisque finibus lorem purus, eu sodales erat scelerisque in.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mi blandit lacus finibus mattis ac ut est. Cras dignissim aliquet magna. Phasellus posuere dui at leo aliquet ultrices quis sit amet quam. Aenean eget lorem ligula. Ut aliquet ipsum sit amet quam pretium, a dignissim ante pretium. Proin eget lobortis tellus. Fusce quam nunc, condimentum finibus posuere in, aliquam ac ante. Proin viverra nisi ac sapien lobortis ornare iaculis a lacus. Vestibulum a augue non urna condimentum consectetur id at libero. Maecenas ullamcorper lorem in ipsum mollis, eu venenatis diam vulputate. Suspendisse luctus, ante eget tempor mollis, felis turpis lobortis sapien, sit amet accumsan neque tortor quis nulla. Proin vel sodales lectus. Suspendisse finibus augue ac magna accumsan tempor. Pellentesque convallis, magna vitae vestibulum faucibus, eros erat imperdiet magna, ac tempor lacus sapien in ligula. Morbi sollicitudin blandit lacus, at sagittis dui iaculis ac. Maecenas vulputate lorem in suscipit maximus. Curabitur vitae tristique libero. Donec fermentum leo id augue consectetur pulvinar. Curabitur nibh eros, aliquam consectetur sagittis sed, condimentum ut neque. Duis gravida elementum diam ut consequat. Donec nec tortor gravida, aliquet nibh sit amet, euismod turpis. In hac habitasse platea dictumst. Quisque finibus lorem purus, eu sodales erat scelerisque in.
Поделиться32017-08-21 23:34:27
Код:<style> .fon {background-image: url(http://i.imgur.com/lmCAl4f.png); text-align:center; border: 2px solid #75aae7; width:500px;height:500px;border-radius: 50px;} .pole1, .pole2, .pole3 {position:absolute; width:102px; height: 102px; background-repeat: no-repeat; background-image: url(http://i.imgur.com/Wrnhrem.png);} .pole1 {margin-top: 60px; margin-left: 10px;} .pole2 {margin-top: 90px; margin-left: 130px;} .pole3 {margin-top: 120px; margin-left: 250px;} .igrok {margin-top:30px; } .igrok img {width: 50px; height: 50px; border: 3px solid #957da4; border-radius: 70px; background-position: 0 bottom; box-shadow:2px 2px 1px #705682;} .polea {display: none; text-align: left;padding:5px;} .pole1:hover .polea {width: 150px; height: 100px; background-color:#b3cde9; border: 2px solid #75aae7; display: block; position:absolute;margin-left: 300px;margin-top:210px;z-index:100;} .pole2:hover .polea {width: 150px; height: 100px; background-color:#b3cde9; border: 2px solid #75aae7; display: block; position:absolute;margin-left: 180px;margin-top:180px; } .pole3:hover .polea {width: 150px; height: 100px; background-color:#b3cde9; border: 2px solid #75aae7; display: block; position:absolute;margin-left: 60px;margin-top:150px; } .cifra {position:absolute;color:white; font-family:georgia; font-size: 50px; font-style:italic;margin-top:-20px;} </style> <center><div class="fon"> <div class="pole1" ><span class="cifra">1</span> <div class="polea">* Задание1<br> * Задание1<br> * Задание1<br></div> <div class="igrok"></div> </div> <div class="pole2" ><span class="cifra">2</span> <div class="polea">* Задание2<br> * Задание2<br> * Задание2<br></div> <div class="igrok"><img src="https://yt3.ggpht.com/-whxOBPSOPJU/AAAAAAAAAAI/AAAAAAAAAAA/zOw7Wq0jqDc/s100-c-k-no-mo-rj-c0xffffff/photo.jpg"></div> </div> <div class="pole3"><span class="cifra">3</span> <div class="polea">* Задание3<br> * Задание3<br> * Задание3<br></div> <div class="igrok"></div> </div> </div></center>
Поделиться42019-01-05 23:33:10
Поделиться52019-02-08 17:14:50
background-color: rgb(255, 255, 255, 0.3);
color: #19344e;
border-style: solid;
border-color: #858f90;
border-width: 1px;
box-shadow: 0px 0px 9px #7a86a0;