Код:
<!--HTML--> <style type="text/css"> .noraa { opacity: 0; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s; } .noraa:hover { opacity: 1; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s; } </style> <center><div style="width: 450px; height: 600px; border-left: #de9185 20px solid; border-top: #de9185 20px solid; border-right: #8e97df 20px solid; border-bottom:#8e97df 20px solid; background-color: #ddd;"><div style="padding-top: 10px;"></div><div style="background: url(http://i49.tinypic.com/295u3bn.jpg); width: 430px; height: 580px; border: 1px dotted #cfffc4;"><div style="padding-top: 10px;"></div><div style="background: url( ТУТ ОДНА ПРЯМОУГОЛЬНАЯ ГИФКА 500 В ШИРИНУ И 250 В ВЫСОТУ ПРИМЕРНО! ); width: 410px; height: 250px; opacity: 1.0;"></div><div style="width: 400px; background-color: #cfffc4; font-family: times new roman; font-style: italic; font-size: 10px; padding: 5px; color: #99a0e0; letter-spacing: 3px;">ВНЕШКА</div><div style="width: 400px; height: 280px; padding: 5px; background-color: #ddd;"><div style="width: 390; height: 290px; font-family: calibri; font-size: 10px; color: #3B232E; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; text-align: justify; overflow: auto;"> биография <br><br> отношения <br><br> дополнительно </div></div> </div></center> </center>
ВНИМАНИЕ! ОФОРМЛЕНИЕ ЗАТОЧЕНО ПОД HTML-КОДЫ! ЧЕТЫРЕ ЗВЕЗДОЧКИ В САМОМ НАЧАЛЕ И ОДНУ В КОНЦЕ УБИРАЕМ, ДАЛЬШЕ НИЧЕГО НЕ МЕНЯЕМ И НЕ СВОЕВОЛЬНИЧАЕМ. ЕСЛИ ЕСТЬ ВОПРОСЫ - КО МНЕ В ЛС!
Код:
[code **]<**!--HTML--> <style type="text/css"> .noraa { opacity: 0; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s; } .noraa:hover { opacity: 1; width: 240px; height: 140px; padding: 10px; background-color: white; -moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s; } </style> <center><div style="width: 450px; height: 600px; border-left: #de9185 20px solid; border-top: #de9185 20px solid; border-right: #8e97df 20px solid; border-bottom:#8e97df 20px solid; background-color: #ddd;"><div style="padding-top: 10px;"></div><div style="background: url(http://i49.tinypic.com/295u3bn.jpg); width: 430px; height: 580px; border: 1px dotted #cfffc4;"><div style="padding-top: 10px;"></div><div style="background: url( ТУТ ОДНА ПРЯМОУГОЛЬНАЯ ГИФКА 500 В ШИРИНУ И 250 В ВЫСОТУ ПРИМЕРНО! ); width: 410px; height: 250px; opacity: 1.0;"></div><div style="width: 400px; background-color: #cfffc4; font-family: times new roman; font-style: italic; font-size: 10px; padding: 5px; color: #99a0e0; letter-spacing: 3px;">ВНЕШКА</div><div style="width: 400px; height: 280px; padding: 5px; background-color: #ddd;"><div style="width: 390; height: 290px; font-family: calibri; font-size: 10px; color: #3B232E; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; text-align: justify; overflow: auto;"> биография <br><br> отношения <br><br> дополнительно </div></div> </div></center> </center>[/*code]