Сворачивающие/разворачивающие виджеты

автор Волшебник Январь 12th 2014, 09:41

Здравствуйте! что нужно обрать в данном коде?

Код:: a { text-decoration: none !important; } a:hover { text-decoration: underline !important; } #pun-title { padding: 0; min-width: 320px; width: 100%; } #pun-title h1, #pun-title { font-size: 28px; display: inline; } p#pun-desc { color: #666; font-size: 16px; display: inline; padding: 0 5px; } #pun-head, #pun-intro { left: 0; right: 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); overflow: hidden; } #pun-intro { top: 0; height: 65px !important; z-index: 21; padding: 0 10px; line-height: 65px; } #pun-head { top: 65px; height: 47px; line-height: 24px; z-index: 20; } #page-body { margin-top: 20px; } #pun-head #pun-navlinks { padding: 0; line-height: 35px; } #pun-head #pun-navlinks a { color: #ffffff !important; opacity: 0.5; margin: 0px 0px 0px 10px; font-size: 14px; } #pun-head #pun-navlinks a:hover { opacity: 1; } .pun { min-width: 320px; padding: 0; } body { overflow-x: hidden; } #content-container div#right { position: fixed; right: -234px; width: 240px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); background: #ffffff; } #content-container div#right:hover { right: 0; } #content-container div#container { margin-right: 0; } #content-container div#content { margin-right: 0; } #content-container div#right, #pun-head #pun-navlinks a, #pun-about, #pun-visit, #pun-info, #pun-info #stats, #pun-info #onlinelist, .post-options.profile_left { transition: .3s ease all; -o-transition: .3s ease all; -moz-transition: .3s ease all; -webkit-transition: .3s ease all; } .module .main-content { height: 0px; padding: 0px 8px; border: 0px none; transition: .3s 0.5s ease all; -o-transition: .3s 0.5s ease all; -moz-transition: .3s 0.5s ease all; -webkit-transition: .3s 0.5s ease all; } .module:hover .main-content { height: 300px; overflow: auto; } div[style="height:4px"] { height: 1px !important; } .module .main-head { color: white; } .gadget-icon { position: absolute; margin-top: -5px; margin-left: -34px; } .module .main-head .h3 { padding-left: 20px; } .module .main-head .h3 { padding-left: 20px; height: 18px; overflow: hidden; } #comments_scroll_div { overflow: hidden !important; } a.button2, body:last-child a.button1, button.button2, input.button1, input.button2, button.button2, input.button2 { padding: 2px 3px; border-radius: 3px; } .options a img { border-radius: 50%; box-shadow: 0 0 5px white; background: #CCC; } .pun .posthead { border-bottom: none; } .postfoot { border-top: none; } #pun-about, .post-options.profile_left { font-size: 10px; opacity: 0.5; } #pun-about:hover, .post-options.profile_left:hover { opacity: 1; } #pun-about, #pun-visit, #pun-info, #pun-info #stats, #pun-info #onlinelist { background: transparent; border: 1px solid transparent; } #pun-about:hover, #pun-visit:hover, #pun-info:hover, #pun-info:hover #stats, #pun-info:hover #onlinelist { background: #F4F4F4; border: 1px solid #DDD; } .frm-buttons { margin-bottom: 1.3em; } .mini_ava { float: left; } .mini_ava img { width: 40px; height: 40px; margin: 0 5px; border-radius: 10px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .mini_ava img:hover { width: 80px; height: 80px; } body { margin-top:40px; }

Что бы панели не сворачивались, а были все открытыми!

Сворачивающие/разворачивающие виджеты 253f8e626d5aa6f146b68815055f58ed

автор Волшебник Январь 13th 2014, 10:00

Помогите мне пожалуйста с данной проблемой!

автор **Dana Domirani** Январь 17th 2014, 10:57

Код:: .module .main-content { height: 0px; padding: 0px 8px; border: 0px none; transition: .3s 0.5s ease all; -o-transition: .3s 0.5s ease all; -moz-transition: .3s 0.5s ease all; -webkit-transition: .3s 0.5s ease all; } .module:hover .main-content { height: 300px; overflow: auto; }

автор **Luz** Январь 27th 2014, 13:11

Сворачивающие/разворачивающие виджеты Cloze10

Здравствуйте,
Пожалуйста, сообщите нам, решена ли ваша проблема.

Если проблема решена, поставьте, пожалуйста, иконку , отредактировав ваше первое сообщение
Если проблема по-прежнему актуальна, пожалуйста, дайте нам дополнительную информацию или просто «поднимите» тему, написав несколько слов

С уважением, Forum2x2 smile

Сворачивающие/разворачивающие виджеты

Сворачивающие/разворачивающие виджеты

Re: Сворачивающие/разворачивающие виджеты

Re: Сворачивающие/разворачивающие виджеты

Re: Сворачивающие/разворачивающие виджеты