Здравствуйте, подскажите как подправить некоторые неточности:
- поднять Меню навигации и выровнять его по центру.
Но не закреплять, страница должна прокручиваться вместе с ним...
- убрать черные линии рамки, они по бокам и внизу форума.
Но сохранить пунктирные разделительные линии.
- приподнять баннер вместе с названием форума, буквально до башмачка изображенной мадемуазель.
http://s1.ipicture.ru/uploads/20110514/jWFt14Mi.png
http://soblazn.rusff.ru/
Общие вопросы по оформлению (32)
Сообщений 41 страница 60 из 1000
Поделиться41Сб, 14 Май 2011 21:22:55
Поделиться42Сб, 14 Май 2011 22:05:13
Доброго времени суток
У меня три вопроса:
1. Как увеличить высоту таблицы в разделе категорий?
2.Как изменить шрифт в разделе категорий? (Хочу сделать его жирным)
3.В разделе подкатегорий таблица съедает картинку свитка. Как это исправить?
Должно получится нечто подобное
Поделиться43Сб, 14 Май 2011 23:15:29
Flavius
Здравствуйте.
1. Как увеличить высоту таблицы в разделе категорий?
<style type="text/css">
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2 {
padding: 0.85em 1em !important;
}
</style>2.Как изменить шрифт в разделе категорий? (Хочу сделать его жирным)
<b>Здесь текст</b>
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>Поделиться44Сб, 14 Май 2011 23:42:22
rps
1 и 3 пункт. Все в ажуре.
Большое спасибо.
По второму пункту:
Код:
<b>Здесь текст</b>
Я, наверное туплю, только не знаю где это сделать. Не могу найти
Поделиться45Сб, 14 Май 2011 23:48:00
Секретарь его Величества
Здравствуйте.
- поднять Меню навигации и выровнять его по центру. Но не закреплять, страница должна прокручиваться вместе с ним...
<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)
Поделиться46Сб, 14 Май 2011 23:51:51
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>
Выделенное - номер дополнительного поля. В ХТМЛ-низ.
Поделиться47Сб, 14 Май 2011 23:59:11
Адвокат дьявола
Здравствуйте.
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;
}Поделиться48Вс, 15 Май 2011 00:00:00
Я, наверное туплю, только не знаю где это сделать. Не могу найти
Администрирование---Форумы---Редактировать (нужный)---Описание.
Поделиться49Вс, 15 Май 2011 00:05:34
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>Насчёт прозрачности - не понял, где делать надо.
Поделиться50Вс, 15 Май 2011 00:08:59
1. Как поставить эти картинки не под друг другом, а рядом?
Сделайте их меньше, раза в 2 или 3.
2. Как убрать белый прямоугольник вокруг стрелочки?
<style type="text/css">
td.tcr a {
background: transparent none;
padding-left: 0;
}
</style>Поделиться51Вс, 15 Май 2011 00:10:10
http://newblea4.anihub.ru/http://imgs.su/tmp/1305367032-659.jpgУ меня "новые сообщения" наезжают на "Форум" "Участники"...
Сделайте изображения меньше, чтобы они помещались в одну линию.
Поделиться52Вс, 15 Май 2011 00:10:52
rps
Администрирование---Форумы---Редактировать (нужный)---Описание.
Ладно, видимо точно туплю. Там только подразделы можно редактировать. И то эти тэги там не канают
Тут другая проблема возникла. Пройдя по ссылке подраздела, снова получается такая байда. Картинки свитков вновь обрезаны

Поделиться53Вс, 15 Май 2011 00:13:25
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>
Красное - положение по вертикали, зелёное - по горизонтали. Изменяйте до получения нужного результата.
Поделиться54Вс, 15 Май 2011 00:19:17
Ладно, видимо точно туплю. Там только подразделы можно редактировать. И то эти тэги там не канают
У меня сейчас та часть надписи, что чёрного цвета - жирная.
Тут другая проблема возникла. Пройдя по ссылке подраздела, снова получается такая байда. Картинки свитков вновь обрезаны
Тогда код такой:
<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>Поделиться55Вс, 15 Май 2011 00:29:57
rps
У меня сейчас та часть надписи, что чёрного цвета - жирная.
Ага. Видимо неверно довел.
Жирным нужно сделать тот текст, что желтым

Остальное все получилось.
Благодарю
Отредактировано Flavius (Вс, 15 Май 2011 00:31:05)
Поделиться56Вс, 15 Май 2011 00:32:29
Жирным нужно сделать тот текст, что желтым
А, этот, тогда вот так:
<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>
Красное допишите к коду, который я давал выше.
Поделиться57Вс, 15 Май 2011 00:40:16
rps
Все вышло
Респект и уважуха
Поделиться58Вс, 15 Май 2011 00:56:24
Сделайте изображения меньше, чтобы они помещались в одну линию.
А опустить никак нельзя? Х_х
И...
Как убрать везде рамки и зелёные чёрточки?
Отредактировано Skalet (Вс, 15 Май 2011 02:19:14)
Поделиться59Вс, 15 Май 2011 01:04:04
И всё таки, почему у меня не видно картинок-категорий? Перезаливать пробовала-всё равно не видно..
Поделиться60Вс, 15 Май 2011 11:48:57
rps
Спасибо)
Но первый скрипт не дал результата, а второй сместил только баннер. Можно и Название чуть поднять?
Похожие темы
| Общие вопросы по оформлению (65) #2 | Вопросы по оформлению форума | Ср, 12 Ноя 2025 |
| Общие вопросы по оформлению (62) | Архив | Сб, 26 Авг 2017 |
| Общие вопросы по оформлению (65) #1 | Архив | Сб, 19 Дек 2020 |
| Общие вопросы по оформлению (58) | Архив | Чт, 21 Апр 2016 |
| Общие вопросы по оформлению (57) | Архив | Ср, 20 Янв 2016 |