Jump to content
Дизайн и модификация Invision Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
R.R

Рамка вокруг статистики с иконками

Recommended Posts

Друзья, помогите поставить рамку вокруг статистики с иконками. Вот пример:

 

post-38245-0-93625300-1304604029_thumb.jpg

Share this post


Link to post

Вначале загрузить картинки в папку графики скина.

Затем пойти в админку.

Look & Feel > Manage Skin Sets & Templates > Manage Templates in IP.Board

Board Index > boardIndexTemplate

 

Найти

<h2>{$this->lang->words['board_stats']}</h2>

Добавить после

<img src='{$this->settings['img_url']}/название большой иконки для статистики.png' alt='' />  

И ниже после каждого тега

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

Share this post


Link to post

Спасибо большое Фисана, все получилось! :) Там еще в статистике первым пунктом идет такая фишка – «Форум в сети 1 год 10 месяцев и 22 дня», это хук такой, который добавляет эту строку, да?

Share this post


Link to post

Это какой-то хук.

 

Про рамку забыла. Там в ipb_styles.css для #stats задан контур. Можете тоже сделать.

А в шаблоне выше того, что меняли под иконки, заменить

на

Но это довольно грубо смотрится + не должно быть общего контура.

Share this post


Link to post

Оставил рамку как есть. Еще раз благодарю за помощь. Потом будет очередной вопросик, но это будет другая история и тема.

Share this post


Link to post

@Fisana, в IBR я сделал вот так:

 

#stats {
padding-left: 20px;
width: 33%;
float: right;
color: #2e414c;
background: transparent;
font-size: 0.9em;
border-width: 0 2px 2px 2px;
border-style: solid;
border-color: #CCCCCC;
       border-radius: 0 0 6px 6px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

 

получилось отлично, но, пожалуйста проверьте может надо что нибудь удалить или добавить ...

Share this post


Link to post

Да. Так тоже можно, конечно.

Но раз ТС уже пришлось залезть в шаблон, то проще добавить класс rounded для получения закруглений.

 

А почему для FireFox полное закругление (-moz-border-radius: 7px 7px 7px 7px;), а для хрома и оперы нет?

И почему радиус разный?

Share this post


Link to post

А почему для FireFox полное закругление (-moz-border-radius: 7px 7px 7px 7px;), а для хрома и оперы нет?

как сделать для хрома и оперы?

И почему радиус разный?

исправил :rolleyes:

Share this post


Link to post

Просто border - для оперы, -webkit - для хрома (и сафари)

Как бы это уже есть.

  • Upvote 1

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...