Работа в интернете


Последние сообщения


□ Обновить □



Рекламный блок



Вакансии:


Модератор

_______________


Контакты:


Написать админу

_______________


Работа на дому. Форум.

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

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


Вы здесь » Работа на дому. Форум. » Вебмастер » Создание форума и его оформление.


Создание форума и его оформление.

Сообщений 31 страница 60 из 91

1

После регистрации на сайте http://quadroboards.ru/ своего домена

Заходим администратором на свой готовый форум.

ИНСТРУКЦИЯ

Жмём:=>
1.=>Администрирование.
2.=>Категории. 

Добавляем название категории

3.=> Форумы

=> Добавить

=> редактировать

http://s0.uploads.ru/XgVas.png

http://s5.uploads.ru/qZ2pd.png

http://sa.uploads.ru/a5Ak3.png

http://s0.uploads.ru/zO3kY.png

http://se.uploads.ru/xoQkY.png

Форум о заработке в интернете. Конфигуратор в мире бизнеса
http://trefa.forum-top.ru - Форум для ведения аналитики интернета

http://forumstatic.ru/files/0019/33/93/14525.png

+1

31

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

Кстати на форуме код иконок имеет ошибку:
Выделенное красным, это и есть ошибка. Должно быть background-repeat: no-repeat;
Выше код с исправленными ошибками!

Спасибо! Сейчас исправлю.

0

32

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

Пользуюсь программой FastStone Image Viewer

Это хорошо, вот только проблема комп в ремонте и не знаю когда сделают. У вас с телефоном проблема у меня с компом))

0

33

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

Просто открываю Яндекс.Картинки и вбиваю в поиск то, что нужно.

Например, нужна иконка криптовалюты. Пишу в поиск картинок такой запрос криптовалюта иконка png
Нахожу в выдаче картинки с прозрачным фоном, скачиваю их (т.е. штуки 3). Затем с помощью фоторедактора меняю размер до нужного (в данном случае 30х30), меняю цветовой оттенок, если необходимо, контрастность. И получается что-то вроде этого:
 

Пользуюсь программой FastStone Image Viewer

Доброго времени суток, что то код с иконками не работает, иконки как и говорили ставлю 30х30 и все равно не меняется.
http://s8.uploads.ru/t/MH6e1.png

0

34

Чтобы иконка сменилась, нужно в коде указать ID раздела форума - tr#forum_f1

Как узнать ID раздела

https://i.imgur.com/srBCBBi.jpg

На старых стилях будет работать этот код>





Смена иконок разделов форума на стиле Community Blue

Если нужно заменить иконки на стиле Community Blue, то нужно удалять часть кода из стиля. И т.к. в этом стиле работает спрайт, нужно убирать затенение стандартных иконок. + Нужно зайти в Администрирование -> Скрипты и включить там Количество непрочитанных тем в каждом форуме.

Менять стиль нужно в окне Цвета style_cs.css

Вот мой изменённый стиль в окне Цвета style_cs.css
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
 
/* CS1.0 */
html, body {
  background: rgb(248, 248, 248);
  background: -moz-linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  background: -webkit-linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  background: -o-linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  background: -ms-linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  background: linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  }
 
#pun {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.07); 
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.07);
  -khtml-box-shadow: 0 2px 5px rgba(0,0,0,.07);
  box-shadow: 0 2px 5px rgba(0,0,0,.07);
  }
 
/* CS1.1 */
.punbb .section .container, 
.punbb .post-body, 
.punbb .post-links, 
.punbb td.tc2, 
.punbb td.tc3,
#viewprofile li strong, 
#viewprofile li div, 
#setmods dd,
.punbb .info-box, 
.punbb #pun-main .info-box .legend {
  background-color: #ffffff;
  color: #333;
  }
 
.punbb td.tcl, .punbb td.tcr {
  background-color: #ffffff;
  }
 
/* CS1.2 */
.punbb .main .container, 
.punbb .post h3, 
.punbb-admin #pun-admain .adcontainer {
  background-color: #ffffff;
  color: #333;
  }
 
.punbb .post .container {
  background-color: #ffffff;
  }
 
/* CS1.3 */
#pun-stats h2, 
.punbb:not(#pun-redirect):not(#pun-viewforum):not(#pun-searchtopics) .main h1, 
.punbb .main h2, 
#pun-debug h2, 
.punbb-admin #pun-admain h2 {
  background: #fff;
  color: #4A7EB3;
  border-bottom: solid 2px #5F95CC;
  }
 
#pun-index .main h2, #pun-viewforum .main h1, #pun-searchtopics .main h1 {
  border-bottom: none 0 transparent !important;
  }
 
#pun-viewforum .main h1, 
#pun-index .main h2,
#pun-searchtopics .main h1 {
  background: #fff;
  color: #4A7EB3;
  }
 
#poll-special h1 {
  background: #5180AF;
  border-radius: 5px;
  }
 
/* CS1.4 */
#pun-title {
  background: #5381b5;
  border-bottom: 1px solid #406895 !important;
  }
 
#pun-title h1 > span {
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
  }
 
.punbb .modmenu .container {
  background-color: transparent;
  color: #333;
  }
 
/* CS1.5 */
.punbb legend span, 
#viewprofile h2 span, 
.punbb-admin #pun-admain legend span {
  background-color: #ffffff;
  color: #005EAB;
  font-variant: normal !important;
  font-size: 0.9em !important;
}
 
#profilenav h2 span {
  background-color: transparent;
  color: #005EAB;
  }
 
/* CS1.6 */
.punbb .post h3 span, 
.punbb .post h3, 
#setmods dl {
  background-color: #f4f4f4;
  color: #333;
  }
 
.punbb .post-body, 
.punbb .post-links, 
.punbb .post-links ul {
  background-color: transparent !important;
  }
 
.punbb .post .post-rating .container, 
.punbb .post-vote .container {
  background-color: #f4f4f4 !important;
  border-radius: 4px;
  }
 
/* CS1.7 */
.punbb .code-box {
  background-color: #f7f7f7;
  color: #333;
  border-radius: 5px;
  }
 
.punbb .quote-box {
  border-width: 0 0 0 5px !important;
  border-radius: 4px;
  color: #333;
  background-color: #F8F9Fb;
  }
 
.punbb .quote-box:not(.spoiler-box) {
  border-color: transparent transparent transparent #B5C9E0;
  }
 
.punbb .quote-box.spoiler-box {
  border-color: transparent transparent transparent #CBD2E0;
  }
 
.punbb .quote-box .quote-box {
  background: #ECF0F5 !important;
  border-color: transparent transparent transparent #CBD2E0;
  }
 
/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #f1f1f1;
  }
 
/* CS1.9 */
.offline li.pa-online strong {
  font-weight: normal
  }
 
/* CS1.10 */
#pun-about .container {
  background: transparent;
  }
 
/* CS1.11 */
#pun-stats, #pun-stats .container {
  border-style: none;
  border-width: 0px;
  background-color: transparent;
  }
 
/* CS1.12 */
#post.container {
  background-color: transparent;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  }
 
/* CS1.13 */
#form-buttons td:hover {
  background-color: #f1f1f1;
  }
 
/* CS1.14 */
.punbb .main tr > td:last-child {
  background-color: #ffffff;
  }
 
/* CS1.15 */
#pun-redirect {
  background: #ffffff;
  margin-left: -30px !important;
  margin-right: -30px !important;
  margin-bottom: -30px !important;
  }
 
/* CS2 Border colours
-------------------------------------------------------------*/
 
/* CS2.1 */
.punbb .container, 
.punbb .post-body, 
.post h3, 
#pun-title {
  border-color: #e5e5e5;
  }
 
/* CS2.2 */
.punbb .section, 
.punbb .forum, 
.punbb .formal, 
.punbb .modmenu, 
.punbb .info,
.punbb .category, 
.punbb .post {
  border-color: transparent;
  }
 
.punbb:not(#pun-index):not(#pun-redirect) .main div:not(.post):not(.category):not(.forum) > .container {
  border-bottom: solid 1px #eee;
  }
 
#pun-messages .fs-box>.container {
  border-bottom: none 0 transparent !important;
  }
 
.punbb .section, 
.punbb .post, 
.punbb div:not(.post) 
.container, 
.punbb .main td {
  border-color: transparent;
  border-width: 0;
  }
 
/* CS2.3 */
#pun-stats h2, 
.punbb .main h1, 
.punbb .main h2, 
#pun-debug h2, 
.punbb-admin #pun-admain h2 {
  border-color: #5F95CC;
  }
 
/* 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: #EDF0F5;
  }
 
#pun-viewtopic.punbb .topic .post:last-child {
  border-bottom: solid 1px #EDF0F5;
  }
 
.punbb .post .post-rating .container, 
.punbb .post-vote .container {
  border: solid 1px #e9e9e9 !important;
  }
 
/* CS2.5 */
.punbb th {
  border-color: transparent !important;
  }
 
.punbb:not(#pun-index):not(#pun-viewforum):not(#pun-searchtopics) th {
  background: #f1f1f1 !important;
  border-top: solid 1px #eee !important;
  border-bottom: solid 1px #eee !important;
  }
 
.punbb:not(#pun-index):not(#pun-viewforum):not(#pun-searchtopics) tr th:first-child{
  border-left: solid 1px #eee !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  }
 
.punbb:not(#pun-index):not(#pun-viewforum):not(#pun-searchtopics) tr th:last-child{
  border-right: solid 1px #eee !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  }
 
#pun-userlist th {
  background: #f1f1f1 !important;
  }
 
/* CS2.6 */
.punbb .code-box {
  border-color: #ccc #ccc #ccc #ccc;
  }
 
#pun-ulinks li, 
#pun-announcement h2 span, 
#pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }
 
li#onlinelist {
  border-color: #eee;
  }
 
#pun-announcement h2, 
li#onlinelist div, 
#pun-help .formal .info-box h3.legend {
  border-color: #fff
  }
 
#pun-ulinks a:hover {
  background: #29435f;
  text-decoration: none;
  }
 
.punbb .divider {
  border-color: #eee #fff #fff #fff;
  margin-left: 5px !important;
  margin-right: 5px !important;
  }
 
.punbb .formal fieldset .post-box, 
.punbb .info-box {
  border: 1px solid #dedfdf
  }
 
li.pa-online {
  border-left-color: #005EAB;
  }
 
/* CS2.7 */
.adcontainer {
  border-style: solid solid solid solid !important;
  border-width: 1px 1px 1px 1px !important;
  border-radius: 4px;
  border-color: #dfdfdf !important;
  margin-top: 3px !important;
  }
 
/* CS2.8 */
#pun-announcement h2 > span {
  color: #4A7EB3;
  border-bottom: solid 2px #5F95CC;
  }
 
#pun-announcement .container {
  border-bottom: solid 1px #eeeeee !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: #326AAA;
  text-decoration: none;
  transition: opacity 0.3s ease, color 0.27s ease, background-color 0.27s ease, margin 0s linear, padding 0s linear;
  }
 
.punbb li.isactive a, 
.punbb li.isactive a:link, 
.punbb li.isactive a:visited {
  color: #333
  }
 
/* 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 {
  text-decoration: underline;
  transition: opacity 0.3s ease, color 0.27s ease, background-color 0.27s ease, margin 0s linear, padding 0s linear;
  }
 
/* CS3.3 */
#pun-navlinks li a {
  color: #fff;
  text-shadow: 0 -1px 0 #385b83;
  padding: .5em 1em;
  margin: -.6em;
  text-decoration: none !important;
   -webkit-border-radius: 0.327em;  
  border-radius: 0.327em;
  }
 
/* CS3.4 */
#pun-navlinks li a:hover {
  color:#fff!important;
  background: #406895;  
    -webkit-border-radius: 0.327em;  
  border-radius: 0.327em;  
    -moz-background-clip: padding; 
    -webkit-background-clip: padding-box;  
  background-clip: padding-box;
  }
 
/* CS3.5 */
#pun-pagelinks a:active, 
#pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }
 
/* CS3.6 */
.punbb p.container.crumbs a {
  padding: 2px 3px;
  margin: -2px -3px;
  border: solid 1px transparent; 
  text-decoration: none;
  border-radius: 4px;
  }
 
.punbb p.container.crumbs a:hover {
  background-color: rgba(240, 249, 255, 0.77);
  border: solid 1px #CEE3F9;
  }
 
/* CS4 Post status icons and stats image
 -------------------------------------------------------------*/
 
/* CS4.1 */
div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px -62px !important;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
 
div.inew, div.icon.icon-new, tr.inew div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px -62px !important;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
 
tr.isticky:not(.inew) div.icon, tr.iclosed.isticky:not(.inew) div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px -31px !important;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
 
tr.inewisticky div.icon, tr.inew.isticky div.icon, tr.inew.iclosed.isticky div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px -31px !important;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
 
tr.iclosed:not(.inew) div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px 0 !important;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
 
tr.inew.iclosed div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px 0 !important;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  }
 
#pun-searchtopics.punbb div.icon {
  margin-right: 20px;
  }
 
#pun-viewforum div.icon, #pun-searchtopics div.icon {
  margin-top: 2px;
  margin-bottom: 5px;
  }

/* CS4.2 */
#pun-stats .statscon {
  background: url(http://forumstatic.ru/files/0012/64/65/86271.png) 30px 18px no-repeat;
  }
 
#pun-stats .container {
  background: rgba(255,255,255,.3);
  padding-left: 79px !important;
  }
 
 
/* CS5 Additional Styles
 -------------------------------------------------------------*/
 
/* CS5.1 */
#pun-main div.catleft, 
#pun-main div.catright {
  display: none;
  }
 
/* CS5.2 */
.punbb .main .tcr > a:after {
  content: "»";
  position: absolute;
  font-family: serif, use-lang-def;
  font-size: 1.3em;
  font-weight: 700;
  margin-left: 3px;
  margin-top: -2px;
  }

.punbb .main .tcr > a + .byuser {
  margin-left: 1em;
  }
 
/* CS5.3 */
.button, input[type="submit"] {
  border: 1px solid #ccc !important; 
  background: #dfdfdf;
    background: -moz-linear-gradient(top, #dfdadf 0%, #fbfbfb 100%);
    background: -webkit-linear-gradient(top, #dfdadf 0%, #fbfbfb 100%);
    background: -o-linear-gradient(top, #dfdadf 0%, #fbfbfb 100%);
  background: linear-gradient(top, #dfdadf 0%, #fbfbfb 100%);  
  padding: 3px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #444 !important;
  font-size: 13px;
  font-family: Tahoma !important;
  font-weight: bold !important;
  text-decoration: none !important;
  vertical-align: middle;
  cursor: pointer !important;
  }
 
.button:hover, input[type="submit"]:hover {
  border: 1px solid #ccc !important;
  background: #eee;   
  background: -moz-linear-gradient(top, #ececec 0%, #fbfbfb 100%);
    background: -webkit-linear-gradient(top, #ececec 0%, #fbfbfb 100%);
    background: -o-linear-gradient(top, #ececec 0%, #fbfbfb 100%);
    background: linear-gradient(top, #ececec 0%, #fbfbfb 100%);  
  color: #444 !important;
  text-decoration: none !important;
  }
 
.button:active, input[type="submit"]:active {
  border: 1px solid #ccc !important;
  background: #dcdcdc;
  background: -moz-linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
    background: -webkit-linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
    background: -o-linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
    background: linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
  color: #444 !important;
  text-decoration: none !important;
  }
 
.button[disabled] {
  opacity: 0.7;
  cursor: default !important;
  background: #f7f7f7 !important;
  }
 
p.formsubmit {
  text-align: left !important; 
  }
 
/* CS5.4 */
div[id$="-area"] {
  border-radius: 5px;
  top: 28px !important;
  background-color: #fcfcfc !important;
  border-color: #ccc !important;
  }
 
#color-area td, #color-area td img {
  max-height: 20px;
  height: 20px !important;
  }
 
/* CS5.5 */
.punbb input[type="text"], 
.punbb input[type="password"], 
.punbb textarea {
  border: solid 1px #ccc;
  border-radius: 3px;
  margin: 3px 0;
  padding: 3px;
  }
 
/* CS5.6 */
.punbb select {
  padding: 2px 3px;
  margin-top: 3px;
  border: solid 1px #bcbcbc;
  border-radius: 3px;
  }
 
/* CS5.7 */
#profile .container {
  background-color: transparent;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  }
 
/* CS5.8 */
#profilenav h2 > span {
  text-shadow: none;
  }
 
#profilenav ul {
  border-bottom-color: #5383B3;
  }
 
/* CS5.9 */
#viewprofile .container {
  background-color: transparent;
  }
 
#profile-left li, 
#profile-right li, 
#profile-left li strong, 
#profile-right li span, 
#profile-right li strong {
  background: transparent;
  }
 
#profile-right li:not(:last-child) {
  border-bottom-color: #eee;
  }
 
#profile-left img {
  border-radius: 4px;
  } 
 
/* CS5.10*/
#pun-userlist.punbb .formal .container {
  border: none 0 transparent !important;
  }
 
/* CS5.11*/
#pun-searchposts.punbb .linkst .pagelink {
  width: 97.6%;
  max-width: 1124px;
  }
 
/* CS5.12 */
#pun-login #login.container {
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  background-color: transparent;
  padding-left: 12px;
  }
 
/* CS5.13 */
#pun-redirect.punbb h1 {
  background: transparent url(http://forumstatic.ru/files/0012/64/65/74217.gif) center center no-repeat;
  height: 40px !important;
  }
 
#pun-redirect.punbb h1 span{
  visibility:hidden!important;
  }
 
/* CS5.14 */
#pun-redirect.punbb .info, 
#pun-redirect.punbb .info .container {
  background: transparent;
  text-align: center;
  }
 
#pun-redirect .info a {
  font-size: 11px !important;
  color: #005eab;
  }
 
/* CS5.15 */
.punbb .closedatafield + a,
.punbb .closedatafield + strong > a {
  color: #777 !important;
  }
 
.punbb .closedatafield {
  font-size: 0px; 
  color: transparent;
  }
 
.punbb .closedatafield:before {
  content: url(http://forumstatic.ru/files/0012/64/65/69263.png);
  margin-right: 5px;
  }
 
/* CS5.16 */
.punbb .stickytext + a, 
.punbb .stickytext + strong > a,
.punbb .stickytext + .closedatafield + a,
.punbb .stickytext + .closedatafield + strong > a {
  color: rgb(165, 42, 42) !important;
  }
 
.punbb .stickytext:before {
  content: url(http://forumstatic.ru/files/0012/64/65/73030.png);
  margin-right: 5px;
  }
 
#pun-searchtopics.punbb .tcl a {
  color: #557FAE !important;
  }
 
/* CS5.18 */
.punbb .post-links ul{
  opacity: 0.5;
  transition: 0.5s ease;
  }
 
.punbb .post:hover .post-links ul{
  opacity: 1.0;
  }
 
/* CS5.19 */
.post-links li a {
  opacity: 0.8;
  background-color: transparent;
  text-decoration: none !important;
  transition: 0.7s ease;
  border-radius: 4px;
  }
 
.post-links li a:hover {
  opacity: 1.0;
  background-color: #f1f1f1;
  color: #555555;
  }
 
/* CS5.20 */
.pl-delete a {
  padding: 4px 4px 4px 24px;
  background: url(http://forumstatic.ru/files/0012/64/65/53412.png) no-repeat scroll 1px -38px;
  background-repeat: no-repeat;
  margin: -4px;
  }
 
.pl-edit a {
  padding: 4px 4px 4px 24px;
  background: url(http://forumstatic.ru/files/0012/64/65/53412.png) no-repeat scroll 1px -17px;
  background-repeat: no-repeat;
  margin: -4px;
  }
 
.pl-quote a {
  padding: 4px 4px 4px 24px;
  background: url(http://forumstatic.ru/files/0012/64/65/53412.png) no-repeat scroll 1px 3px;
  background-repeat: no-repeat;
  margin: -4px;
  }
 
.pl-email a, 
.pl-website a {
  padding: 4px !important;
  margin: -4px;
  }
 
#pun-searchposts .post-links li:not([class])>a {
  padding: 4px 6px;
  }


/* CS5.20 */
.editBookmark .container {
  margin-top: -5px !important;
  }

#pun-main .editBookmark h1 {
  padding: .3em 1em .5em .4em !important;
  }

.punbb .main .editBookmark h1 span:first-child {
  position: relative;
  top: 2px;
  left: 6px;
  }

#MyBookmarks {
  z-index: 9999 !important;
  }

#BookmCntToggle {
  background: url(http://forumstatic.ru/files/0012/64/65/13177.png) center center no-repeat !important;
  width: 27px !important; 
  height: 26px !important;
  opacity: 1 !important;
  cursor: pointer;
  z-index: 3;
  box-shadow: 0 0 6px rgba(0,0,0,.2);
  }

#BookmCntToggle:hover {
  opacity: .78 !important;
  }

.punbb .main #MyBookmarks h2,
.punbb .main #MyBookmarks h1,
.editBookmark h1 {
  padding: 6px 10px 8px 6px !important;
  background: #4A7EB3 !important;
  color: #fff !important;
  margin-bottom: 0 !important;
  border-bottom: none 0 transparent !important;
  }

#MyBookmarks h2 span,
#MyBookmarks h1 span,
.editBookmark h1 span {
  font-size: 1.3em !important;
  margin-top: 3px;
  }

#MyBookmarks h2 strong,
#MyBookmarks h1 strong {
  font: normal normal 700 18px/normal Verdana;
  letter-spacing: -1px;
  position: absolute;
  margin: 0 0 0 2px !important;
  }

#MyBookmarks li span strong {
  font-size: 14px !important;
  }

#MyBookmarks center {
  font-family: Verdana;
  padding-top: 5px !important;
  }

#MyBookmarks em a, #MyBookmarks em a:hover {
  color: #fafafa !important;
  opacity: 1.0 !important;
  }

li.BookmarkL {
  border-bottom-color: #e0e0e0 !important;
  }

@media screen and (max-width:540px){
  #MyBookmarks h2, #MyBookmarks h2>span,#MyBookmarks h1,#MyBookmarks h1 >span{
    font-size: 17px !important;
    }

  #MyBookmarks #bm2 {
    font-size: 12px !important;
    margin-top: 5px !important;
    }
}

/* CS5.21 */
#pun .punbb .main .pun-modal h1,
#pun .punbb .main .pun-modal h2 {
  margin-bottom: 0 !important;
  background: #5F95CC !important;
  color: #fff !important;
  border-radius: 5px 5px 0 0;
  }

.punbb .pun-modal .closer {
  margin: 0 -.3em !important;
  }

.punbb .pun-modal h2>span:first-child,
.punbb .pun-modal h1>span:first-child {
  position: relative;
  top: 3px;
  left: 5px;
  }

.punbb .pun-modal .container {
  border-radius: 0 0 5px 5px;
  }

@media (max-width: 540px) {
  #pun .punbb .main .pun-modal.rating_theme .closer {
    margin-top: -.15em !important;
    }

  .punbb .pun-modal h2>span:first-child,
  .punbb .pun-modal h1>span:first-child {
    padding: 0 !important;
    }
}

Можно просто скопировать этот код и закинуть в свой стиль в окно Цвета style_cs.css

Стиль можно и не менять, но иконки будут мутные, еле различимые.

А иконки устанавливаются таким кодом (в HTML верх):

<style type="text/css">
#forum_f1 .icon {
margin-top: 7px;
height: 30px; width: 30px;
}
tr#forum_f1 .icon {
background: url(http://forumstatic.ru/files/0018/d5/34/54599.png) no-repeat !important;
}
</style>

Дублируем этот код, меняем в нём ссылку и ID раздела

#forum_f1 - это ID раздела форума

Отредактировано Income (Пт, 29 Ноя 2019 11:09:21)

+2

35

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

Можно просто скопировать этот код и закинуть в свой стиль в окно Цвета style_cs.css

Стиль можно и не менять, но иконки будут мутные, еле различимые.

У меня стоит Ваш стиль, то есть мне надо сейчас удалить style_cs.css и вставить тот что вы дали? С родным style_cs.css ставил код ну иконки не менялись, даже пробовал отдельно под каждый форум ставить. Делаю под форум который у меня в подписи, может проблема в партнере от mybb или это не влияет?

0

36

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

У меня стоит Ваш стиль, то есть мне надо сейчас удалить style_cs.css и вставить тот что вы дали? С родным style_cs.css ставил код ну иконки не менялись, даже пробовал отдельно под каждый форум ставить. Делаю под форум который у меня в подписи, может проблема в партнере от mybb или это не влияет?

Нужно удалить код только из второго окна стиля (тот, что ниже первого)
Там 2 окна:
1 это Структура style.css
2 это Цвета style_cs.css

Нужно заменить только второе окно Цвета style_cs.css

Скриншот

http://s3.uploads.ru/nrP1t.jpg

Даже, если ничего не меняя в стилях поставить вот этот код, то иконка всё равно заменится, но будет мутной
(в HTML верх):

<style type="text/css">
#forum_f2 .icon {
margin-top: 7px;
height: 30px; width: 30px;
}
tr#forum_f2 .icon {
background: url(http://forumstatic.ru/files/0018/d5/34/54599.png) no-repeat !important;
}
</style>

Я прописал ID раздела 2. Если поставить этот код, то заменится иконка раздела FAQ

Отредактировано Income (Пт, 29 Ноя 2019 11:30:22)

+1

37

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

Я прописал ID раздела 2. ЕСли поставить этот код, то заменится иконка раздела FAQ

Вот теперь заработало, спасибо! Буду теперь сидеть менять!

0

38

Income
У меня еще вопрос, можно ли как то SSL сертификат поставить, ато у меня есть на год ну сколько искал не нашел как его поставить на этом форуме.

0

39

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

Вот теперь заработало, спасибо! Буду теперь сидеть менять!

Ну вот! Остаётся только дублировать код и менять в нём id разделов и ссылки.

Дублировать код можно как целиком, так и внутри тега <style type="text/css">

Пример

https://i.imgur.com/jfexJvw.gif

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

У меня еще вопрос, можно ли как то SSL сертификат поставить, ато у меня есть на год ну сколько искал не нашел как его поставить на этом форуме.

На форумах это не предусмотрено.

На форуме поддержки уже не раз об этом спрашивали. Но вроде как в будущем собираются это сделать.

+1

40

Подсвечиваем разделы при наведении мышью. Duka

<script type="text/javascript">
var td = document.getElementsByClassName("tcl")
for(i=0;i<td.length;i++){
td[i].setAttribute("onmouseover", "this.style.backgroundColor='red'")
td[i].setAttribute("onmouseout", "this.style.backgroundColor=''")
}
</script>

red - нужный цвет

Ставим в хтмл низ

http://s5.uploads.ru/YrKdO.png

0

41

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

Подсвечиваем разделы

У меня вот такой код установлен (HTML низ):

Код:
<!--topikcolor-->
<style type="text/css">
td.tcl:hover, td.tcr:hover,  td.tc2:hover, td.tc3:hover{background: #43e81a !important;}
</style>
<!--end topikcolor-->

background: #43e81a - цвет

Подсвечиваются не только таблицы разделов, но и таблицы с числом сообщений, тем, и таблицы последних сообщений:

https://i.imgur.com/hx5vvcN.gif

+1

42

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

У меня вот такой код установлен (HTML низ):

Забрал себе, он больше понравился.

Скрипт, запрещающий писать личные сообщения администратору

html низ

<script type="text/javascript">
var a=document.URL
if (a.indexOf("sendmessage")!=-1 && !document.getElementById("navadmin"))
{document.getElementsByName("submit") [0] .onclick=getIt}

function getIt()
{var b=document.getElementsByName("req_username") [0] .value
if (b=="Zebra") //вместо Зебры имя администратора
{
alert ("Вы не можете написать сообщение администратору")
return false}}

</script>

0

43

Картинка Онлайн-оффлайн

СТАВИТЬ- АДМИНКА-НАСТРОЙКА-ХТМЛ НИЗ

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://s44.radikal.ru/i103/0809/16/eb2be4c78904.gif' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://s53.radikal.ru/i142/0809/e1/f5ef3d3e0648.gif' />"}
}
</script>

http://s7.uploads.ru/2mxQC.png

Отредактировано Partner (Вс, 8 Дек 2019 11:22:56)

0

44

Профилактика на форуме

Часто администраторам хочется провести профилактику на форуме отрезав от него пользователей, стиль там подготовить, или еще чего.. Но среди стандартных возможностей такого нет, что обидно. Но не беда! =)

Сам скрипт

<div id="resplash" style="display: none;">
    <div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
    <script type="text/javascript">
    var active = 1;
    if(GroupID != 1 && active == 1){
    e10 = document.createElement('div')
    e10.innerHTML = document.getElementById("resplash").innerHTML;
    document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
    document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
    document.title= 'Форум на профилактике - '+document.title;
    }
    </script>

Как работает:

Скрывает форум ото всех кроме администраторов. На случай если администратор разлогинится - добавлена форма входа, актуальная только для администраторов, так как если пользователь даже и залогинится, ничего не увидет. Администратор же будет наблюдать форум в штатном режиме.

Примечания:

Не обязательно убирать скрипт после окончания профилактики, достаточно просто поменять 1 на 0 в строке var active = 1; и профилактика будет отключена. При необходимости можно возобновить профилактику произведя обратные действия, то есть поменяв 0 на 1 =)

Куда ставить:

В хтмл-верх (можно и вниз, но вверху будет быстрее срабатывать)

0

45

Запрет на установку аватара и подписи отдельным пользователям

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

<script type="text/javascript">
var a =document.URL
var b=document.getElementById('pun-status').innerHTML
if (b.indexOf("НИК")!=-1)
{
if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1))
{document.getElementsByName('update')[0].onclick=noChange}
else if (a.indexOf("upload-avatar")!=-1)
{document.getElementsByName('urload')[0].onclick=noChange}}
function noChange()
{alert ("Пошел нафиг")
return false}
</script>

Пишем НИКи меняем текст

0

46

Скрываем посты с отрицательным рейтингом. Duka

Вместо сообщений с отрицательным рейтингом будет показано предупреждение, что сообщение "плохое". Открыть текст можно кликнув на предупреждение.
    Вы сами можете изменить глубину репутации, при котором пост будет считаться плохим.

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

<script type="text/javascript">
var ratingPostMsgHide = -1; // репутация, при которой пост будет считаться плохим

document.getElementByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}
var pozitive = document.getElementByClassName("post-rating")
for( i=0; i<pozitive.length; i++)
{

   rating = pozitive[i].getElementsByTagName("p")[0].getElementsByTagName("a")[0].innerHTML
   rating = parseInt(rating)
   if( rating <= ratingPostMsgHide )
   {
      postMsg = document.getElementByClassName("post-content")[i].innerHTML;
      document.getElementByClassName("post-content")[i].innerHTML = "<div class=\"quote-box\"><blockquote><p><a href=\"javascript: void(0);\" onclick=\"document.getElementById('postMsgID" + i + "').style.display = 'block'\">Данное сообщение имеет отрицательный рейтинг. Для его отображения нажмите сюда</a></p></blockquote></div><div id=\"postMsgID" + i + "\" style=\"display: none;\" class=\"quote-box\"><blockquote><p>" + postMsg + "</p></blockquote></div>"
   }

}
</script>

0

47

Кто знает как убрать время на отправку сообщений, чтобы можно было отправлять сообщение за сообщением а не ждать 60 секунд после отправки первого сообщения. Мне нужно временно убрать эту функцию, все настройки облазил ну так и не нашел где убрать это.

0

48

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

Кто знает как убрать время на отправку сообщений, чтобы можно было отправлять сообщение за сообщением а не ждать 60 секунд после отправки первого сообщения.

Администрирование -> Группы -> Редактировать

Скрины

https://i.imgur.com/d8rp8K9.jpg

https://i.imgur.com/A1gT1Uc.jpg

+1

49

Есть у кого нибудь скрипт новогодний, куда нибудь в угол шарики повесить или что то в этом роде! Искал не чего не нашел! Все таки скоро новый год надо форум оформить тоже! Заранее спасибо!

0

50

Посмотри здесь http://forum.mybb.ru/viewtopic.php?id=33410. Пролистай вниз там будут новогодние украшения. А так то таких скриптов в инете много.

http://sd.uploads.ru/t/l8UMf.png

0

51

Да, на форуме поддержки много всяких украшений: Тема №1  Тема №2

Вот я набросал небольшой код Новогоднего Украшения для стиля CommunityBlue:

В HTML верх

Код:
<!--снег и гирлянда для CommunityBlue-->
<style type="text/css">
#pun-ulinks {
background: #314f70 url(http://forumstatic.ru/files/0001/ec/60/29959.gif) repeat-x 100%;
background-position: right top 1%; /* Отступ гирлянды от верха */
}
#pun-title {
background: #5282b5 url(http://forumstatic.ru/files/0001/ec/60/47635.gif);
}
</style>
<!--конец кода снег и гирлянда для CommunityBlue-->

Выглядит так:
https://i.imgur.com/sHNPOHy.gif

Отредактировано Income (Чт, 12 Дек 2019 12:57:40)

+1

52

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

Вот я набросал небольшой код Новогоднего Украшения для стиля CommunityBlue:

Забрал спасибо!

0

53

Как сделать текстовое объявление жирным текстом и с большими буквами, именно чтобы большие буквы были чтобы люди заметили и цвет сменить на красный.

Нужен такой текст.

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

Отредактировано Partner (Пн, 23 Дек 2019 19:50:44)

0

54

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

Как сделать текстовое объявление жирным текстом и с большими буквами, именно чтобы большие буквы были чтобы люди заметили и цвет сменить на красный.

<font size="4" color="red"><b>На нашем форуме действует акция деньги за посты, читайте новости форума <a href="ССЫЛКА" target="_blank">НАЗВАНИЕ ССЫЛКИ</a></b></font>

size="4" - размер
color="red" - цвет

+1

55

Это был самый простой способ форматирования текста в html.

Сделать крупнее текст можно с помощью тега big:
<big>Здесь текст</big>
Если нужно сделать ещё крупнее:
<big><big>Здесь текст</big></big>

При этом size="4" нужно убрать!

Для выделения текста жирным используется парный тег <b>Здесь текст</b>

Учебник: http://htmlbook.ru





Можно сделать сложнее, применив CSS. Пример:

Первый вариант

<style type="text/css">
a.class_akcia{
background: #5381b5; /* цвет фона ссылки */
text-decoration: none;
font-size: 11pt; /* размер ссылки */
}
a.class_akcia:hover{
background: #c60b0b; /* цвет фона ссылки при наведении */
}
</style>
<center><a href="http://all-forum.site/viewtopic.php?id=191"><img style="position: relative; top: 4px; left: 2px;" width="47" height="21" src="http://forumstatic.ru/files/0018/d5/34/52441.gif"></a> <a href="http://all-forum.site/viewtopic.php?id=191" style="text-decoration: none;"><font color="red" size="4"><b>На нашем форуме действует акция деньги за посты, читайте новости форума</b></font></a> <a class="class_akcia" style="padding: 2px; font-weight: bold; border-radius: 4px; color: white;" href="http://all-forum.site/viewtopic.php?id=191" title="Узнать подробности"><b>ТУТ</b></a></center>

Как выглядит

https://i.imgur.com/SGPZsmy.gif

Второй вариант

<style type="text/css">
a.class_akcia{
background: #5381b5; /* цвет фона ссылки */
text-decoration: none;
font-size: 11pt; /* размер ссылки */
}
a.class_akcia:hover{
background: #c60b0b; /* цвет фона ссылки при наведении */
}
.class_akcia2{
  text-shadow: red 0 0 10px; /* свечение */
}
</style>
<center><a href="http://all-forum.site/viewtopic.php?id=191"><img style="position: relative; top: 4px; left: 2px;" width="47" height="21" src="http://forumstatic.ru/files/0018/d5/34/52441.gif"></a> <a href="http://all-forum.site/viewtopic.php?id=191" style="text-decoration: none;"><font color="red" size="4" class="class_akcia2"><b>На нашем форуме действует акция деньги за посты, читайте новости форума</b></font></a> <a class="class_akcia" style="padding: 2px; font-weight: bold; border-radius: 4px; color: white;" href="http://all-forum.site/viewtopic.php?id=191" title="Узнать подробности"><b>ТУТ</b></a></center>

Как выглядит

https://i.imgur.com/v2JAb1p.gif

Третий вариант

<style type="text/css">
a.class_akcia{
background: #5381b5; /* цвет фона ссылки */
text-decoration: none;
font-size: 11pt; /* размер ссылки */
}
a.class_akcia:hover{
background: #c60b0b; /* цвет фона ссылки при наведении */
}
.class_akcia2{
  text-shadow: -1px -1px 0px #420000, 2px 2px 0px #eaeaea, 3px 3px 0px #814359; /* контур */
}
</style>
<center><a href="http://all-forum.site/viewtopic.php?id=191"><img style="position: relative; top: 4px; left: 2px;" width="47" height="21" src="http://forumstatic.ru/files/0018/d5/34/52441.gif"></a> <a href="http://all-forum.site/viewtopic.php?id=191" style="text-decoration: none;"><font color="red" size="4" class="class_akcia2"><b>На нашем форуме действует акция деньги за посты, читайте новости форума</b></font></a> <a class="class_akcia" style="padding: 2px; font-weight: bold; border-radius: 4px; color: white;" href="http://all-forum.site/viewtopic.php?id=191" title="Узнать подробности"><b>ТУТ</b></a></center>

Как выглядит

https://i.imgur.com/kWCy8tC.gif

Отредактировано Income (Вт, 24 Дек 2019 10:28:15)

+2

56

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

Можно сделать сложнее, применив CSS. Пример:

Это в свой стиль ставить?

0

57

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

Это в свой стиль ставить?

Нет, в Свой стиль не нужно)
Вставлять нужно вместо предыдущего (в объявление)

0

58

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

Нет, в Свой стиль не нужно)
Вставлять нужно вместо предыдущего (в объявление)

Спасибо понял!

0

59

Что это может быть за проблема?

http://forumupload.ru/uploads/0019/27/07/516/92383.jpg
http://forumupload.ru/uploads/0019/27/07/516/90658.jpg

Description у меня в разделе раскрутка прописан. Уже второй раз приходят эти оповещения!

0

60

От Google пришло тоже сообщение!

Владельцу сайта http://all-forum.site/

На Вашем сайте обнаружены проблемы (1) категории "Покрытие".

Основные предупреждения

Предупреждения – повод задуматься об оптимизации ресурса. Некоторые предупреждения позволяют узнать, как улучшить вид страниц в результатах поиска Google. То, из-за чего сегодня выносится предупреждение, в будущем может классифицироваться как ошибка. На основании анализа Вашего сайта были вынесены следующие предупреждения:

Проиндексировано, несмотря на блокировку в файле robots.txt

Рекомендуем Вам по мере возможности устранить указанные выше проблемы. Тогда в результатах поиска Google будет появляться больше страниц Вашего сайта, и притом в наилучшем виде.

0


Вы здесь » Работа на дому. Форум. » Вебмастер » Создание форума и его оформление.