Все ваши вопросы относительно внешнего вида форума.
Не забываем постить ссылку на проблему!
Вопросы по 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
**************************************************************/