Может немного не втему, но очень заинтерисовали такие эфекты как на этих форумах- http://droy.mybb.ru/ (шапка) http://kolubel.ru/ (зама стилей)
Не подскажите как такое сделать?
Отредактировано Nikodima (16.11.12 03:37)
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » [Решено]Помощь по эфектам
Может немного не втему, но очень заинтерисовали такие эфекты как на этих форумах- http://droy.mybb.ru/ (шапка) http://kolubel.ru/ (зама стилей)
Не подскажите как такое сделать?
Отредактировано Nikodima (16.11.12 03:37)
(шапка)
здесь использовалось flash.
(зама стилей)
чего зама оО
(зама стилей)
здесь использовалось flash.
а можно такое самим сделать?
а можно такое самим сделать?
Если обладаете достаточными знаниями по работе в этой программе - можно
На самого урока на форуме нет.
Жалко...
Здравствуйте) Хочется выслушать критику о дизайне на моём форуме, некоторые советуют сменить, некоторые говорят, что все нормально и мне как-то не совсем понятно. Хотелось бы оставить шапку, а вот на счет другого хотелось бы посоветоваться, может что-нибудь подскажете, какой-то оптимальный вариант, чтобы была для глаз приятно и красиво? Буду очень благодарна)))
Форум: http://dangerousgame.rolevaya.ru/
Мне очень нравится эффект свечения для границ форума, но я не знаю как совместить его с "шапкой переходящей в фон".
Может быть просто скрипт надо куда-то в иное место воткнуть? Сейчас он просто в html-верхе, вот в таком виде:
<style> #pun{background-color: #555e85; -moz-box-shadow: 0 0 20px #0091d0; -webkit-box-shadow: 0 0 20px #0091d0; box-shadow: 0 0 20px #0091d0; } </style>
Мне очень нравится эффект свечения для границ форума, но я не знаю как совместить его с "шапкой переходящей в фон".
Может быть просто скрипт надо куда-то в иное место воткнуть? Сейчас он просто в html-верхе, вот в таком виде:
Прост не нун ставить повтор шапки в #pun-title table (она у Вас есть на body
И сделать отступ для #pun от верха(установил верхний padding у BODY
Замените HTML верх
<style> #pun {top:0; } html{background: none;} #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 250px; top: 100px } #pun-title, #pun-title table { background: none transparent; height: 62px!important; } body{padding-top:590px;} #pun-navlinks{ margin-top:-43px; } #pun-announcement h2 {display: none;} #pun-announcement .container {padding-top: 1em} </style> <style> .title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{ filter:alpha(opacity=40); opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; } .title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{ filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; }</style> <style type="text/css"> #pun-main h2 { text-align: center; } </style> <style> HTML, BODY { background-color: #08356e; } </style> <style> HTML, BODY { background-color: #181d3b; background-image: url("http://uploads.ru/i/y/f/7/yf709.png"); background-repeat: no-repeat; background-position: top center } </style> <style type="text/css"> #pun {margin: auto;} </style> <style> #pun-title .title-logo span {display: none;} </style> <style> #pun{background-color: #555e85; -moz-box-shadow: 0 0 20px #0091d0; -webkit-box-shadow: 0 0 20px #0091d0; box-shadow: 0 0 20px #0091d0;} </style> <style> #pun-title { border: none; } </style> <style> body a { font-variant: small-caps; } </style> <style> .lastedit { display: none; } </style> <style type="text/css"> .punbb A:link, .punbb A:visited {text-shadow: #03061a 1px 1px 1px } .punbb A:hover {text-shadow: #03061a 1px 1px 1px} </style> <style> .container1 {width: 756px; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 50px; width: 467px; width: 100%; background-color: none; } ul.tabs li { float: left; margin: 0; padding: 0; height: 50px; line-height: 50px; border: 0px; margin-bottom: -2px; background-color: #none; overflow: hidden; position: relative; } ul.tabs li a { text-decoration: none; color: transparent; display: block; padding: 0 5px; background-color: #none; outline: none; } ul.tabs li a:hover { background-color: #none; border: 0px solid #000000; } html ul.tabs li.active { background-color: #none; border: 0px solid #000000; } html ul.tabs li.active a:hover { background-color: #none; border: 0px solid #160f0a; } .tab_container1 { clear: both; float: left; width: 756px; height: 200px; background-color: #none; border-bottom: 0px solid #828181; border-top: 0px solid #828181; border-left: 0px solid #828181; border-right: 0px solid #828181; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .tab_content { padding: 5px; } .tab_content h2 { font-weight: normal; padding-bottom: 2px; border-bottom: 0px dashed #828181; } </style>
Хотя имхо - проще сделать скриншот текущего эффекта для полотна фора
http://uploads.ru/i/L/m/w/LmwZt.png
и установить фон для #pun картинкой , размноженной по вертикали
тогда эфект работает и для старых браузеров и менять в стиле ничо не нун
Отредактировано Deff (25.04.12 11:26)
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » [Решено]Помощь по эфектам