Всем доброго времени суток.

Суть проблемы такова:

 

 

Нужно убрать стандартное изображение и вместо него поставить 3 изображения и естественно фон (всё из картинок)

 

А ещё лучше сделать что то на подобии рамки из изображений (думаю что будет сложнее редактировать текст нежели картинку):

 

 

Изначально скачал какой то стиль и хочу его переделать полностью под свои нужды

( http://invisionarts.com/3.0.html )

Считаю что данная тема будет полезна всем

Изменено 23 февраля 201015 г пользователем RPSVoloch

В css в классе post_block контур нижний попробуйте убрать

 

Убирал изначально там было вот это:

 

.post_block {
background: #1B1B19;
border-bottom: 6px solid #B5C0CF;
}

 

А сейчас вот это:

.post_block {
background: #1B1B19;
}

Как я понял что бы не было пропуска в 1 пиксель надо убрать где то в коде HTML ссылку на загрузку post_block

Надо пробовать разные варианты и искать решение.

Причиной, например, может быть нижний margin в классе post_control, padding там же, там же параметры для кнопок (отступы в тегах li) и т.д.

Еще там есть hr ....

Попробуйте убрать его...

Ковырялся ковырялся и так и сяк в итоге как был промежуток в 1 пиксель так и остался (

Как его править я не представляю просто.

Можно переименовать тему на: Редактирование дэфолтного скина под свои нужды ?

Потому как появляются вопросы а разводить флуд на форуме не охота

И возникает следующий вопрос: Куда добавить тег что бы изменить фон в сообщениях ?

 

Что мы имеем сейчас:

А должно получится вот это:

 

Добавил немного позже:

Проблему отступа нашёл )

Оказывается путь исправления отступа виден только в том случае если применять несколько браузеров (взял IE 7 в нём сразу видно было где касяк)

Изменено 25 февраля 201015 г пользователем RPSVoloch

Не нужно никаких тегов для изменения фона.

css у нас на что?

Просто отредактируйте класс .post_block в ipb_styles.css

В тегах ничего прописывать не нужно, это может помешать смене цвета при модерации.

Ну в общем тут и хранилась моя небольшая проблема: отступ в 1 пиксель

Начальный код:

.post_block {
margin: 0 0 1px 0;
position: relative;
}

 

В итоге сделал вот это:

.post_block {
background-color: #1B1B19;
margin: 0 0 0 0;
position: relative;
}

Я сразу так и думала, что проблема в каком-то параметре этого класса.

Просто скин чужой, в своих у меня никаких таких паддингов нет.

Решил переделать ещё и то что ниже топиков находится в итоге получилась белиберда:

Что получилось изначально:

 

И то что должно будет получиться:

 

Путь:

Отредактировал topicViewTemplate под свои нужды

<div class='cat_middle_1 clear'><div class='cat_right_1'><div class='cat_left_1'>
</div>
</div>
</div>
<div class='leftside'><div class='rightside'>

 

 

Залил новый класс в ipb_styles.css

вот что у меня получилось:

.cat_left_1 {
height: 100%;
   width: 100%;
float: left !important;
background: url({style_images_url}/catbotleft_1.png) no-repeat 0 0;
}

.cat_right_1 {
height: 100%;
float: right;
   width: 100%;
background: url({style_images_url}/catbotright_1.png) no-repeat 100% 0;
}

.cat_middle_1 {
background: #1b1b19 url({style_images_url}/catbot_1.png) repeat-x top;
width: 100%;
height: 26px;
margin: 0;
padding: 0;
}

 

Где ошибка ???

Пока сама не не попробую это сверстать, не смогу найти подводные камни :(

 

Но я бы не стала так сурово все загонять по-отдельности в рамку.

Некрасиво и тяжело смотрится.

Кроме того, надо учитывать просмотр с разными правами (модератор, юзер, гость).

Где-то придется бока раньше времени закрывать (в разных ), а потом снова начинать.

 

Включите в теме опрос, там именно тот случай. В шаблоне опроса придется приделывать бока дополнительно, чтобы он в рамке был.

Ну в общем получилось уже что то (избавится от рамки можно в том случае если загнать её под тег который в определённых условиях не отображает содержимое)

Пример:

начало скрипта -

<!-- MOD LINKS -->
<if test="modOptions:|:$displayData['mod_links']">
<div class='cat_middle_1 clear'><div class='cat_right_1'><div class='cat_left_1'>
</div>
</div>
</div>
<div class='leftside'><div class='rightside'>

 

Конец скрипта:

</div></div><div class='catbotleft'><div class='catbotright'><div class='catbot'></div></div></div>
</if>

 

Вот таким вот образом мы уберём рамку если условия для выполнения тега не выполнены

 

Убираем пропуск в 10 пикселей если он вам мешает (как мне)

 

/* MODERATION & FILTER STYLES */

.moderation_bar {
text-align: right;
padding: 6px 35px 6px 10px;
margin: 10px 0 0 0;
}

Убираем пропуск в 10 пикселей

 

/* MODERATION & FILTER STYLES */

.moderation_bar {
text-align: right;
padding: 6px 35px 6px 10px;
margin: 0 0 0 0;
}

 

 

Убираем пропуск 6px в фильтрах постов:

 

.filter_bar {
font-size: 0.8em;
text-align: center;
margin: 6px 0 0 0;
padding: 6px;
}

 

в общем получается уже не плохо )

.filter_bar {
font-size: 0.8em;
text-align: center;
margin: 0 0 0 0;
padding: 6px;
}

 

Убираем отступ в 10 пиксетей в статистике

ищем вот это:

.statistics {	
padding: 15px;
margin: 10px 0px 0 0px;
min-height: 160px;
}

Меняем на это

.statistics {	
padding: 15px;
margin: 0px 0px 0 0px; 
min-height: 160px;
}

 

margin : 0px 0px 0 0px ; // кого не устраивает лишнее можете вообще удалить эту строку хуже не будет (разве что только на 1 миллиардную долю секунды грузится быстрее)

 

У нас отступ идёт в выборе топика и его модерировании (раздражает не так ли)

/* TOPIC/POST BUTTONS STYLES */

.topic_controls {
min-height: 30px;
}

Меняем на это:

/* TOPIC/POST BUTTONS STYLES */

.topic_controls {
min-height: 0px;
}

Как вы заметили в тексте чуть ниже есть параметры кнопок можете их под себя отредактировать как вам угодно.

 

P.S. вот я и понял как оно да что оно ) теперь глупых вопросов задавать не буду что да куда хотя пару вопросов скорее всего возникнет но уже из за лени поискать или из за незнания файла который редактировать надо )))))

P.S.s Отступ в кнопках делается только когда их нада друг от дружки отодвинуть судя по тому коду что я видел так что они проблем не составят (разве что вылезут за приделы как у меня но это дело поправимо насколько легко пока что не знаю)

Ну в общем рекорды посещаемости всех тем я побил походу ) в действительности я был прав когда сказал что тема будет актуальна но до финала пока что ещё ооооочень далеко так как есть ещё личный кабинет и небольшие недочёты в виде вылезших кнопок сообщений за края и тд и тп

Изменено 25 февраля 201015 г пользователем RPSVoloch

Вот-вот, примерно так, не забывая об условиях и параметрах, вроде отступов, в заюзанных классах :(

Где изменить размер окна быстрого ответа ??? (его класс fast_reply) найти сам не смог

Размер окна быстрого ответа регулируется вроде где-то в ява-скрипте, а не в скине, если правильно поняла.

Для Ваших целей мешать там может только пустой generic_bar. Остальное выполняемо без смены размера окон.

Да, для работы в ie7 наверное придется править css для ie, если формы ответа скачут вверх.

Ну в общем у меня уже кое что получилось причём я этим очень доволен (соблюдены все условия показывания обвода и тд)

Остались кнопки ЛК шрифты и небольшие недочёты в виде отступа примерно в 10 пиксерей при выборе форума

Просмотреть то что получилось можно тут

1. Сайт резиновым сделайте.

Ширину общей таблицы - 100%, боковые колонки задайте фиксированной ширины, среднюю сделайте без указания ширины.

2. На форуме много старых цветов, см. без графики

3. Браузер опера 10: В просмотре форума и темы верстка ползет. Не доработаны (не убраны) отступы в filter_bar, moderation_bar или в чем-то еще, так как есть разрывы.

В просмотре темы внизу страницы съезжают вниз...

4. Зря так много обрамлений. Это не смотрится. Кнопки и страницы не надо было так оформлять.

Сайт мой попрошу не трогать я его специально сделал таким какой он сейчас есть и менять не буду (расплывётся и будет выглядеть как ........)

Вопрос:

Какой тег отвечает за фиксацию размеров относительно левой части 2 колонки ?