Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (30)
1. Как уменьшить этот отступ через свой стиль?2. Как сдвинуть иконки немного влево?
Найдите в Первом окне стиля
И отрегулируйте значение
/* C2.14 */
.punbb td div.tclcon {
padding-left: 40px;
}
40 (по моему приемлимо
Помогите пожалуйста найти, где собака зарыта, и, собственно, ее выкопать 
форум в файерфоксе отображается так:
тут он хороший, годный, но открываем оперу или эксплорер и получаем:
(в теле сообщения текст центрирован)
я не соображу, что с этим делать. Но что-то мне подсказывает, что я где-то что-то неудачно прописал.
форум - http://porbababfadd.mybb.ru/
Отредактировано Морфинист (Пн, 11 Апр 2011 04:37:36)
оперу
в опере не центрирует х) у меня 11ая )
Deff
Спасибо)
(в теле сообщения текст центрирован)
Зачит в Опере 11; 10 и в 9.6 - Cообщение в топике не центрировано - пробуйте чистить кукисы - (остались с прошлого стиля:
Инструменты - Удалить личные данные - далее стоп! - Детальная настройка > http://savepic.ru/2477829.png
Выставляем как на скрине - жмём "Удалить"
спасибо, но все-таки главная проблема - сдвиг форума в эксплорере)
Grell-tyan
можа так ?
<style type="text/css">
#menu span {
padding-left: 2px;
width: 70px;
text-decoration: none;
display: block;
}
#menu .tabactive {
color: #2662DF;
background: transparent;
}
#submenu {
padding: 5px;
height: 400px;
text-align: center;
font-size: 12px;
width: 600px;
}
.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: 700px;">
<tr>
<td style="width: 70px;">
<div id="menu">
<b><span alt="#sm1" style="cursor: pointer;"><img src="http://s005.radikal.ru/i209/1104/5a/0e4989560d55.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://i004.radikal.ru/1104/87/fe985adfc462.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s006.radikal.ru/i213/1104/70/094af70924a7.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s015.radikal.ru/i332/1104/f7/d890e79d583e.png"></span></b></div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display: block;">
<center>
<table width="600px" cellpadding="2" cellspacing="5" style="background: url(http://s51.radikal.ru/i133/1104/85/c4d994000e76.png) no-repeat top center;" height=400px>
<tr>
<td height="250" align="center" style="padding-left: 20px">
<div style="overflow-y: scroll; height: 190px; width: 220px;">
<br>бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
</div>
</td>
<td rowspan="2" >
<div style="overflow-y: scroll; height: 310px; width: 240px;" align="center">
<br>бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
</div>
</td>
</tr>
<tr>
<td height="120" align="center" style="padding-left: 20px">
<div style="overflow-y: scroll; height: 90px; width: 220px">
<br>бла-бла
<br>бла-бла
<br>бла-бла
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm2" class="submenutext">
<img width="600" height="400" alt="" src="http://i078.radikal.ru/1104/5e/4a889179ea90.png" usemap="#picture" border="0"/>
<map name="picture">
<area target="_blank" href="Квесты" shape="rect" coords="80,174,161,211"/>
<area target="_blank" href="http://deathnote.roleforum.ru/viewtopic.php?id=75" shape="rect" coords="91,260,226,308"/>
<area target="_blank" href="http://deathnote.roleforum.ru/viewtopic.php?id=74" shape="rect" coords="40,330,204,370"/>
<area target="_blank" href="Сюжет" shape="rect" coords="386,48,468,75" />
<area target="_blank" href="http://deathnote.roleforum.ru/viewtopic.php?id=71#p1069" shape="rect" coords="412,120,537,185"/>
<area target="_blank" href="http://deathnote.roleforum.ru/viewtopic.php?id=72" shape="rect" coords="418,240,516,282" />
<area target="_blank" href="Сюжет" shape="rect" coords="460,328,533,365" />
</map>
</div>
<div id="sm3" class="submenutext">
<center>
<table style="background: url(http://s52.radikal.ru/i136/1104/19/aae0ec85e000.png) no-repeat top center" width="600px" height="400px" cellspacing="5">
<tr>
<td width="240px" style="padding-left: 50px">
<div style="overflow-y: scroll; height: 310px;" align="center">
<br>бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
бла-бла
</div>
</td>
<td>
</td>
</tr>
</table>
</center>
</div>
<div id="sm4" class="submenutext">
<center>
<table style="background: url(http://s51.radikal.ru/i132/1104/ec/eed892922762.png) no-repeat top center" width="600px" height="400px" cellspacing="5" cellpadding="20">
<tr align=left >
<td style="padding:10px 0px 10px 50px;">
<br> бла-бла бла-бла бла-бла бла-бла бла-бла бла-бла
</td>
<td style="padding:10px 30px 10px 30px;">
<br> бла-бла бла-бла бла-бла бла-бла бла-бла бла-бла
</td>
</tr>
<tr>
<td colspan=2 align="center" height="200px" style="padding-left: 40px;">
<br><marquee align="center" behavior="alternate" width="400" height="20" scrolldelay="1" loop="99" onMouseOver="this.stop()" onMouseOut="this.start()">
Бегущая строка
</marquee>
</td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</center>
А про эхплорер - перемудрили с логотипом;
из-за #pun-navlinks, #pun-navlinks .container {margin-top: -40px;}
Меню залезает под body
уберите cтроку красным во Втором Окне стиля
body {
background-image: url("http://s013.radikal.ru/i323/1104/13/74fdeb0585fd.png");
background-position: 50% 0%;
background-repeat: no-repeat;
padding-top: 541px !important;
}
a Высоту Шапки сделайте не 0 а
#pun-title table {
height: 541px;}
Отредактировано Deff (Пн, 11 Апр 2011 11:23:07)
спасибо, но все-таки главная проблема - сдвиг форума в эксплорере)
во первых - не вижу вопроса про эхплорер - и у меня в 6-7 -норма.. Во вторых может тоже Аналогичные действия проделать и с Эхплорером ? Там четвертая колонка действительно не отражаецо из-за того что выходит за заданную ширину -а вы задали установку:
.punbb .main .tcr {
overflow-x: hidden;
overflow-y: hidden;
Уменьшайте процентную ширину первой ячейки tcl она у Вас 80%
Отредактировано Deff (Пн, 11 Апр 2011 11:39:21)
, но открываем оперу или эксплорер и получаем:
хммм. Сейчас попробую О_о неа... Там нет третьей колонки справа в подфоруме. Мистика какая-то)
хммм. Сейчас попробую О_о неа... Там нет третьей колонки справа в подфоруме. Мистика какая-то)
я честно думала. что у вас так задумано хд в 11ой опере колонки тоже нет >.> но судя по тому, что колонка появляется при подгонке по ширине, вы напортачили с шириной колонок х)
отступы br'ом попробуйте проставить в тексте
Отредактировано Kami-she (Пн, 11 Апр 2011 11:22:38)
800 это ширина форума.. ставьте скрипт в хтмл-верх и подбирайте нужную вам ширину!
так не получается, картинка растягивается фоновая и сбивается и категории выходят из строя, если бы только сдвинуть текст внутрь.
и шапку открыть http://hellnight.rolebb.com/
АЛЬБ
а за скрипт спасибо большое!
ооо все разобрался!) спасибо большое!
авакадо, пробуйте так:
HTML верх, полностью меняете:
<style>
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
</style>
<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 2; right: 20px; top: 0px
}
</style>
<style type="text/css">
#pun-title .title-logo span {display: none;}
</style>
<div style="position: absolute;margin: -522px auto auto auto; width: 778px; height: 398px; z-index: 2000; padding-left:27px;">
<table width="739" height="397" cellspacing="0" cellpadding="2" border="0">
<tbody><tr><td width="227"><div align="center" style="width: 225px; height: 56px;"> </div></td>
<td rowspan="6" width="283"><div style="width: 270px; height: 391px;">
<div align="center" style="position: absolute; width: 200px; height: 200px; margin-top: 38px; margin-left: 35px;">
<!-- Тут центральная картинка 200 на 200 -->
<img src="Адрес картинки" alt="" width="200" height="200" border="0"></div>
<div align="center" style="position: absolute; width: 266px; height: 57px; margin-top: 331px;">
Просто текст
</div></div></td><td width="227"><div align="center" style="width: 225px; height: 56px;"> </div></td></tr><tr>
<td width="227"><div align="center" style="width: 225px; height: 86px; padding-top:5px;">
<!-- Тут 4 картинки Brass максимальная ширина картинок 50 высота 80 -->
<img src="Адрес картинки" alt="" width="50" height="55" border="0">
<img src="Адрес картинки" alt="" width="50" height="55" border="0">
<img src="Адрес картинки" alt="" width="50" height="55" border="0">
<img src="Адрес картинки" alt="" width="50" height="55" border="0">
</div></td><td width="227"><div align="center" style="width: 225px; height: 86px; padding-top:5px;">
<!-- Тут 5 картинок Aiders максимальная ширина картинок 40 высота 80 -->
<img src="Адрес картинки" alt="" width="40" height="55" border="0">
<img src="Адрес картинки" alt="" width="40" height="55" border="0">
<img src="Адрес картинки" alt="" width="40" height="55" border="0">
<img src="Адрес картинки" alt="" width="40" height="55" border="0">
<img src="Адрес картинки" alt="" width="40" height="55" border="0">
</div></td></tr><tr><td width="227"><div align="center" style="width: 225px; height: 72px;"> </div></td><td width="227"><div align="center" style="width: 225px; height: 72px;"> </div></td>
</tr><tr><td rowspan="3" width="227"><div align="center" style="width: 225px; height: 160px;">
<!-- Тут поле с прокруткой под Summary -->
<div style="overflow: auto; overflow-x: hidden; width:97%; height: 100px; text-align: left;">
тут содержимое поля с прокруткой</div>
<!-- Тут ссылки под полем с прокруткой -->
ссылки тут
</div></td><td rowspan="3" width="227"><div align="center" style="width: 225px; height: 160px;">
<div style="overflow: auto; overflow-x: hidden; width:99%; height: 159px; text-align: left;">
<!-- Тут содержимое блока с прокруткой News -->
тут содержимое блока с прокруткой
</div></div></td></tr></tbody></table>
</div>Первое окно стиля:
Второе окно стиля без изменений.
зы.. А картинки лучше переделать, потому что Вы не совсем понимаете что и куда надо вставлять и как сделать, чтоб получить желаемый результат. А спросить видно язык не поворачивается. ))
А как опустить форум ниже,а то шапка не помещаеться?
А как опустить форум ниже,а то шапка не помещаеться?
Поставьте шапку - дайте ссылку на форум
__________________________________
_Лечу зубы по описанию зубов(*Дорого
http://monsterhunter.mybb.ru/
Замените В Вашем коде значение высоты таблицы на красное
TR.iredirect Div.icon {
background-image : url(http://s002.radikal.ru/i200/1103/99/251b06063b1e.jpg);
background-repeat: no-repeat;
}
</style>
<style type="text/css">
#pun-title table {
background: url(http://s53.radikal.ru/i142/1104/8c/3e4976e3131a.jpg) no-repeat top center;
height: 550px;
}
</style><style type="text/css">
#pun * {
color: White;
Отредактировано Deff (Пн, 11 Апр 2011 14:19:52)
Спасибо
А цвет моего форума разъедает глаза??
А цвет моего форума разъедает глаза??
достаточно ядовит - а шо в гугле фон тяжело найти ?
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (30)