Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!
Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!
Сообщений 211 страница 240 из 1000
Поделиться121-09-2013 03:39:05
Поделиться21113-12-2013 20:56:03
1. как сделать жирным панель навигации?
за это отвечает вот этот кусочек, как я поняла. или нет. ну, в общем, помогите:/
Добавьте font-weight: bold;
2. как изменить шрифт той же самой навигации?
В каком смысле? Поменять font-family? x)
martin mirt, Дайте адрес тестовика, будет легче и быстрее)
Поделиться21213-12-2013 22:41:37
У меня тут глобальная проблема. Дело в том, что я полнейший новичок, и очень хотелось бы получить Вашей бесценной помощи.
Проблема №1.
Дизайн я делала три года назад, он был простым сгенерированым тогда ещё в генераторе майбб. Теперь мне нужно вот что:
Убрать границы на теле форума, то есть полоски, разделяющие сами форумы. Вставить туда фон с рамкой, к примеру, вот этот: http://s5.uploads.ru/evTVs.jpg но я его поменяю. И надписи к названиям категорий также нужно сменить.
Здесь - красными полосами отмечены полоски, которые нужно скрыть, в кружке - названия категорий, которые нужно заменить картинкой, текстом
Очень срочно нужна Ваша помощь! заранее благодарю.
Адрес форума - http://deviant.mybb.ru/
Поделиться21313-12-2013 23:10:34
Вставить туда фон с рамкой, к примеру, вот этот: http://s5.uploads.ru/evTVs.jpg но я его поменяю.
Для этого нужно будет увеличить ширину форума до 920 пикселей и указать фон:
#pun { margin: 0px auto; width: 920px; position: relative; background-image: url("http://s5.uploads.ru/evTVs.jpg"); }
и уменьшить ширину содержимого относительно тела, а так же сместить содержимое в сторону, чтобы выровнять:
.punbb { float: left; width: 86%; height: auto; margin-left: 65px; }
Здесь - красными полосами отмечены полоски, которые нужно скрыть
Не совсем понятно выделено. Нужно все полоски убрать, или с правой стороны полоски оставить? Если все убрать, тогда находим и удаляем зачёркнутое:
.punbb .main td { [s]border-style: solid none none solid;[/s] border-width: 1px 0px 0px 1px; padding: 0.8em 1em; }
Если нужно оставить с правой стороны границы, тогда добавляем границы соответствующему элементу:
.punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; border-bottom: 1px; border-style: solid none none; }
названия категорий, которые нужно заменить картинкой, текстом
Так картинкой или текстом?))
Чтобы заменить картинкой, посмотрите этот скрипт:
Очень удобная замена категорий
Поделиться21413-12-2013 23:31:53
morgan, что-то случилось, и теперь весь форум прозрачный. Вот код:
/* CS1 Background and text colours
-------------------------------------------------------------*/body {
background: transparent url(http://s7.uploads.ru/ZO3Rq.jpg) center top repeat-y fixed !important;
}/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #EEC897;
color: #331000;/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #FFD9A8;
color: #331000;
}/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #997342;
color: #FFFDEC;
font-weight: normal;
font-style: normal;}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #BB9564;
color: #000000;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #FFD9A8;
color: #331000
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #DDB786;
color: #331000
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #DEB887;
color: #331000
}/* CS1.8 */
#pun-navlinks .container {
background-color: #997342;
color: #B9564;
}.offline li.pa-online strong {
font-weight: normal
}.punbb textarea, .punbb select, .punbb input {
background-color: #FFEAB9;
color: #331000
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #B9564 #B9564 #B9564 #B9564
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #EFDAA9
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #997342;
}/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #CCA675;
}/* CS2.5 */
.punbb th {
border-color: #DDB786
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #CEA877 #FFE8B7 #FFE8B7 #CEA877;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #CEA877
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #FFE8B7
}.punbb .divider {
border-color: #CEA877 #FFE8B7 #FFE8B7 #FFE8B7
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}li.pa-online {
border-left-color: #997342;
}.punbb .post-sig dt {
border-top-color: #CCA675 !important;
}/* CS3 Links
-------------------------------------------------------------*//* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #997342;
border-bottom: 0px none #000;
text-decoration: none;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #331000
}/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #BB9564;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.3 */
#pun-navlinks a {
color: #B9564;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #FFFFFF;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: underline;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}/* CS4 Post status icons
-------------------------------------------------------------*/Div.icon {
background-image : url(http://s46.radikal.ru/i114/1011/2b/f5d675ab197e.jpg);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://s46.radikal.ru/i111/1011/9b/800c43f99ffb.jpg);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://s016.radikal.ru/i334/1011/32/91482f559158.jpg);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://i059.radikal.ru/1011/64/fb0d16325bb9.jpg);
background-repeat: no-repeat;
}#pun-main div.catleft, #pun-main div.catright {display: none}
что нужно изменить, чтобы вернуть?
Поделиться21513-12-2013 23:32:59
#pun {
margin: 0px auto;
width: 920px;
position: relative;
background-image: url("http://s5.uploads.ru/evTVs.jpg");
}
.punbb {
float: left;
width: 86%;
height: auto;
margin-left: 65px;
}
и скажите, куда это вставлять?)
Поделиться21614-12-2013 00:33:22
что нужно изменить, чтобы вернуть?
А что сделали?) Все коды, которые я привёл, уже есть в стиле, все они - в первом окне стиля. Ищите по названию контейнера (#pun, .punbb и т.д.) и добавляете/удаляете указанное мною)
Поделиться21714-12-2013 00:42:37
morgan, я уже всё вернул)
в категорию - примерно вот такую картинку с будущей надписью http://uploads.ru/L8Kws.jpg
По длине я её увеличу.
Для этого нужно будет увеличить ширину форума до 920 пикселей и указать фон:
Выделить код
#pun {
margin: 0px auto;
width: 920px;
position: relative;
background-image: url("http://s5.uploads.ru/evTVs.jpg");
}и уменьшить ширину содержимого относительно тела, а так же сместить содержимое в сторону, чтобы выровнять:
Выделить код
.punbb {
float: left;
width: 86%;
height: auto;
margin-left: 65px;
}
Получилось вот что: http://deviant.mybb.ru/ , то есть эта картинка как будто под фон сползла
Поделиться21814-12-2013 01:20:46
sidmoore, Чтобы убрать цвет над телом:
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: rgb(255, 217, 168);
color: rgb(51, 16, 0);
}
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: rgb(238, 200, 151);
color: rgb(51, 16, 0);
}
в категорию - примерно вот такую картинку с будущей надписью http://uploads.ru/L8Kws.jpg
Так нужен общий фон для всех категорий или для каждой категории отдельная картинка?
Если общий фон, тогда
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: rgb(153, 115, 66);
color: rgb(255, 253, 236);
font-weight: normal;
font-style: normal;
background-image: url("http://s7.uploads.ru/L8Kws.jpg");
height: 67px;
background-repeat: no-repeat;
}
Поделиться21914-12-2013 01:32:03
morgan, остались полоски над и под объявлением, в статистике форума.
Так нужен общий фон для всех категорий или для каждой категории отдельная картинка?
Если общий фон, тогда
Нужна для каждой категории отдельная, с надписью. А родную надпись надо убрать, прозрачной сделать
Поделиться22014-12-2013 01:39:22
остались полоски над и под объявлением
#pun-navlinks .container {
background-color: rgb(153, 115, 66);
}
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: rgb(221, 183, 134);
color: rgb(51, 16, 0);
}
в статистике форума.
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0px 0px;
}
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}
Поделиться22114-12-2013 01:53:38
morgan, спасибо большое) больше не буду доставать)
Поделиться22214-12-2013 02:45:22
Вот почти последний вопрос)
Когда ставлю вот этот фон: http://s7.uploads.ru/N8eBd.jpg получается справа две рамки, хотя на картинке одна. Как убрать?
И в форме ответа всё, что отмечено красным - как заменить цвет? Они совершенно туда не вписываются, под текстом странные "выделения" другого цвета от форума самого
http://s6.uploads.ru/njqlK.jpg
Поделиться22314-12-2013 03:52:34
Вот почти последний вопрос)
Когда ставлю вот этот фон: http://s7.uploads.ru/N8eBd.jpg получается справа две рамки, хотя на картинке одна. Как убрать?
Уменьшить ширину #pun
И в форме ответа всё, что отмечено красным - как заменить цвет? Они совершенно туда не вписываются, под текстом странные "выделения" другого цвета от форума самого
http://s6.uploads.ru/njqlK.jpg
.punbb textarea, .punbb select
.punbb fieldset legend span
.punbb .modmenu .container
Поделиться22414-12-2013 12:17:59
Уменьшить ширину #pun
эээ... где?
.punbb textarea, .punbb select
.punbb fieldset legend span
.punbb .modmenu .container
то же самое - где? удалить это надо?
Поделиться22514-12-2013 14:40:25
эээ... где?
Я ведь давал код этого элемента. Ищите его и уменьшаете width до нужно цифры.
то же самое - где? удалить это надо?
Там же, в стилях ищем и либо меняем background-color, если надо поменять фон, либо убираем, если фон вообще не нужен.
Искать легче посредством Ctrl + F.
Поделиться22614-12-2013 15:38:07
morgan, вот что получается: http://s7.uploads.ru/GjnCs.jpg
Беда!
Поделиться22714-12-2013 16:24:06
sidmoore, Нужно увеличить ширину шапки:
#pun-title table {
background-image: url("http://s7.uploads.ru/1DpKr.jpg");
width: 860px;
margin-left: -48px;
background-repeat: no-repeat;
background-color: black;
background-position: center top;
height: 502px;
}
Где-то на 4 пикселя
Поделиться22815-12-2013 09:46:44
Помогите возникли вопросы у меня стоит фотошоп CS3 CS 5 CS6 скачиваю плагины устанавливаю но не один из них в фотошопе не показывает что не так хотелась бы очень чтобы плагины появились в версий CS6
Поделиться22917-12-2013 17:27:29
Вчера выставляла сюда вопрос. Почему удалили?
Поделиться23017-12-2013 17:36:07
Rhisenn
Я ответил вам на тех. поддержке Русфф, почему такого рода вопросы следует решать в привате. Как и на ТП Русфф, у нас не доска объявлений и не "жди меня".
Поделиться23118-12-2013 18:45:17
У меня возник вопрос. С помощью кода любой объект в шапке хотела поставить анимацию. Но как только сдвигаю картинку вся анимация перестает работать. Подскажите как исправить? Может что-то в коде не то. Вот ссылка на тестовик.
Отредактировано ультраморин (18-12-2013 21:08:15)
Поделиться23219-12-2013 15:27:59
Здравствуйте! Не подскажете, как изменить, а точнее уменьшить расстояние между шапкой и объявлением?
http://doreapotter.0bb.ru/
Поделиться23319-12-2013 15:36:32
dorea potter
Доброго времени)
Второе окно, первое значение регулируем:
/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}
Поделиться23419-12-2013 15:55:21
Джи
Cпасибо большое!
Поделиться23520-12-2013 12:24:40
ребятки, не подскажите, как выделить профиль цветом? как у вас, проще говоря
и в каком блоке вообще регулируются настройки профиля?
Поделиться23620-12-2013 13:50:05
DOPE
В первом окне ищем блок C3.5, там и редактировать)
float: left;
width: 22em;
margin-top: -1.5em;
overflow: hidden;
margin-left: -31px;
background-image: url("http://s5.uploads.ru/Tgp58.jpg");
border-radius: 7px;
Поделиться23720-12-2013 14:47:23
Джи, спасибоу)
Поделиться23820-12-2013 15:10:18
лол, я нуб
как ник и статус жирным шрифтом сделать?
Поделиться23921-12-2013 15:13:04
а народ не подсккажите как сдвинуть эту надоедливую рекламу http://thewariscomeback.rusff.ru
Поделиться24021-12-2013 15:22:12
Gravity of Love
#pun-title table tbody tr .title-logo-tdr {
position: absolute;
z-index: 1;
left: 20px;
top: 0px;
}
Выделенные значения требуется подогнать в зависимости от желаемого места расположения баннера