Общие вопросы по оформлению (32)

Поделиться41Сб, 14 Май 2011 21:22:55

Автор: Секретарь его Величества
Заслуженный
Зарегистрирован: Сб, 31 Июл 2010
Сообщений: 49
Уважение: +3
Позитив: +4
Последний визит:
Ср, 31 Окт 2012 13:31:08

Здравствуйте, подскажите как подправить некоторые неточности:
- поднять Меню навигации и выровнять его по центру.
Но не закреплять, страница должна прокручиваться вместе с ним...
- убрать черные линии рамки, они по бокам и внизу форума.
Но сохранить пунктирные разделительные линии.
- приподнять баннер вместе с названием форума, буквально до башмачка изображенной мадемуазель.
http://s1.ipicture.ru/uploads/20110514/jWFt14Mi.png
http://soblazn.rusff.ru/

0

Поделиться42Сб, 14 Май 2011 22:05:13

Автор: Flavius
Заслуженный
Зарегистрирован: Сб, 30 Апр 2011
Сообщений: 21
Уважение: 0
Позитив: +1
Последний визит:
Пн, 13 Фев 2012 13:12:58

Доброго времени суток
У меня три вопроса:

1. Как увеличить высоту таблицы в разделе категорий?
2.Как изменить шрифт в разделе категорий? (Хочу сделать его жирным)
3.В разделе подкатегорий таблица съедает картинку свитка. Как это исправить?

Должно получится нечто подобное

http://romebattle.mybb.ru/

0

Поделиться43Сб, 14 Май 2011 23:15:29

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Flavius
Здравствуйте.

Flavius написал(а):

1. Как увеличить высоту таблицы в разделе категорий?

Код:

<style type="text/css">
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2 {
  padding: 0.85em 1em !important;
  }
</style>

Flavius написал(а):

2.Как изменить шрифт в разделе категорий? (Хочу сделать его жирным)

Код:

<b>Здесь текст</b>

Flavius написал(а):

3.В разделе подкатегорий таблица съедает картинку свитка. Как это исправить?

Ищите в ХТМЛ-верх этот код:

Код:

<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 60; width: 60;}
tr#forum_f1 Div.icon, tr#forum_f1.iclosed Div.icon, tr#forum_f1.iredirect Div.icon, tr#forum_f1.inew Div.icon   {background-color : transparent; background-image: url(http://s001.radikal.ru/i196/1105/7b/9f10a3256081.png);  background-repeat : no-repeat; background-position: top center;}
Div.icon {
background-image : url(http://s001.radikal.ru/i196/1105/7b/9f10a3256081.png);
background-repeat: no-repeat;}
TR.inew Div.icon {
background-image : url(http://s53.radikal.ru/i142/1105/20/51dcaf021378.png);
background-repeat: no-repeat;}
TR.isticky Div.icon {
background-image : url(http://static.diary.ru/userdir/1/3/8/2/ … 853215.png);
background-repeat: no-repeat;}
TR.iclosed Div.icon {
background-image : url(http://s40.radikal.ru/i089/1105/a4/88bec7e6c16b.png);
background-repeat: no-repeat;}
TR.iredirect Div.icon {
background-image : url(http://i052.radikal.ru/1105/56/ac642c3075a4.png);
background-repeat: no-repeat;}
</style>

Меняйте на:

Код:

<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 50px; width: 50px;}
tr#forum_f1 Div.icon, tr#forum_f1.iclosed Div.icon, tr#forum_f1.iredirect Div.icon, tr#forum_f1.inew Div.icon   {background-color : transparent; background-image: url(http://s001.radikal.ru/i196/1105/7b/9f10a3256081.png);  background-repeat : no-repeat; background-position: top center;}
Div.icon {
background-image : url(http://s001.radikal.ru/i196/1105/7b/9f10a3256081.png);
background-repeat: no-repeat;}
TR.inew Div.icon {
background-image : url(http://s53.radikal.ru/i142/1105/20/51dcaf021378.png);
background-repeat: no-repeat;}
TR.isticky Div.icon {
background-image : url(http://static.diary.ru/userdir/1/3/8/2/ … 853215.png);
background-repeat: no-repeat;}
TR.iclosed Div.icon {
background-image : url(http://s40.radikal.ru/i089/1105/a4/88bec7e6c16b.png);
background-repeat: no-repeat;}
TR.iredirect Div.icon {
background-image : url(http://i052.radikal.ru/1105/56/ac642c3075a4.png);
background-repeat: no-repeat;}
</style>

+1

Поделиться44Сб, 14 Май 2011 23:42:22

Автор: Flavius
Заслуженный
Зарегистрирован: Сб, 30 Апр 2011
Сообщений: 21
Уважение: 0
Позитив: +1
Последний визит:
Пн, 13 Фев 2012 13:12:58

rps
1 и 3 пункт. Все в ажуре.
Большое спасибо.

По второму пункту:

Код:
<b>Здесь текст</b>

Я, наверное туплю, только не знаю где это сделать. Не могу найти

0

Поделиться45Сб, 14 Май 2011 23:48:00

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Секретарь его Величества
Здравствуйте.

Секретарь его Величества написал(а):

- поднять Меню навигации и выровнять его по центру. Но не закреплять, страница должна прокручиваться вместе с ним...

Код:

<style type="text/css">
#pun-navlinks {
  border-style: none;
  position: absolute;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
}
</style>

Секретарь его Величества написал(а):

- приподнять баннер вместе с названием форума, буквально до башмачка изображенной мадемуазель.

Код:

<style type="text/css">
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object {
  position: relative;
  z-index: 1000;
  right: 250px;
  top: 270px;
}
</style>

Секретарь его Величества написал(а):

- убрать черные линии рамки, они по бокам и внизу форума.

В первом окне стиля меняете пункт "A5.1" на:

Код:

/* A5.1 */
#pun {
  margin: 0 auto auto auto;
  width: 77%;
  padding: 0 20px 0 20px;
  border-style: none
}

Отредактировано rps (Сб, 14 Май 2011 23:48:14)

+1

Поделиться46Сб, 14 Май 2011 23:51:51

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Lady_Li
Здравствуйте.

Lady_Li написал(а):

можно ли убрать само название "дополнительно:", чтобы содержимое поля осталось?

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

Выделенное - номер дополнительного поля. В ХТМЛ-низ.

+1

Поделиться47Сб, 14 Май 2011 23:59:11

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Адвокат дьявола
Здравствуйте.

Адвокат дьявола написал(а):

http://probka.topbb.ru/ как убрать подчеркивание ссылок?

Найдите во втором окне стиля это:

Код:

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a:link {color: #ffffff;}
.punbb a:visited {color: #ffffff;}
.punbb a:hover {color: #d3cdc3; background-color: #4b4b4b;} 

/* CS3.2 */
.punbb a:link {color: #ffffff;}
.punbb a:visited {color: #ffffff;}
.punbb a:hover {color: #d3cdc3; background-color: #4b4b4b;} 

/* CS3.3 */
.punbb a:link {color: #ffffff;}
.punbb a:visited {color: #ffffff;}
.punbb a:hover {color: #d3cdc3; background-color: #4b4b4b;} 

/* CS3.4 */
.punbb a:link {color: #ffffff;}
.punbb a:visited {color: #ffffff;}
.punbb a:hover {color: #d3cdc3; background-color: #4b4b4b;}

и поменяйте на это:

Код:

/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited  { 
  color: #ffffff;
  text-decoration: none;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #d3cdc3; 
  background-color: #4b4b4b;
  text-decoration: none;
}

0

Поделиться48Вс, 15 Май 2011 00:00:00

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Flavius написал(а):

Я, наверное туплю, только не знаю где это сделать. Не могу найти

Администрирование---Форумы---Редактировать (нужный)---Описание.

0

Поделиться49Вс, 15 Май 2011 00:05:34

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Alex Stark
Здравствуйте.

Alex Stark написал(а):

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

Код:

<style type="text/css">
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 12px;
width: 720px;
}

.submenutext {
display: none; 
height: 60px;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span>
<span alt=#sm4 "style="cursor: pointer;">Кнопка 4</span>
<span alt=#sm5 "style="cursor: pointer;">Кнопка 5</span>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br /><br />

Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
     <div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
     <div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

Насчёт прозрачности - не понял, где делать надо.

+1

Поделиться50Вс, 15 Май 2011 00:08:59

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Skalet написал(а):

1. Как поставить эти картинки не под друг другом, а рядом?

Сделайте их меньше, раза в 2 или 3.

Skalet написал(а):

2. Как убрать белый прямоугольник вокруг стрелочки?

Код:

<style type="text/css">
td.tcr a {
  background: transparent none;
  padding-left: 0;
}
</style>

0

Поделиться51Вс, 15 Май 2011 00:10:10

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Skalet написал(а):

http://newblea4.anihub.ru/http://imgs.su/tmp/1305367032-659.jpgУ меня "новые сообщения" наезжают на "Форум" "Участники"...

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

0

Поделиться52Вс, 15 Май 2011 00:10:52

Автор: Flavius
Заслуженный
Зарегистрирован: Сб, 30 Апр 2011
Сообщений: 21
Уважение: 0
Позитив: +1
Последний визит:
Пн, 13 Фев 2012 13:12:58

rps

Администрирование---Форумы---Редактировать (нужный)---Описание.

Ладно, видимо точно туплю. Там только подразделы можно редактировать. И то эти тэги там не канают

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

0

Поделиться53Вс, 15 Май 2011 00:13:25

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Eluna
У Вас в ХТМЛ-верх стоит код:

<style type="text/css">
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
position: relative;
left: 169px;
right: 216px;
top: 263px;
}
</style>

Красное - положение по вертикали, зелёное - по горизонтали. Изменяйте до получения нужного результата.

0

Поделиться54Вс, 15 Май 2011 00:19:17

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Flavius написал(а):

Ладно, видимо точно туплю. Там только подразделы можно редактировать. И то эти тэги там не канают

У меня сейчас та часть надписи, что чёрного цвета - жирная.

Flavius написал(а):

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

Тогда код такой:

Код:

<style type="text/css">
.punbb div.icon {
float: left; 
display: block; 
border-style: none none none none; 
height: 50px; 
width: 50px;
}
#forum_f1 div.icon, #forum_f1.iredirect div.icon, #forum_f1.inew div.icon {
	background-color : transparent;
	background-image: url(http://s001.radikal.ru/i196/1105/7b/9f10a3256081.png);
	background-repeat : no-repeat;
	background-position: top center;
}

div.icon {
	background-image : url(http://s001.radikal.ru/i196/1105/7b/9f10a3256081.png);
	background-repeat: no-repeat;
}
tr.inew div.icon {
	background-image : url(http://s53.radikal.ru/i142/1105/20/51dcaf021378.png);
	background-repeat: no-repeat;
}
tr.isticky div.icon {
	background-image : url(http://static.diary.ru/userdir/1/3/8/2/ … 853215.png);
	background-repeat: no-repeat;
}
tr.iclosed div.icon {
	background-image : url(http://s40.radikal.ru/i089/1105/a4/88bec7e6c16b.png);
	background-repeat: no-repeat;
}
tr.iredirect div.icon {
	background-image : url(http://i052.radikal.ru/1105/56/ac642c3075a4.png);
	background-repeat: no-repeat;
}
</style>

0

Поделиться55Вс, 15 Май 2011 00:29:57

Автор: Flavius
Заслуженный
Зарегистрирован: Сб, 30 Апр 2011
Сообщений: 21
Уважение: 0
Позитив: +1
Последний визит:
Пн, 13 Фев 2012 13:12:58

rps
У меня сейчас та часть надписи, что чёрного цвета - жирная.

Ага. Видимо неверно довел.
Жирным нужно сделать тот текст, что желтым

Остальное все получилось.
Благодарю

Отредактировано Flavius (Вс, 15 Май 2011 00:31:05)

0

Поделиться56Вс, 15 Май 2011 00:32:29

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Flavius написал(а):

Жирным нужно сделать тот текст, что желтым

А, этот, тогда вот так:

<style type="text/css">
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2 {
padding: 0.85em 1em !important;
font-weight: bold !important;
}
</style>

Красное допишите к коду, который я давал выше.

0