benix Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 Ребят, всем привет ) Такой вопрос - как сделать тень вокруг всего содержимого форума, как это реализовано на этом форуме? Движок IPS 4. И еще отдельно хотел бы спросить, как сделать кроме тени еще рамку вокруг всего содержимого? Не просто рамку, а допустим в GIF-формате или PNG, т.е. графическую. Заранее огромаднейшее спасибо!! Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 1 минуту назад, benix сказал: Такой вопрос - как сделать тень вокруг всего содержимого форума, как это реализовано на этом форуме? Движок IPS 4. в custom.css добавить код #ipsLayout_contentArea { box-shadow: 0px 2px 10px 0px rgba(50,50,50,0.9); } (взят с этого форума) benix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 Спасибо, работает )) А как распространить эту тень еще на футер? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 нужна ссылка на форум Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 Так он не размещен на хостинге, я только начал его делать ) Open Server использую... Камрад, а Вы не знаете, как реализовать такую рамку, как на форуме - http://imtw.ru ? Именно рамку вокруг всего содержимого, также как тень. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 1 минуту назад, benix сказал: Так он не размещен на хостинге, я только начал его делать ) Open Server использую... у меня нет такого стиля и я не знаю, что там за коды... Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 Это шаблон Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 14 минут назад, benix сказал: Это шаблон попробуйте в кастом добавить #bottom_footer { box-shadow: 0px 2px 10px 0px rgba(50,50,10,0.9); } 24 минут назад, benix сказал: Камрад, а Вы не знаете, как реализовать такую рамку, как на форуме - http://imtw.ru что именно? скрином покажите benix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 Тень появилась на нижней части футера. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 1 минуту назад, benix сказал: Тень появилась на нижней части футера. я не нашел в теме обсуждения стиля у кого есть верхняя часть нашел один только с нижней Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 9 минут назад, Redneck сказал: что именно? скрином покажите Ну там весь контент форума заключен в рамку. 2 минуты назад, Redneck сказал: я не нашел в теме обсуждения стиля у кого есть верхняя часть нашел один только с нижней И что же делать? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 4 минуты назад, benix сказал: И что же делать? вроде нашел попробуйте: .ipbforo_advancedFooter { box-shadow: 0px 2px 10px 0px rgba(50,50,10,0.9); } benix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 Работает, огромное Вам спасибо!!! Очень круто ) Еще бы рамку сделать... ) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 (изменено) 6 минут назад, benix сказал: Еще бы рамку сделать... ) пробуйте в те коды добавить в первый border-left: 3px solid #000; border-top: 3px solid #000; border-right: 3px solid #000; во второй border-left: 3px solid #000; border-right: 3px solid #000; border-bottom: 3px solid #000; в третий border-left: 3px solid #000; border-right: 3px solid #000; @benix про такую рамку шла речь? Изменено 29 марта, 2016 пользователем Redneck benix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 Ну вообще я имел в виду поставить графическую рамку (т е. картинку - текстуру, не знаю как правильно), в общем в фотошопе нарисованную Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 4 минуты назад, benix сказал: Ну вообще я имел в виду поставить графическую рамку (т е. картинку - текстуру, не знаю как правильно), в общем в фотошопе нарисованную на скрине стрелкой покажите, лично я не понимаю о чем речь Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 Вот ) Посмотрите на самом сайте imtw.ru , при приближении видно, что это gif-рамка Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 5 минут назад, benix сказал: Вот ) Посмотрите на самом сайте imtw.ru , при приближении видно, что это gif-рамка я вижу, что там сделано кодом как я Вам дал... Код с того сайта: #ipbwrapper2 { border: 3px solid #AFC8DC; border-radius: 5px; -moz-border-radius: 5px; } где border: 3px solid #AFC8DC; и есть голубенькая рамочка а я вам дал код с черной рамкой, цвет которой вы можете всегда поставить свой... benix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 И правда )) Еще раз огромное спасибо! ) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 2 минуты назад, benix сказал: И правда )) Еще раз огромное спасибо! ) не за что... чтобы закруглить углы, как сделано на том сайте, то нужно будет еще код добавлять benix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 3 минуты назад, Redneck сказал: не за что... чтобы закруглить углы, как сделано на том сайте, то нужно будет еще код добавлять А какой? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 4 минуты назад, benix сказал: А какой? я так понимаю, что в том стиле надо только верхние закруглить: #ipsLayout_contentWrapper { border-radius: 4px 4px 0 0; } нижние смысла нет benix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 А на imtw.ru и нижние тоже закруглены Красиво сделано ) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Redneck Опубликовано 29 марта, 2016 Поделиться Опубликовано 29 марта, 2016 1 минуту назад, benix сказал: А на imtw.ru и нижние тоже закруглены Красиво сделано ) этот стиль до нижнего края браузера можно добавить: #bottom_footer { border-radius: 0 0 4px 4px; margin-bottom: 20px; } benix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
benix Опубликовано 29 марта, 2016 Автор Поделиться Опубликовано 29 марта, 2016 На том форуме, кстати, помимо голубой рамочки, еще очень тонкая белая вроде есть, а если сверху посмотреть, где закругление (верхний левый угол), то вроде еще и какой-то эффект объема... Нет? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.