november 26th - Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!Lorem ipsum dolor sit amet, ei facilisi accusata eum, iusto volutpat definiebas nam ei. Est ei duis senserit elaboraret, his brute audiam ad. Ex duo sumo consul accommodare, sint reque ei eos, eu aliquam volutpat scriptorem cum. Autem omittam disputando cum no. No duo suscipit explicari, sint iudico voluptaria ad per.
Kód:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><style>#gif { width: 400px; height: 200px; background-image: url(https://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1647268230.jpg); overflow: hidden;} .dropdownhover { background-color:rgba(158,158,158,.6); width: 400px; height: 200px; position: relative; top: -200px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s;} #gif:hover .dropdownhover { top: 0px; } .wordsofasort { opacity: 0; font-family: calibri; text-align: justify; line-height: 10px; padding: 25px; font-size: 10px; width: 155px; height: 100px; background: #fff; color: #000; position: relative; right: 100px; top: -75px; transition: all 1s ease-in-out; overflow: auto;} .dropdownhover:hover .wordsofasort { opacity: .9; }.wordsofasort::-webkit-scrollbar { width: 2px; } .wordsofasort::-webkit-scrollbar-thumb { background-color: #9e9e9e; } .wordsofasort b { color: #9e9e9e; text-transform: uppercase; } .iconlink { height: 25px; width: 25px; line-height: 5px; text-align: center; color: #fff; position: relative; top: 50px; left: 15px;} .iconlink a {text-decoration: none; color: #fff; }</style><center> <div id="gif"><div class="dropdownhover"><div class="iconlink" style="background: #89babe;"><br><a href="#" title="tumblr"><i class="fa fa-tumblr"></i></a></div><div class="iconlink" style="background: #ffa891;"><br><a href="#" title="tester"><i class="fa fa-wrench"></i></a></div><div class="iconlink" style="background: #ffc472;"><br><a href="#" title="gallery"><i class="fa fa-paint-brush"></i></a></div><div class="iconlink" style="background: #ffe665;"><br><a href="#" title="requests"><i class="fa fa-sticky-note"></i></a></div><div class="wordsofasort"> <b>november 26th - </b>Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!Lorem ipsum dolor sit amet, ei facilisi accusata eum, iusto volutpat definiebas nam ei. Est ei duis senserit elaboraret, his brute audiam ad. Ex duo sumo consul accommodare, sint reque ei eos, eu aliquam volutpat scriptorem cum. Autem omittam disputando cum no. No duo suscipit explicari, sint iudico voluptaria ad per.</div></div></div></center>
AJÁNLOM AZ OLDALT
Archívum