24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!


Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!

Сообщений 211 страница 240 из 1000

1

Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!

0

211

martin mirt написал(а):

1. как сделать жирным панель навигации?
за это отвечает вот этот кусочек, как я поняла. или нет. ну, в общем, помогите:/

Добавьте font-weight: bold;

martin mirt написал(а):

2. как изменить шрифт той же самой навигации?

В каком смысле? Поменять font-family? x)

martin mirt, Дайте адрес тестовика, будет легче и быстрее)

+1

212

У меня тут глобальная проблема. Дело в том, что я полнейший новичок, и очень хотелось бы получить Вашей бесценной помощи.

Проблема №1.
Дизайн я делала три года назад, он был простым сгенерированым тогда ещё в генераторе майбб. Теперь мне нужно вот что:
Убрать границы на теле форума, то есть полоски, разделяющие сами форумы. Вставить туда фон с рамкой, к примеру, вот этот: http://s5.uploads.ru/evTVs.jpg но я его поменяю. И надписи к названиям категорий также нужно сменить.
Здесь - красными полосами отмечены полоски, которые нужно скрыть, в кружке - названия категорий, которые нужно заменить картинкой, текстом

Свернутый текст

http://s6.uploads.ru/XIaQT.jpg

Очень срочно нужна Ваша помощь! заранее благодарю.
Адрес форума - http://deviant.mybb.ru/

0

213

sidmoore написал(а):

Вставить туда фон с рамкой, к примеру, вот этот: 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;
}
sidmoore написал(а):

Здесь - красными полосами отмечены полоски, которые нужно скрыть

Не совсем понятно выделено. Нужно все полоски убрать, или с правой стороны полоски оставить? Если все убрать, тогда находим и удаляем зачёркнутое:

Код:
.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;
}
sidmoore написал(а):

названия категорий, которые нужно заменить картинкой, текстом

Так картинкой или текстом?))
Чтобы заменить картинкой, посмотрите этот скрипт:
Очень удобная замена категорий

+1

214

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}

что нужно изменить, чтобы вернуть?

0

215

morgan написал(а):

#pun {
    margin: 0px auto;
    width: 920px;
    position: relative;
    background-image: url("http://s5.uploads.ru/evTVs.jpg");
}

morgan написал(а):

.punbb {
    float: left;
    width: 86%;
    height: auto;
    margin-left: 65px;
}

и скажите, куда это вставлять?)

0

216

sidmoore написал(а):

что нужно изменить, чтобы вернуть?

А что сделали?) Все коды, которые я привёл, уже есть в стиле, все они - в первом окне стиля. Ищите по названию контейнера (#pun, .punbb и т.д.) и добавляете/удаляете указанное мною)

0

217

morgan, я уже всё вернул)
в категорию - примерно вот такую картинку с будущей надписью http://uploads.ru/L8Kws.jpg
По длине я её увеличу.

morgan написал(а):

Для этого нужно будет увеличить ширину форума до 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/ , то есть эта картинка как будто под фон сползла

0

218

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);
}

sidmoore написал(а):

в категорию - примерно вот такую картинку с будущей надписью 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;
}

+1

219

morgan, остались полоски над и под объявлением, в статистике форума.

morgan написал(а):

Так нужен общий фон для всех категорий или для каждой категории отдельная картинка?
Если общий фон, тогда

Нужна для каждой категории отдельная, с надписью. А родную надпись надо убрать, прозрачной сделать

0

220

sidmoore написал(а):

остались полоски над и под объявлением

#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);
}

sidmoore написал(а):

в статистике форума.

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%;
}

+1

221

morgan, спасибо большое) больше не буду доставать)

0

222

Вот почти последний вопрос)
Когда ставлю вот этот фон: http://s7.uploads.ru/N8eBd.jpg получается справа две рамки, хотя на картинке одна. Как убрать?

И в форме ответа всё, что отмечено красным - как заменить цвет? Они совершенно туда не вписываются, под текстом странные "выделения" другого цвета от форума самого
http://s6.uploads.ru/njqlK.jpg

0

223

sidmoore написал(а):

Вот почти последний вопрос)
Когда ставлю вот этот фон: http://s7.uploads.ru/N8eBd.jpg получается справа две рамки, хотя на картинке одна. Как убрать?

Уменьшить ширину #pun

sidmoore написал(а):

И в форме ответа всё, что отмечено красным - как заменить цвет? Они совершенно туда не вписываются, под текстом странные "выделения" другого цвета от форума самого
http://s6.uploads.ru/njqlK.jpg

.punbb textarea, .punbb select
.punbb fieldset legend span
.punbb .modmenu .container

0

224

morgan написал(а):

Уменьшить ширину #pun

эээ... где?

morgan написал(а):

.punbb textarea, .punbb select
.punbb fieldset legend span
.punbb .modmenu .container

то же самое - где? удалить это надо?

0

225

sidmoore написал(а):

эээ... где?

Я ведь давал код этого элемента. Ищите его и уменьшаете width до нужно цифры.

sidmoore написал(а):

то же самое - где? удалить это надо?

Там же, в стилях ищем и либо меняем background-color, если надо поменять фон, либо убираем, если фон вообще не нужен.
Искать легче посредством Ctrl + F.

0

226

morgan, вот что получается: http://s7.uploads.ru/GjnCs.jpg
Беда!

0

227

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 пикселя

0

228

Помогите возникли вопросы у меня стоит фотошоп CS3 CS 5 CS6 скачиваю плагины   устанавливаю но не один из них в фотошопе не показывает что не так  хотелась бы очень чтобы плагины  появились в версий CS6

0

229

Вчера выставляла сюда вопрос. Почему удалили?

0

230

Rhisenn
Я ответил вам на тех. поддержке Русфф, почему такого рода вопросы следует решать в привате. Как и на ТП Русфф, у нас не доска объявлений и не "жди меня".

0

231

Уже разобралась сама

У меня возник вопрос. С помощью кода любой объект в шапке хотела поставить анимацию. Но как только сдвигаю картинку вся анимация перестает работать. Подскажите как исправить? Может что-то в коде не то. Вот ссылка на тестовик.

Отредактировано ультраморин (18-12-2013 21:08:15)

0

232

Здравствуйте! Не подскажете, как изменить, а точнее уменьшить расстояние между шапкой и объявлением?
http://doreapotter.0bb.ru/

0

233

dorea potter
Доброго времени)
Второе окно, первое значение регулируем:

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

http://s3.uploads.ru/9tmYz.gif

+1

234

Джи
Cпасибо большое! http://uploads.ru/i/m/s/z/msz46.gif

0

235

ребятки, не подскажите, как выделить профиль цветом? как у вас, проще говоря
и в каком блоке вообще регулируются настройки профиля?

0

236

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;

+1

237

Джи, спасибоу)

0

238

лол, я нуб
как ник и статус жирным шрифтом сделать?

0

239

а народ не подсккажите как сдвинуть  эту надоедливую рекламу http://thewariscomeback.rusff.ru

0

240

Gravity of Love

#pun-title table tbody tr .title-logo-tdr {
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 0px; 
}

Выделенные значения требуется подогнать в зависимости от желаемого места расположения баннера  http://s2.uploads.ru/1sw0l.png

0


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!