хорошоДобавлено (08 Мар 2016, 22:06:41)
---------------------------------------------
вот в csss
.login_btn { background: url(/images/aurorisation_btn.jpg) no-repeat; display: block; overflow: hidden; height: 49px; width: 136px; cursor: pointer; line-height: 150px; margin: 62px 0 0 6px; }
.login_btn span { background:url(/images/aurorisation_btn.jpg) no-repeat 0 -49px; display: block; height: 49px; width: 136px; z-index: 100; cursor: pointer; position: relative; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.login_btn span:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.login_register { background:url(/images/registration_btn.jpg) no-repeat; display: block; overflow: hidden; height: 49px; width: 136px; cursor: pointer; line-height: 150px; margin-top: 63px; }
.login_register span { background: url(/images/registration_btn.jpg) no-repeat 0 -49px; display: block; height: 49px; width: 136px; z-index: 100; cursor: pointer; position: relative; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.login_register span:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.logout { background: url(/images/logout.jpg) no-repeat; display: block; overflow: hidden; height: 49px; width: 136px; cursor: pointer; line-height: 150px; margin: 62px 0 0 6px; }
.logout span { background: url(/images/logout.jpg) no-repeat 0 -49px; display: block; height: 49px; width: 136px; z-index: 100; cursor: pointer; position: relative; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.logout span:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.login_profile { background: url(/images/user_panel.jpg) no-repeat; display: block; overflow: hidden; height: 49px; width: 136px; cursor: pointer; line-height: 150px; margin-top: 63px; }
.login_profile span { background: url(/images/user_panel.jpg) no-repeat 0 -49px; display: block; height: 49px; width: 136px; z-index: 100; cursor: pointer; position: relative; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.login_profile span:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.modal_bg_top { background: url(/images/modal_bg_top.png) no-repeat; padding-top: 99px; }
.modal_bg_bot { background: url(/images/modal_bg_bot.png) no-repeat right bottom; padding-bottom: 8px; }
.logform { background: #FFF; height: 35px; display: block; overflow: hidden; padding: 14px 0 70px 24px; }
.logform1 { background: #FFF; display: block; overflow: hidden; padding: 14px 0 0px 35px; height: 123px; }
.logindialog { width: 346px; height: 80px; padding-left: 12px; margin: 0px 0 0 0; position: absolute; background: url(/images/logindialog.gif) no-repeat; }
.logindialog_input { height: 14px; width: 321px; background-color: transparent; padding: 0; margin-top: 10px; line-height: 14px; color: #265e9d; position: absolute; }
.logindialog_input2 { height: 14px; width: 261px; background-color: transparent; padding: 0; line-height: 14px; float: left; color: #265e9d; position: absolute; margin-top: 49px; }
.logindialog_btn { background:url(/images/logindialog_btn.gif) no-repeat; width: 57px; height: 33px; position: absolute; margin: 39px 0 0 277px; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.logindialog_btn:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.lost_p { position: absolute; margin: 84px 0 0 2px; }
.lost_p a { color: #090e14; margin-right: 12px; }
.lost_p a:hover { text-decoration: none; }
.login_avatar { float: left; border: 1px solid #d7e4ef; background: #f4f7fb; padding: 3px; margin-top: -4px; }
.profile_links { position: absolute; margin: -12px 0 0 130px; padding: 2px 0 10px 0; }
.profile_links a { background:url(/images/profile_links.gif) no-repeat; width: 207px; height: 29px; color: #5b5b5b; display:block; text-decoration: none; line-height: 28px; text-indent: 14px; }
.profile_links a:hover { color: #3364dc; text-decoration: underline; }
/* icons */
.icons { position: absolute; min-width: 700px; margin: 200px 0 0 230px; }
.icons li { background: url(/images/icon.png) no-repeat right bottom; width: 150px; height: 113px; display: block; float: left; margin-right: 18px; }
.icon_panel { background: url(/images/icon_panel.gif) no-repeat; width: 115px; height: 80px; display: block; overflow: hidden; line-height: 300px; }
.icon_panel span { background: url(/images/icon_panel.gif) no-repeat 0 -80px; width: 115px; height: 80px; display: block; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.icon_panel span:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.icon_host { background: url(/images/icon_host.gif) no-repeat; width: 115px; height: 81px; display: block; overflow: hidden; line-height: 300px; margin: -1px 0 0 11px; }
.icon_host span { background: url(/images/icon_host.gif) no-repeat 0 -81px; width: 115px; height: 81px; display: block; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.icon_host span:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.icon_forum { background: url(/images/icon_forum.gif) no-repeat; width: 92px; height: 78px; display: block; overflow: hidden; line-height: 300px; margin: 3px 0 0 9px; }
.icon_forum span { background: url(/images/icon_forum.gif) no-repeat 0 -78px; width: 92px; height: 78px; display: block; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.icon_forum span:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.icon_contacts { background: url(/images/icon_contacts.gif) no-repeat; width: 102px; height: 74px; display: block; overflow: hidden; line-height: 300px; margin: 4px 0 0 8px; }
.icon_contacts span { background: url(/images/icon_contacts.gif) no-repeat 0 -74px; width: 102px; height: 74px; display: block; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.icon_contacts span:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
Добавлено (08 Мар 2016, 22:07:37)
---------------------------------------------
Слушай у меня такой вопрос , а если нету картинок то он не будет работать?