Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)
Предыдущая тема: Общие вопросы по оформлению (61)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Alex_63
Какие именно рамки?
Конкретно только эти рамки. А то меняю эти, еще что-то другое краситься в придачу.
О, андертейл!
Приступим 
Попробуйте так.
1. ширина шапки больше, чем ширина форума. Появляется нижняя полоса прокрутки. есть ли какой-то способ уменьшить ширину отображаемой области(но не размеры самой шапки)?
#pun-title table {
border: none;
height: 0px;
width: 1842px;
height: 790px;
margin-left: -495px;
margin-top: 0px;
background-image: url(http://funkyimg.com/i/2udpt.png);
overflow: hidden;
}
Дописать красное в первом окне стиля.
2. картинка вместо слов "быстрый ответ". Такое, кст, вообще бывает?
#post-form > h2 {
display: block;
width: 800px;
height: 50px;
color: transparent;
background: rgba(0, 0, 0, 0) url(прямая ссылка на картинку) no-repeat scroll 50% 0;
}
Это можно во второе окно стиля. Размеры в пикселях подгоняете под свой исходник картинки.
3. Ещё: у гостей всегда будут отображаться кнопки в профиле? Та же фигня с онлайн/оффлайн? Нет ли возможности как-то скрыть их?
#pun.gid3 img.imgON_Off, #pun.gid3 img.post-img-Sp {
display: none;
}
Туда же, во второе окно.
По 4-му вопросу не знаю, как посмотреть, так как пиар-входа я не нашла.
Отредактировано audaciousGodsend (Ср, 14 Июн 2017 23:44:30)
millenium
#pun-title table {
border: none;
height: 0px;
width: 1842px;
height: 790px;
margin-left: -495px;
margin-top: 0px;
background-image: url(http://funkyimg.com/i/2udpt.png);
overflow: hidden;
}
К этому селектору правило работает, только если в блоке лого-тайтла есть что-то, выходящее за рамки. Допустим, если к селектору прикручена часть таблицы, которая должна фиксироваться по положению именно в тайтле.
Потому прокрутку проще фиксить под body, которое определяется окном браузера, а не CSS.
Скрыть прокрутку можно дописав в CSS /* A2.1 */, немного ниже основного селектора html,body следующее:
body {overflow-x: hidden;}
pusheen.
Скрывать горизонтальную прокрутку глобально, особенно если у юзера нетбук (да, такие все еще остались, и их, о ужас, много!), - очень плохой фэншуй. Некоторых верстальщиков хочется за это очень неласково убивать х)
А верстать адаптив через медиа-запросы у нас очень немногие умеют.
А верстать адаптив через медиа-запросы у нас очень немногие умеют.
Мобильный стиль только через медиазапросы и верстается. Все адаптивные стили верстаются именно через них. У человека не адаптивный стиль, он хочет скрыть прокрутку внизу форума. Оптимальнее всего сделать это через body, заметь, не через html, а именно через body, которое базируется на ширине окна браузера. То что предложили вы, увы, может не сработать, ибо прокрутка #pun-title table привязана к селектору #pun-title, проще говоря, при сокрытии прокрутки в этом селекторе произойдет следующее:
В то время, как сокрытие прокрутки в body по х-диагонали избавит именно от нижней прокрутки по ширине окна браузера, но ни в других селекторах. Возможно у вас по какой-то причине и сработало сокрытие прокрутки в #pun-title table, но у меня на кроссбраузерке данный вариант не приживается.
Просто пример - троичный фон, к которому часто и шапки лепят:
body {
background: url("картинка") repeat-x top center, /*верхний фон*/
url("картинка") repeat-x bottom center, /*нижний фон*/
#01607e url("картинка") repeat; /*общий фон*/
}
Оно базируется на ширине окна браузера, что в свою очередь не выводит прокрутку в браузере, если фон намного превышает окно или размер монитора.
audaciousGodsend pusheen.
спасибо большое за ответы)
в итоге использовала это (body {overflow-x: hidden;}), но, как я понимаю, тут выплыли свои минусы? увы и ах, я пока в этом мало что понимаю. первый диз и изучение css за три ночи)
вот это сокрытие прокрутки не вылезет потом боком, надеюсь? тут суть была в том, что мне каким-то образом нужно оставить широкую полоску под кнопки меню сверху, вот и пришлось так извращаться.
pusheen.
Мы по-разному понимаем запрос. Убрать нижний скролл совсем и убрать нижний скролл за шириной основного форума. В моем случае второй вариант.
В данном случае использовать
body {overflow-x: hidden;}
допустимо (тело форума не слишком широкое), но это очень частая ошибка, которая порой ведет к цепочке: тело форума over 900px ==> пользователь сидит с "калькулятора" ==> половина форума доступна для чтения только с использованием комбинации ctrl-
Возможно у вас по какой-то причине и сработало сокрытие прокрутки в #pun-title table
Кроссбраузерность в норме.
Нет, тут дело не в верстке, а в разрешении) Так как за основу ширины форума я принимаю 1920, прокрутка в диапазоне n < 1920 в моем случае за баг не считается. Форумы с шапками, где пейзаж заполняет всю ширину, и прокрутка ну совсем никак ни к селу, спасут только медиа-запросы, а глобальное убиение нижнего скролла может привести к вышеописанной ситуации.
троичный фон
Принцип бритвы Оккама в действии, но кому как больше нравится.
вот это сокрытие прокрутки не вылезет потом боком, надеюсь?
У Вас - не вылезет) Если тело форума в какой-то момент не захотите увеличить)
Отредактировано audaciousGodsend (Чт, 15 Июн 2017 00:52:48)
И еще вопросик: можно ли поставить картинку на задний фон таблиц и какого она нужна размера, чтобы все не разъехалось?
http://dolinamirta.mybb.ru/
Шаолин
Разумеется, можно. Размер - можно любой, в моем примере через псевдокласс заданы параметры ширины/высоты, отмеченные красным. Белый фон на скрине - примерное расположение картинки фона.
#tstTable {
z-index: 1;
position: relative;
}
#tstTable:before {
content: '';
background: #fff;
width: 905px;
height: 323px;
display: block;
position: absolute;
margin-top: -24px;
z-index: -1;
margin-left: -56px;
}
Отредактировано audaciousGodsend (Чт, 15 Июн 2017 14:50:20)
audaciousGodsend
По третьему Вопросу для millenium => наверно так
.post[data-group-id="3"] .post-author .imgON_Off,
.post[data-group-id="3"] img.post-img-Sp {
display:none;
}
(*Ибо эти кнопки нун убрать в сообщениях Гостя - а не когда просматриваем форум Гостем
4. Иконка новых сообщений у меня гифка. На главной всё работает, но в форумах - нет. Там она статичная. Как исправить?
Может так ?
.punbb table div.inew,.punbb table tr.inew div.icon { background: url(http://funkyimg.com/i/2ufqn.gif) no-repeat;}
(Добавка синим
в сообщениях Гостя - а не когда просматриваем форум Гостем
Мое старое-доброе альтернативное понимание проблемы. Да, если речь идет о постах, то, конечно, .post[data-group-id="3"]
Спасибо за поправку)
Здравствуйте, даже не знаю как объяснить суть проблемы
выглядит она вот так, точнее что собственно надо что бы было:
http://savepic.ru/14429388.png
не могу понять как сделать что бы появился этот самый бегунок внизу, когда в одном окне открывает два О.о
адрес форума - http://majj.mybb.ru
заранее спасибо
majj
Найдите в гугле, под нужный браузер: Как переставить Окно разработчика ниже окна просмотра
Тогда будет во весь экран
http://s0.s0.uploads.ru/469Ii.jpg
Здравствуйте. Возникла проблема с уменьшением расстояния между спойлерами.
Что хотелось бы в итоге:
Estar, вам нужно удалить из html-верх вот этот код (выделено зелёным):
satsana, спасибо!
Добра.
И снова вопрос по смене имиджа. Ставил картинки, настраивал, решил протестить на тестовике - не работает. Не появляется картинка для вызова, собственно, смены имиджа.
Тест
Код:<!--Смена имиджа в текущем посте--> <link id="iNFpanel" rel="stylesheet" href="http://forumstatic.ru/files/0016/4a/c9/22923.css" type="text/css"/> <script src="http://forumstatic.ru/files/0016/4a/c9/95564.js"></script>Код:<!--Смена имиджа в текущем посте--> <style>.punbb .pa-avatar img {max-width:190px;height:auto;}</style> <script type="text/javascript"> OnSmenaImage("Тестовик", new Array("PR")) var AvtrArr=new Array( "http://s3.uploads.ru/5caAx.png" //End myarray_!!Последняя ссылка без запятой!!! ) StartNIZ(); // </script>
Как сделать такие рамки? Чтобы никаких других не было
И не срабатывает код в таблице объявления (не отображается картинка)
#tstTable:before {
content: '';
background: #fff
background-image: url(http://s019.radikal.ru/i603/1706/84/748ef01c13b7.png)
width: 905px;
height: 323px;
display: block;
position: absolute;
margin-top: -24px;
z-index: -1;
margin-left: -56px;
}Отредактировано Шаолин (Сб, 17 Июн 2017 12:14:24)
Шаолин,
Как сделать такие рамки? Чтобы никаких других не было
Не совсем понятна задача - указанные рамки должны быть видны только на главной странице?
не срабатывает код в таблице объявления (не отображается картинка)
Потому что не хватает кой-чего 
(выделено красным):
#tstTable:before {
content: '';
background: #fff;
background-image: url(http://s019.radikal.ru/i603/1706/84/748ef01c13b7.png);
width: 905px;
height: 323px;
display: block;
position: absolute;
margin-top: -24px;
z-index: -1;
margin-left: -56px;
}
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (62)