Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Тень вокруг содержимого форума

Featured Replies

Posted

Ребят, всем привет ) Такой вопрос - как сделать тень вокруг всего содержимого форума, как это реализовано на этом форуме? Движок IPS 4.

И еще отдельно хотел бы спросить, как сделать кроме тени еще рамку вокруг всего содержимого? Не просто рамку, а допустим в GIF-формате или PNG, т.е. графическую.

Заранее огромаднейшее спасибо!!

1 минуту назад, benix сказал:

Такой вопрос - как сделать тень вокруг всего содержимого форума, как это реализовано на этом форуме? Движок IPS 4.

в custom.css добавить код

#ipsLayout_contentArea {
    box-shadow: 0px 2px 10px 0px rgba(50,50,50,0.9);
}

(взят с этого форума) 

  • Author

Так он не размещен на хостинге, я только начал его делать ) Open Server использую...

Камрад, а Вы не знаете, как реализовать такую рамку, как на форуме - http://imtw.ru  ?

Именно рамку вокруг всего содержимого, также как тень.

1 минуту назад, benix сказал:

Так он не размещен на хостинге, я только начал его делать ) Open Server использую...

у меня нет такого стиля и я не знаю, что там за коды... 

14 минут назад, benix сказал:

Это шаблон 

 

попробуйте в кастом добавить

#bottom_footer {
    box-shadow: 0px 2px 10px 0px rgba(50,50,10,0.9);
}

 

24 минут назад, benix сказал:

Камрад, а Вы не знаете, как реализовать такую рамку, как на форуме - http://imtw.ru 

что именно? скрином покажите 

1 минуту назад, benix сказал:

Тень появилась на нижней части футера. 

Безымянный.png

я не нашел в теме обсуждения стиля у кого есть верхняя часть :D нашел один только с нижней :) 

  • Author
9 минут назад, Redneck сказал:

что именно? скрином покажите 

Ну там весь контент форума заключен в рамку.

Безымянный.png

2 минуты назад, Redneck сказал:

я не нашел в теме обсуждения стиля у кого есть верхняя часть :D нашел один только с нижней :) 

И что же делать? :( 

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 про такую рамку шла речь?

Edited by Redneck

  • Author

Ну вообще я имел в виду поставить графическую рамку (т е. картинку - текстуру, не знаю как правильно), в общем в фотошопе нарисованную :)

4 минуты назад, benix сказал:

Ну вообще я имел в виду поставить графическую рамку (т е. картинку - текстуру, не знаю как правильно), в общем в фотошопе нарисованную :)

на скрине стрелкой покажите, лично я не понимаю о чем речь

5 минут назад, benix сказал:

Вот )

Безымянный.png

Посмотрите на самом сайте imtw.ru , при приближении видно, что это gif-рамка

я вижу, что там сделано кодом как я Вам дал... Код с того сайта:

#ipbwrapper2 {
    border: 3px solid #AFC8DC;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

где border: 3px solid #AFC8DC; и есть голубенькая рамочка

а я вам дал код с черной рамкой, цвет которой вы можете всегда поставить свой... 

  • Author
3 минуты назад, Redneck сказал:

не за что... чтобы закруглить углы, как сделано на том сайте, то нужно будет еще код добавлять

А какой?

1 минуту назад, benix сказал:

А на imtw.ru и нижние тоже закруглены :) Красиво сделано )

этот стиль до нижнего края браузера :) можно добавить:

#bottom_footer {
    border-radius: 0 0 4px 4px;
    margin-bottom: 20px;
}

 

  • Author

На том форуме, кстати, помимо голубой рамочки, еще очень тонкая белая вроде есть, а если сверху посмотреть, где закругление (верхний левый угол), то вроде еще и какой-то эффект объема... Нет?

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.