Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!
Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!
Сообщений 121 страница 150 из 1000
Поделиться121-09-2013 03:39:05
Поделиться12110-11-2013 09:44:59
- Доброго времени суток.
Сделали табличку на отдельной странице и тут же появилась проблема: правая часть уезжает вправо. Как исправить?
Код таблицы:
<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>
<style>
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
background:#efeff0;
}#menu .tabactive {
color: #000000;
background:#777777;
}#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}.submenutext {
display: none;
height: 40px;
}
</style>
<center><table style="width: 800px">
<tbody>
<tr>
<td valign=top>
<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>
</b>
</div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<table border="1" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
<tr>
<td style="text-align: center;">1</td>
<td style="text-align: center;">3</td>
</tr>
<tr>
<td style="text-align: center;"><img alt="" src="ссылка_на_картинку"></td>
<td colspan="1" rowspan="2" style="text-align: center;">4</td>
</tr>
<tr>
<td style="text-align: center;">2</td>
</tr>
</tbody>
</table>
</div>
<div id="sm2" class="submenutext"><br /><br />
<table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
<tr>
<td style="text-align: center;">1</td>
<td style="text-align: center;"><img alt="" src="ссылка_на_картинку"></td>
<td style="text-align: center;">3</td>
</tr>
</tbody>
</table>
</div>
<div id="sm3" class="submenutext"><br /><br />
<table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
<tr>
<td style="text-align: center;">1</td>
<td style="text-align: center;">2</td>
<td style="text-align: center;">3</td>
</tr>
</tbody>
</table></div>
<div id="sm4" class="submenutext"><br /><br />
<table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;">
<tbody>
<tr>
<td style="text-align: center;">1</td>
<td style="text-align: center;">2</td>
<td style="text-align: center;">3</td>
</tr>
</tbody>
</table></div>
</div>
</td>
</tr>
</tbody>
</table></center>
Текстовик (а точнее, ссылка на саму страницу с таблицей) - http://probnictv1fma.rusff.ru/pages/indexalf
Поделиться12210-11-2013 10:17:34
Alfonso, попробуйте вот так объявление:
<center><table style="width: 800px"> <tbody> <tr> <td valign="top" style="width: 180px;"> <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> </b> </div> </td> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <br/><br/> <table border="1" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;"> <tbody> <tr> <td style="text-align: center;">1</td> <td style="text-align: center;">3</td> </tr> <tr> <td style="text-align: center;"><img alt="" src="ссылка_на_картинку"></td> <td colspan="1" rowspan="2" style="text-align: center;">4</td> </tr> <tr> <td style="text-align: center;">2</td> </tr> </tbody> </table> </div> <div id="sm2" class="submenutext"><br /><br /> <table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;"> <tbody> <tr> <td style="text-align: center;">1</td> <td style="text-align: center;"><img alt="" src="ссылка_на_картинку"></td> <td style="text-align: center;">3</td> </tr> </tbody> </table> </div> <div id="sm3" class="submenutext"><br /><br /> <table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;"> <tbody> <tr> <td style="text-align: center;">1</td> <td style="text-align: center;">2</td> <td style="text-align: center;">3</td> </tr> </tbody> </table> </div> <div id="sm4" class="submenutext"><br /><br /> <table border="0" cellpadding="1" cellspacing="1" style="width: 890px; height: 400px;"> <tbody> <tr> <td style="text-align: center;">1</td> <td style="text-align: center;">2</td> <td style="text-align: center;">3</td> </tr> </tbody> </table> </div> </div> </td> </tr> </tbody> </table></center>
Поделиться12311-11-2013 01:33:50
здравствуйте)) http://dyingtolive.rusff.ru/ - нужен код такой вот таблички, именно с переключателями, но только, чтобы они были сверху, а не сбоку) буду очень благодарна за помощь)
Поделиться12411-11-2013 01:47:14
и ещё) http://originals.f-rpg.ru/ - как сделать так, чтобы картинки дрыгались, как здесь?)) картинки с администрацией и игроками лучшими)
Поделиться12511-11-2013 10:53:03
здравствуйте)) http://dyingtolive.rusff.ru/ - нужен код такой вот таблички, именно с переключателями, но только, чтобы они были сверху, а не сбоку) буду очень благодарна за помощь)
Поделиться12611-11-2013 23:55:51
Джи,
спасибо, но, честно говоря, код слегка сложноват, когда-то у меня был попроще :с
можем ещё у кого есть?)
Поделиться12712-11-2013 16:35:07
Ребят, проблема такая: я совершенно забыла как в дизайне выравнивать текст, поэтому никак не могу сделать текст по левому краю. и всё бы ничего, да это сказывается только на подфорумах и описаниях к ним :'D мне нужно вернуть всё влево.
Поделиться12812-11-2013 16:36:37
ван гог, Адрес форума
Поделиться12912-11-2013 16:49:07
morgan, забыла, простите тт
http://disaingj.rusff.ru/
Поделиться13012-11-2013 16:55:33
ван гог, Откройте хотя-бы один подфорум гостям)
Поделиться13112-11-2013 17:02:58
morgan, уупс хд все сделано
Поделиться13212-11-2013 17:23:32
ван гог,
Это
.punbb .main .tcl { text-align: center; }
на это
.punbb .main .tcl { text-align: left; }
Поделиться13312-11-2013 18:01:59
morgan, спасибо огромное)
Поделиться13415-11-2013 15:32:05
Здравствуйте. А скрипт вот такой таблички можете дать? Как здесь !
Нужно чтобы она была фиксирована к телу форума и можно было регулировать ее начало.
Поделиться13516-11-2013 02:44:10
Доброго времени суток! После долгих мучений с таблицей новостей возник такой вопрос: как увеличить расстояние между двумя колонками таблицы, находящейся в слайдере?
скрин проблемы
Код фрагмента слайдера с таблицей:
<!-- Slideshow HTML --> <div id="slideshow"> <div id="slidesContainer"> <div class="slide"; align="justify";> <table> <tr> <td><span style="font-size: 10px;"><center><i><b>SI VIS PACEM, PARAM BELLUM</b><br>ЕСЛИ ХОЧЕШЬ МИРА, ГОТОВЬСЯ К ВОЙНЕ</i></center><br><big><i><b>П</b></i></big>риветствуем всех, кто сумел преодолеть наши защитные чары и разглядеть в привычном и обыденном неизвестный и таинственный, до этого момента скрытый от Ваших глаз, Сумеречный мир. Мы представляем Вашему вниманию ролевую литературную игру, основанную <b>по мотивам серии книг Кассандры Клэр «Орудия смерти»</b>, посвящённой приключениям Сумеречных охотников в борьбе с порождениями зла.</br><center><b><a href="http://cityofdarkness.rusff.ru/viewtopic.php?id=21">диалог с хранителями</a></b> | <b><a href="http://cityofdarkness.rusff.ru/register.php">присоединиться</a></b></center><span></td> <td><span style="font-size: 10px;"><center><b><a href=http://www.youtube.com/watch?v=QsUiDUJIriU""><b><big>♪</big></b> Colbie Caillat - When the darkness comes</a></b></center><i><big><b>Д</b></big></i>ействия сюжета разворачиваются после событий первых двух книг серии «Орудия Смерти»: «Город костей» и «Город праха». Теперь когда в руках Валентина Орудия Смерти, он полон решимости довести до конца свой план и создать новую расу нефилимов, для которых жить в мире с нежитью будет постыдным и позорным пережитком прошлого...[<b><a href="http://cityofdarkness.rusff.ru/viewtopic.php?id=10">читать дальше</a></b>].<br><center><b>НАД ПРОЕКТОМ РАБОТАЮТ: <br><a href="http://cityofdarkness.rusff.ru/profile.php?id=3">Edmund Nightshade</a> ♦ <a href="http://cityofdarkness.rusff.ru/profile.php?id=4">Jace Wayland</a><br><a href=" http://cityofdarkness.rusff.ru/profile.php?id=27">Evangeline Nightwine </a> ♦ <a href=" http://cityofdarkness.rusff.ru/profile.php?id=25"> Ragnor Fell</a></b></center></span> </td></tr></table> </div>
Поделиться13616-11-2013 11:55:01
Подскажите, пожалуйста, как убрать названия у полей профиля, что отображаются на странице постов? Причем мне нужно, чтобы у одного дополнительного поля, например, "награды" осталось название, а у "штрафы" - его не было (показывалось только содержание поля).
Поделиться13716-11-2013 13:07:36
Илекса,
Самые нужные/известные скрипты
fire ember,
Тег <table> пропишите так:
<table cellspacing="30">
Чем больше значение - тем больше расстояние.
moral rat,
http://forum.mybb.ru/viewtopic.php?id=20774
Поделиться13816-11-2013 14:21:39
morgan, огромное спасибо Вам!
И последний вопрос, не могу найти, как можно подвинуть ближе к краю фрагмент:
Зарегистрированных пользователей: 59
Последним зарегистрировался: Catarina Loss
Хотелось бы, чтобы эта статистика была прижата к правому краю, но не могу найти, где ее подвинуть)
Ссылка
Поделиться13916-11-2013 14:35:18
fire ember,
Дайте адрес форума
Поделиться14016-11-2013 16:59:56
morgan, спасибо, работаем с этим
Поделиться14116-11-2013 17:39:17
morgan,
Форум сейчас закрыт на профилактику, но вот ссылка на тестовый форум:
Там сейчас другой дизайн стоит, но, собственно, та же самая проблема со статистикой и есть, просто так как ширина форума поменьше, то меньше бросается в глаза.
Отредактировано fire ember (16-11-2013 17:39:38)
Поделиться14216-11-2013 17:45:59
fire ember,
#pun .section { border-style: none; width: 764px; }
Увеличивайте width, это ширина всего блока статистики.
Чтобы подвинуть немного левее, добавьте margin-left: -10px;
Вместо 10 - столько, сколько душе угодно.
Поделиться14317-11-2013 20:05:32
Здравствуйте! Пожалуйста, подскажите, как сделать отступы по краям так, чтобы сжалось (сдвинулось) само наполнение форума, но не ехала при этом шапка? Я уже как только не пробовала, а шапка все равно едет)
скрин: http://funkyimg.com/i/E4Kq.png
адрес: http://talesbb.f-rpg.ru/
Поделиться14417-11-2013 21:06:07
Calpy, Не трогая шапку не выйдет, можно просто её поправить:
#pun { margin: 0px auto auto; width: 900px; padding: 0px; }
Меняйте 900 на 850.
И подправляем шапку:
#pun-title .title-logo {
background-image: url("http://funkyimg.com/i/E4K3.png");
background-repeat: no-repeat;
height: 300px;
width: 900px;
background-position: center center;
margin-left: -26px;
}
Добавляете выделенное жирным и профит)
Поделиться14517-11-2013 22:14:23
morgan, красота. Огромное спасибо!
Правда, теперь еще одна проблема возникла. Вверху ссылки "Форум, Участники, Награды..." почему то не все выделяются при наведении курсора. Или вообще не выделяются (и не нажимаются) или после долгих попыток.
Пересмотрела и поняла, что эта беда периодически со всеми ссылками.
Отредактировано Calpy (17-11-2013 22:36:47)
Поделиться14618-11-2013 10:05:55
Calpy, блок в шапке с текстом перекрывает навигацию. поправьте стили этого блока:
position: absolute;
width: 450px;
height: 210px;
top: 80px;
margin-left: 210px;
color: #000000;
border: none;
font-family: verdana;
font-size: 10px;
color: #60392A;
text-align: left;
line-height: 9px;
Отредактировано Джи (18-11-2013 10:17:12)
Поделиться14718-11-2013 13:13:38
Джи, спасибо большое! х)
Поделиться14818-11-2013 14:01:49
ребят у меня проблема когда жму на название Unhallow . он меня не перекидывает на главную страницу как это исправить адрес форума http://thesityofshadow.rusff.ru
Поделиться14918-11-2013 14:13:08
Gravity of Love, замените блок D4.2:
/* D4.2 */ #pun-ulinks .container { padding-top: 14px; border: none; text-align: center; font-weight: bold; width: 800px; }
Поделиться15018-11-2013 14:20:49
Джи, а что мне там написать не подскажите я сегодня немного дуб