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

[benix]

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

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

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

[Redneck]

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

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

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

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

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

[benix]

Спасибо, работает )) А как распространить эту тень еще на футер?

[Redneck]

нужна ссылка на форум

[benix]

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

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

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

[Redneck]

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

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

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

[benix]

Это шаблон 

 

[Redneck]

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

Это шаблон 

 

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

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

 

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

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

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

[benix]

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

[Redneck]

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

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

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

[benix]

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

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

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

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

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

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

[Redneck]

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

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

вроде нашел попробуйте:

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

 

[benix]

Работает, огромное Вам спасибо!!! Очень круто )

Еще бы рамку сделать... )

[Redneck]

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]

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

[Redneck]

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

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

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

[benix]

Вот )

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

[Redneck]

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

Вот )

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

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

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

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

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

[benix]

И правда )) Еще раз огромное спасибо! )

[Redneck]

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

И правда )) Еще раз огромное спасибо! )

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

[benix]

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

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

А какой?

[Redneck]

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

А какой?

я так понимаю, что в том стиле надо только верхние закруглить:

#ipsLayout_contentWrapper {
    border-radius: 4px 4px 0 0;
}

нижние смысла нет

[benix]

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

[Redneck]

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

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

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

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

 

[benix]

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