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

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

Recommended Posts

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

 

 

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

 

Есть 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

Edited by Beavis

Share this post


Link to post
Share on other sites

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

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

}

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

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

 

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

Share this post


Link to post
Share on other sites
Внутри #ipbwrapper содать .left_block и .right_block например

 

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

После

Добавляете

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

 

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

внизу добавляете
</div></div>

 

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

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

 

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

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

 

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

Share this post


Link to post
Share on other sites

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

 

вырезано от и до тега <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>

Share this post


Link to post
Share on other sites

#ipbwrapper {

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

 

И не background-image, а background

 

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

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

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

Share this post


Link to post
Share on other sites

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>

Share this post


Link to post
Share on other sites

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

 

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

 

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

post-44058-0-84517300-1299810419_thumb.jpg

Edited by Beavis

Share this post


Link to post
Share on other sites

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

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

 

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

<!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>

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...