Border справа и слева от форума IPB 3.14

Beavis · 03/10/11 13:53

Собственно столкнулся с такой проблемой. На IPB 2.3.6 на скине был border ввиде картинок справа и слева от форума. Как это реализовать на IPB 3.1.4 ? (переделываю стандартный скин)

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

Fisana · 03/10/11 14:06

Вопрос довольно странный.

Это не называется "бордер".

Вы можете привязать картинки с помощью блочной или табличной верстки. Первая предпочтительнее.

Для начала на пустой странице html сверстайте как Вам нравится, покажите тут, потом скажу как перенести верстку в IPB. У нас прикладной форум. Вы приходите со знаниями, а мы помогаем применить их к IPB.

Beavis · 10 марта 2011

Хорошо :)) Поставлю вопрос немного по другому :)

Есть CSS стандартного скина(уже немного измененный).. там такой отрезок:

BODY
{
background: #4a618b url({style_images_url}/border_l.png) repeat-y left ;             


color: #000000;
font: normal 13px arial, verdana, tahoma, sans-serif;
position: relative;         

}

Из него видно, что по всей странице в левом углу идет повторяющаяся картинка вертикально. Как нужно этот CSS изменить так, чтобы еще и слева картинка добвлялась? например border_r

Изменено 10 марта 2011 пользователем Beavis

Fisana · 03/10/11 15:16

Для наглядности просто в css добавить

#ipbwrapper {
       background: #4a618b url({style_images_url}/border_r.png) repeat-y right ;             

}

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

body и #ipbwrapper лучше оставить в покое.

Внутри #ipbwrapper содать .left_block и .right_block например

Beavis · 03/10/11 15:37

Внутри #ipbwrapper содать .left_block и .right_block например

Так сделал - только один отображается

Fisana · 03/10/11 16:02

Если все правильно, должны оба. Куда код добавили? Надо в globalIndexTemplate

Ну и свойства в css задать

Beavis · 03/10/11 16:23

свойства в CSS естественно заданы.

добавлял в Глобальные -> globalTemplate

globalIndexTemplate - нет такого.

Fisana · 03/10/11 16:56

Ну да. Я по памяти.

Beavis · 03/10/11 16:58

ну собствеено в таком варианте не работает

Fisana · 03/10/11 17:10

Не может не работать.

После

Добавляете

<div class='right_block'><div class='left_block'>

Перед последним

внизу добавляете

</div></div>

Разумеется, если неправильно настроить в css свойства right_block и left_block, работать не будет

Для right_block желательно указать еще ширину (до 100%), margin (0 auto) и паддинг справа, для left - паддинг слева

Но это не относится никак к ipb.

Потренируйтесь на html страничке без форума.

Если будут вопросы, без показа примера сверстанного не отвечу.

Beavis · 03/10/11 18:08

на статичной страничке тоже не вышло....

вырезано от и до тега <body>

Вот код:

<style type="text/css">

#ipbwrapper {
     .right_block {
background-image: http://rdalliance.ru/border_r.png) repeat-y right;
}

.left_block {
background-image: http://rdalliance.ru/border_l.png) repeat-y left;

}
</style>


<div class='right_block'><div class='left_block'>
<center>

Уважаемые пользователи форума<strong> <span style="color:red">RDA</span><span style="color:#003399">lliance.ru</span> </strong><br />
На форуме ведутся технические работы. <br />
Он будет доступен в ближайшие сутки.  <br />
Приносим свои извинения, за доставленные неудобства. <br />
С уважением, Администрация <strong><span style="color:red">RDA</span><span style="color:#003399">lliance.ru</span> </strong>. </strong>
</center>
</div></div>

Fisana · 03/10/11 19:17

#ipbwrapper {

А это что за отрвыш?

И не background-image, а background

Еще раз повторяю.

Мы не учим верстке. Мы только помогаем применять знания к движку форума IPB

У нас узкий прикладной форум, а не ликбез по css и html

Beavis · 03/11/11 01:56

Fisana Вы поймите меня... я больше по программной части... так CSS отредактивать - запросто :))) Не более... :) А замены мне нету :)

Вот полный код html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RDAlliance</title>
</head>


<style type="text/css">

#ipbwrapper {
     .right_block {
background-image: http://rdalliance.ru/border_r.png) repeat-y right;
}

.left_block {
background-image: http://rdalliance.ru/border_l.png) repeat-y left;

}
</style>

<body><center>
<p><img src="http://rdalliance.ru/logo_rda.gif"></img> </p>
<p></p>
<p></p>
<p></p>
<div class='right_block'><div class='left_block'>
<center>

Уважаемые пользователи форума<strong> <span style="color:red">RDA</span><span style="color:#003399">lliance.ru</span> </strong><br />
На форуме ведутся технические работы. <br />
Он будет доступен в ближайшие сутки.  <br />
Приносим свои извинения, за доставленные неудобства. <br />
С уважением, Администрация <strong><span style="color:red">RDA</span><span style="color:#003399">lliance.ru</span> </strong>. 
</strong>
</center>
</div></div> </strong>
</center>
</body>
</html>

Beavis · 11 марта 2011

и так.... на всякий случай. Скин во вложении, на сколько я помню Вы нам делали его... и даже за деньги.....

а исходников я так и не получил...... (хотя администратор форума - ник Ok, исходники просил)

Собственно как на этом скине хочеццо справа и слева БОРДЕРЫ (в скине они так и называются - border_l и border_r) сделать на IPB 3

Изменено 11 марта 2011 пользователем Beavis

Fisana · 03/11/11 06:32

Эти "бордеры", что на картинке, надо ниже шапки делать.

А я не попрограммной части, но и не лезу программировать :(

Явные глупости исправлены для данного кода

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RDAlliance</title>
<style type="text/css">
     .right_block {
background: http://rdalliance.ru/border_r.png) repeat-y right;
width: 100%;
margin: 0 auto;
}

.left_block {
background: http://rdalliance.ru/border_l.png) repeat-y left;
padding: 0 30px;
}
</style>
</head>
<body>
<div style='padding: 0; margin: 0;width: 100%'><center><img src="http://rdalliance.ru/logo_rda.gif" border='0' alt='' /></center></div>
<div class='right_block'><div class='left_block'>
<p style="padding: 20px 30px'>Уважаемые пользователи форума<strong> <span style="color:red">RDA</span><span style="color:#003399">lliance.ru</span> </strong><br />
На форуме ведутся технические работы. <br />
Он будет доступен в ближайшие сутки.  <br />
Приносим свои извинения, за доставленные неудобства. <br />
С уважением, Администрация <strong><span style="color:red">RDA</span><span style="color:#003399">lliance.ru</span> </strong>. 
</p>
</div></div> 
</body>
</html>

Border справа и слева от форума IPB 3.14

Рекомендованные сообщения

Beavis 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Beavis 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Beavis 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Beavis 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Beavis 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Beavis 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Beavis 0

Поделиться сообщением

Ссылка на сообщение

Beavis 0

Поделиться сообщением

Ссылка на сообщение

Fisana 700

Поделиться сообщением

Ссылка на сообщение

Сейчас на странице 0 пользователей

Сообщество