Как сменить окраску таблицы форума

Поделиться1Ср, 12 Сен 2012 21:04:23

Автор: Вдумчивый
Заслуженный
Зарегистрирован: Чт, 5 Янв 2012
Сообщений: 631
Уважение: +82
Позитив: +156
Пол: Мужской
Последний визит:
Ср, 6 Сен 2023 17:48:26

Друзья. подскажите. как сменить окраску таблицы форума. Предложите на ваш вкус. Посоветуйте с оформлением.
Форум: ВИЗИТ

Отредактировано Вдумчивый (Ср, 12 Сен 2012 21:05:17)

Поделиться21Пт, 14 Сен 2012 21:15:38

Автор: Вдумчивый
Заслуженный
Зарегистрирован: Чт, 5 Янв 2012
Сообщений: 631
Уважение: +82
Позитив: +156
Пол: Мужской
Последний визит:
Ср, 6 Сен 2023 17:48:26

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

Вдумчивый
Я же не просто так написал:
Reysler написал(а):

предварительно куда-нибудь сохранив их содержимое на случай восстановления и изъятия скриптов

Создайте два текстовых файла где-нибудь (можно на рабочем столе) и обзовите их, например html-низ и html-верх, соответственно содержимое из Настроек одноименных полей вставьте согласно их названиям в эти текстовые файлы) Когда измените стиль, можно будет из этих файлов по одному брать скрипты и ставить
Вдумчивый написал(а):

Не приходилось пользоваться... Поясните, пожалуйста, подробнее.

Сохраняете на рабочем столе логотип старого стиля, затем через тот же Photoshop открываете и редактируете. О том как рисовать в Photoshope вы можете поискать в Google, благо сейчас полно подробных уроков =) Или можете подать заявку на любом дизайнерском форуме, попросив нарисовать шапку.

Все это можно сделать, но нельзя ли вам сразу показать готовый стиль MYBB.. А еще лучше как убрать этот логотип в cs.css в стиле. Не хочу сохранять в закладки.

Отредактировано Вдумчивый (Пт, 14 Сен 2012 21:18:48)

0

Поделиться22Пт, 14 Сен 2012 21:23:23

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3418
Уважение: +2105
Позитив: +675
Пол: Мужской
Последний визит:
Пн, 22 Апр 2024 13:50:55

Вдумчивый написал(а):

Все это можно сделать, но нельзя ли вам сразу показать готовый стиль MYBB.

Я не занимаюсь стилями оформления на заказ.

Вдумчивый написал(а):

А еще лучше как убрать этот логотип в cs.css в стиле.

Если вы его уберете, на его месте будет пустое белое пятно =(

0

Telegram @a_reysler

Поделиться23Пт, 14 Сен 2012 21:28:33

Автор: Вдумчивый
Заслуженный
Зарегистрирован: Чт, 5 Янв 2012
Сообщений: 631
Уважение: +82
Позитив: +156
Пол: Мужской
Последний визит:
Ср, 6 Сен 2023 17:48:26

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

Если вы его уберете, на его месте будет пустое белое пятно =(

Но на "белое пятно" можно будет установить новую шапку.

0

Поделиться24Пт, 14 Сен 2012 21:31:20

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Вдумчивый
Здравствуйте.

Вдумчивый написал(а):

подскажите. как сменить окраску таблицы форума.

Код:

<style type="text/css">
.tcl {
  background: red none !important;
}

.tc2 {
  background: blue none !important;
}

.tc3 {
  background: green none !important;
}

.tcr {
  background: orange none !important;
}
</style>

0

Поделиться25Пт, 14 Сен 2012 21:36:56

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3418
Уважение: +2105
Позитив: +675
Пол: Мужской
Последний визит:
Пн, 22 Апр 2024 13:50:55

Вдумчивый
Можно. Если у вас MyBB Bend, то в style_cs.css найдите

#pun {
background: url(../../img/Mybb_Bend/pun.gif) #fff no-repeat top center;
color: #16334B;
}

Выделенное жирным - и есть логотип вместе с верхнем фоном стиля Эту строчку можно удалить и тогда на его месте как раз-таки окажется белое пятно

Отредактировано Reysler (Пт, 14 Сен 2012 21:37:55)

0

Telegram @a_reysler

Поделиться26Пт, 14 Сен 2012 21:40:35

Автор: Вдумчивый
Заслуженный
Зарегистрирован: Чт, 5 Янв 2012
Сообщений: 631
Уважение: +82
Позитив: +156
Пол: Мужской
Последний визит:
Ср, 6 Сен 2023 17:48:26

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

Вдумчивый
Здравствуйте.
Вдумчивый написал(а):

подскажите. как сменить окраску таблицы форума.

Код:

<style type="text/css">
.tcl {
background: red none !important;
}

.tc2 {
background: blue none !important;
}

.tc3 {
background: green none !important;
}

.tcr {
background: orange none !important;
}
</style>

Извините...., но это смешно. Аляписто. С этим я знаком.

0

Поделиться27Пт, 14 Сен 2012 21:41:50

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Вдумчивый
Цвета специально так расставил, чтобы могли распознать что и где. Если интересует нечто иное - конкретизируйте.

0

Поделиться28Пт, 14 Сен 2012 21:42:41

Автор: Вдумчивый
Заслуженный
Зарегистрирован: Чт, 5 Янв 2012
Сообщений: 631
Уважение: +82
Позитив: +156
Пол: Мужской
Последний визит:
Ср, 6 Сен 2023 17:48:26

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

#pun {
background: url(../../img/Mybb_Bend/pun.gif) #fff no-repeat top center;
color: #16334B;
}

Код шапки ( для эксперимента) куда вставить:

Код:

<img src="http://s017.radikal.ru/i416/1205/62/9d56f1a38c81.jpg" style="width: 100%; margin: 8px 0 0 0;" />

0

Поделиться29Пт, 14 Сен 2012 21:49:08

Автор: Вдумчивый
Заслуженный
Зарегистрирован: Чт, 5 Янв 2012
Сообщений: 631
Уважение: +82
Позитив: +156
Пол: Мужской
Последний визит:
Ср, 6 Сен 2023 17:48:26

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

Вдумчивый
Цвета специально так расставил, чтобы могли распознать что и где. Если интересует нечто иное - конкретизируйте.

Извините, действительно, все по делу. Но долго заморачиваться.

0

Поделиться30Пт, 14 Сен 2012 22:13:15

Автор: Вдумчивый
Заслуженный
Зарегистрирован: Чт, 5 Янв 2012
Сообщений: 631
Уважение: +82
Позитив: +156
Пол: Мужской
Последний визит:
Ср, 6 Сен 2023 17:48:26

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background-image: url(http://i40.tinypic.com/dzxbut.jpg);background-attachment: fixed;
}

/* 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: #8c3232;
  color: #000000;
  }

/* CS1.2 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #8c3232 #8c3232 #8c3232 #8c3232
  }


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url(http://i44.tinypic.com/mshu0n.jpg);
  color: #cdcdcd;
   font-weight: bold;
  font-style: italic;
   text-align: center;
  }

/* CS1.4 */

#pun-title, #pun-title .container {
  background-image: url(http://i39.tinypic.com/107m43l.jpg);
  color: #FFFFFF;
  }
.punbb .modmenu .container {
  background-color: #8c3232;
  color: #FFFFFF;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #8c3232;
  color: #000000
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #8c3232;
  color: #000000
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #560000;
  color: #000000
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #8c3232;
  color: #000000;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #8c3232;
  color: #000000
}

/* CS2 Border colours
-------------------------------------------------------------*/
#pun {background-color: #8c3232;}
/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #360101;
  text-decoration: none;
  text-transform:uppercase;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #560000
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #8c3232;
  }

/* 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: #8c3232;
  }

/* CS2.5 */
.punbb th {
  border-color: #8c3232;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #460000 #862020 #862020 #460000;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #460000
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #862020
  }

.punbb .divider {
  border-color: #460000 #862020 #862020 #862020
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #8c3232;
  }

.punbb .post-sig dt {
  border-top-color: #8c3232 !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: #000000;
  font-weight: bold;
font-style: italic;
  border-bottom: 1px dashed #000000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #CC3300
  }

/* 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: #990000;
    border-bottom: 0px none #000;
  text-decoration: underline;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #000000;
  font-weight: bold;
font-style: italic;
  border-bottom: 1px dashed #330000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #CC3300;
  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: url(http://i42.tinypic.com/2ilc85h.jpg) no-repeat;
    }

    tr.inew div.icon {
            background: url(http://i39.tinypic.com/w0i9m0.jpg) no-repeat;
    }

    tr.iclosed div.icon {
            background: url(http://i43.tinypic.com/e7i7wn.jpg) no-repeat;
    }

    tr.iredirect div.icon {
            background: url(http://i43.tinypic.com/e7i7wn.jpg) no-repeat;
    }

    tr.isticky div.icon {
            background: url(http://i44.tinypic.com/15hftap.jpg) no-repeat;
    }

#pun-stats ul.container {
            background: transparent url(http://i43.tinypic.com/2uysxs8.jpg) no-repeat 1px 2px;
            padding-left: 200px;
    }

#pun-about .container {
         background: url(http://i29.tinypic.com/15pgx34.jpg) no-repeat left;
#fdf1e3; height: 140px;}
         color: #0a0b0b;

Здесь можно изменить?

0

Поделиться31Сб, 15 Сен 2012 00:05:14

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Вдумчивый написал(а):

жно изменить?

Что именно?

0

Поделиться32Сб, 15 Сен 2012 01:22:33

Автор: tartar2
Заслуженный
Зарегистрирован: Ср, 12 Сен 2012
Сообщений: 40
Уважение: -1
Позитив: +1
Последний визит:
Ср, 23 Сен 2020 09:44:55

Проще некоторые цвета поменять скриптами. Там и надо то 3-4 скрипта. Дело в цветах:))

0

Поделиться33Сб, 15 Сен 2012 08:45:57

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3418
Уважение: +2105
Позитив: +675
Пол: Мужской
Последний визит:
Пн, 22 Апр 2024 13:50:55

Вдумчивый
В моем посте опубликован код из style_cs.css, в вашем посте код html.

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

#pun {
background: url(../../img/Mybb_Bend/pun.gif) #fff no-repeat top center;
color: #16334B;
}

Выделенное красным - путь к логотипу. Его можете сменить на свой http://s017.radikal.ru/i416/1205/62/9d56f1a38c81.jpg, но думаю будет некорректно смотреться. Я могу убрать из стандартного логотип MyBB, а ваш код можно так же поместить в html-верх.

tartar2
Зачем меня что-то скриптами, когда это можно сделать через CSS? Стиль скриптами - это самое последнее. Это то, что невозможно будет изменить посредством CSS.

Отредактировано Reysler (Сб, 15 Сен 2012 08:47:45)

0