Все ваши вопросы относительно внешнего вида форума.
Не забываем постить ссылку на проблему!
Вопросы по CSS (& HTML)
Сообщений 1 страница 30 из 1000
Поделиться105-02-2013 07:39:37
Поделиться206-02-2013 20:54:03
Доброго времени суток, у меня какая-то бяка с формой ответа, а точнее проблема со шрифтом.
http://uploads.ru/o3ir5.jpg
http://yourkingdom.mybb.ru/
Поделиться306-02-2013 23:00:30
не могу показать, ибо на моем мониторе все нормально, но вот владельцы широкоформатных жалуются, что на форуме "уезжают" то вправо, то влево меню навигации "Форум, Участники... и т.д."
подскажите, есть ли какой-нибудь универсальный центрирующий код? потому что у меня стоит отступ от левого края ><
Поделиться407-02-2013 11:39:13
подскажите пожалуйста, как вы сделали так профиль в шапке? у меня где-то был скрипт, но не помню где т.т
спасибо)
Поделиться507-02-2013 11:58:56
а еще подскажите пожалуйста как спойтер в профиль сделать)
Поделиться607-02-2013 12:36:00
не могу показать, ибо на моем мониторе все нормально, но вот владельцы широкоформатных жалуются, что на форуме "уезжают" то вправо, то влево меню навигации "Форум, Участники... и т.д."
подскажите, есть ли какой-нибудь универсальный центрирующий код? потому что у меня стоит отступ от левого края ><
Здравствуйте. Чтобы центрировать меню навигации, поставьте
position: center;
подскажите пожалуйста, как вы сделали так профиль в шапке? у меня где-то был скрипт, но не помню где т.т
спасибо)
<div style="position: absolute; width: 60px; height: 60px; top: 74px; left: 557px;">
<table id="ava-status" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="ava-status">
<img src="/img/avatars/000c/77/06/1645-1334328829.png">
</td>
</tr>
</tbody>
</table>
</div>
<style>table#avst {
position: absolute;
top: 183px;
right: 295px;
height: 60px;
width: 60px;
max-height: 60px !important;
max-width: 60px;
vertical-align: middle;
overflow: hidden;
}
td#ava-status {
background: url() repeat;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 5px;
height: 55px;
width: 60px;
text-align: center;
overflow: hidden;
}
td#ava-status img {
max-width: 50px !important;
max-height: 50px !important;
}</style>
<script type="text/javascript">
var img = document.createElement('img');
var UserAvatar = UserAvatar;
if( ! UserAvatar )
img.src = 'аватар по-умолчанию для тех, у кого его нету';
else
img.src = UserAvatar;
$("td#ava-status").html(img);
</script>а еще подскажите пожалуйста как спойтер в профиль сделать)
Вот пример с 4 вкладками для профиля:
<!--- Профиль с вкладками --->
<script>
function HideInfo(id,but){
if(but.value=="1"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if ((fil[fi].className=="pa-reputation") || (fil[fi].className=="pa-posts") || (fil[fi].className=="pa-reg") || (fil[fi].className=="pa-time-visit") || (fil[fi].className=="pa-ip"))
{fil[fi].style.display = "none";}
if ((fil[fi].className!=".pa-reputation") && (fil[fi].className!="pa-posts") && (fil[fi].className!="pa-reg") && (fil[fi].className!="pa-time-visit") && (fil[fi].className!="pa-ip"))
{fil[fi].style.display = "block";}
}
}
if(but.value=="2"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld1")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld1")
{fil[fi].style.display = "block";}
}
}
if(but.value=="3"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if ((fil[fi].className=="pa-fld2") || (fil[fi].className=="pa-fld3"))
{fil[fi].style.display = "none";}
if ((fil[fi].className=="pa-fld2") && (fil[fi].className=="pa-fld3")
{fil[fi].style.display = "block";}
}
}
if(but.value=="4"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld4")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld4")
{fil[fi].style.display = "block";}
}
}
return false}
d = document.getElementsByTagName("div")
for (i=0;d[i]; i++){
if (d[i].className.indexOf("post-author")!=-1){t = d[i].innerHTML
if((j = t.toLowerCase().indexOf("<li class=pa-from>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-from\">"))!=-1 || (j = t.toLowerCase().indexOf("<li class=pa-reg>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-reg\">"))!=-1)
d[i].innerHTML = t.substring(0,j)+"<center><input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='1' id='bu1' title='О игроке'> <input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='2' id='bu2' title='О персонаже'> <input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='3' id='bu3' title='Подарки от игроков'> <input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='4' id='bu4' title='Награды'></center><div id='info"+i+"'>"+t.substring(j,t.length)+"</div>"}}
</script>
<script type="text/javascript">
$(".post .post-author ul").each(function(){
$(this).find("center:first").insertBefore($(this).find("li.pa-respect"))
});
</script>
<!--- Конец Профиль с вкладками --->И в стиль:
.pa-fld1, .pa-fld2, .pa-fld4, .pa-reputation, .pa-posts, .pa-reg, .pa-ip, .pa-time-visit {display: none}
#bu1 {background-image: url(картинка 1); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu1:hover {background-image: url(картинка 1);}
#bu2 {background-image: url(картинка 2); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu2:hover {background-image: url(картинка 2);}
#bu3 {background-image: url(картинка 3); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu3:hover {background-image: url(картинка 3);}
#bu4 {background-image: url(картинка 4); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu4:hover {background-image: url(картинка 4);}Поделиться707-02-2013 13:07:23
xMileyFeverx
спасибо :3
то есть вот это с профилем можно вставлять куда угодно, даже в объявление?)
Поделиться807-02-2013 13:46:16
аристократка
Да)
Поделиться907-02-2013 15:42:46
подскажите пжл скрипт чтобы при наведении на картинку амс всплывала картинка с описанием, как тут
http://letmedie.rusff.ru/
Поделиться1007-02-2013 20:13:41
Еще вопрос:
http://gossipgirl122.rusff.ru как сделать так, чтоб шапки вернулись на места? (использован скрипт по изменению при перезагрузки шапок, хтмл вверх)
и как поступить с футером? он не двигается никуда Оо и вот эта часть от тела остается Оо
Поделиться1107-02-2013 21:03:39
и как поступить с футером? он не двигается никуда Оо и вот эта часть от тела остается Оо
div#html-footer {margin: -170px 0px 0px 0px;} - убрать совсем
#pun-about p.container {background-image: url(http://s3.uploads.ru/73FUj.gif); background-position: top center; background-repeat: no-repeat; height: 173px; width: 950px;
margin-left: -27px;
background-position : center top;
background-repeat : no-repeat;
margin-bottom: -33px;}
Поделиться1207-02-2013 22:36:42
Мося
спасибо :3
а не знаете что делать с шапкой случайно? т.т
Поделиться1307-02-2013 22:45:27
аристократка
Неа, у меня так и не вышло ее подвинуть (
может еще кто знает.
Поделиться1408-02-2013 00:26:55
как сделать шире столбцы таблицы?
http://citytemptation.rusff.ru/
Поделиться1508-02-2013 01:58:21
collapse™
которая в объявлении?
Поделиться1608-02-2013 15:27:26
как убрать из строки форум-участники-поиск.. награды? это где-то в настройках делается или код есть? главное, чтобы сами награды остались (в профиле только).
Поделиться1708-02-2013 15:33:17
gretel
#pun-navlinks li#navawards {
display: none;
}Поделиться1808-02-2013 19:19:17
Пользователи жалуются, что стрелочки"вверх-вниз" в Мозилле тормозят. То есть не сразу наверх переносят, а скачками. Тестили на других форумах. Чем больше категорий форума - тем медленнее.
Поделиться1909-02-2013 02:23:44
moral rat
Пусть проверят конфигурацию браузера. Мозилла поддерживает все стандарты, и если что-то в ней медленно работает, значит что-то не так работает. Сижу под Мозиллой всегда, на любых форумах стрелки работают моментально (включая кф). Не лишним будет почистить браузера и пробежаться по ОС - если система нагружена, тогда неудивительно, что браузер тормозит. Грузится с зависанием может так-же и от медленного интернет-соединения.
Поделиться2109-02-2013 17:48:51
moral rat
Работает сразу после полной загрузки страницы. Заменить код стрелок на этот:
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="" alt="Вверх страницы">
</a>
<br>
<br>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="" alt="Вниз страницы">
</a>
</div>Поделиться2210-02-2013 08:43:00
xMileyFeverx
Всё, спасибо большое
Поделиться2310-02-2013 12:52:42
потеряла код слайдера на всю ширину форума. скиньте кому не трудно.
Поделиться2412-02-2013 01:14:05
Здравствуйте. Чтобы центрировать меню навигации, поставьте
position: center;
спасибо, но, простите за очевидную блондинистость - куда это ставить? у меня в этом коде как таковая position: отсутствует оО"
Поделиться2512-02-2013 01:24:15
position: center;
Это что-то новенькое в CSS. CSS: position.
fullinsomniac
Центрирование блоков стандартно задается свойством margin: auto. При этом все дополнительные отступы типа margin-left, margin-right надо убрать.
Поделиться2612-02-2013 09:03:28
Добрый день. У меня проблема с иконками.
(извините что превью с радикала у меня на работе другой хостинг не грузит благодаря сисадмину) 
Ссылка на форум - http://ladyworld.forumbb.ru/
Проблема в чем. Иконки старых сообщений ни в какую не хотят вставать ровно. Все параметры ширины длинны и высоты иконок стоят одинаковые, но тем не менее новые важные и закрытые сообщения встают ровно а старые нет.
Может быть что то не так в скрипте?
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {border-color: transparent;}
tr.iredirect div.icon {border-color: transparent;}
div.inew {border-color: transparent;}
.punbb Div.icon {background-image: url("https://forumstatic.ru/files/0012/87/d1/23133.png");
float: left;
background-repeat: no-repeat;
width: 85px;
height: 90px;}
TR.inew Div.icon {background-image: url("http://s018.radikal.ru/i528/1302/99/9e1d00b6143d.png");
float: left;
background-repeat: no-repeat;
width: 85px;
height: 90px;}
TR.isticky Div.icon {background-image : url("https://forumstatic.ru/files/0012/87/d1/83523.png");
float: left;
background-repeat: no-repeat;
width: 85px;
height: 90px;}
TR.iclosed Div.icon {background-image : url("https://forumstatic.ru/files/0012/87/d1/88066.png");
float: left;
background-repeat: no-repeat;
width: 85px;
height: 90px;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 90px; top: 10px;}
#pun-announcement h2 {display: none;}
#pun-announcement .container
{
padding-top: 1em;}Поделиться2712-02-2013 09:24:48
Elionore
Файл style.cs. уберите зачеркнутое
.punbb div.icon {
float: left;
display: block;width: 142px;height: 70px;
padding-top: 1px;
margin-top: 1px;
margin-right: 5px;
}
Отредактировано dolen (12-02-2013 09:25:45)
Поделиться2812-02-2013 12:53:02
Здравствуйте.)
Не могли бы мне объяснить в чем заключается моя ошибка. Поставила дизайн, а получила абсолютно белый форум (ставила на три форума, для проверки. Неа, не на одном не работает)
http://uglydream.rolka.su/
http://expa.rolka.su/
http://hoga.rolka.su/
Поделиться2912-02-2013 14:05:55
Despari
какой именно дизайн то был поставлен? И вы его сами сделали, на вашем тестовике работает?
Поделиться3012-02-2013 14:30:29
Despari
это может быть из-за излишних или недостающих *** перед A - SETUP
попробуйте все свои заменить на
/*************************************************************
A - SETUP
**************************************************************/


Эпиграф в стиле tumblr (перевод windymind)























