Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Проблемы с форумом » Шапка без стиля. Вкладки.


Шапка без стиля. Вкладки.

Сообщений 1 страница 20 из 35

1

Надеюсь пишу в нужном разделе. Есть несколько вопросов.

1. На форуме http://ourstepbystep.mybb.ru/  не подключён стиль.
Возможно без стиля установить шапку?

2. Человек который занимался сайтом сейчас, по личным проблемам этим не занимается и связаться с ним не могу. Хочется сайту поставить другой стиль, но не понимаю где прописаны вкладки (вполне возможно не верно их назвала). Хочу им изменить цвет.
Выглядят они так
https://pp.userapi.com/c639624/v639624185/2c7c4/LfHghmNx2lU.jpg

Отредактировано svetl (Сб, 29 Июл 2017 13:20:34)

0

2

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

1. На форуме http://ourstepbystep.mybb.ru/  не подключён стиль.
Возможно без стиля установить шапку?

Дайте ссылку на картинку, которую нужно установить в шапку

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

Хочется сайту поставить другой стиль, но не понимаю где прописаны вкладки (вполне возможно не верно их назвала). Хочу им изменить цвет.
Выглядят они так

Какой стиль хотите поставить? (Чтобы мне сразу под него подогнать цвет вкладок

0

3

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

Дайте ссылку на картинку, которую нужно установить в шапку

Какой стиль хотите поставить? (Чтобы мне сразу под него подогнать цвет вкладок

СПАСИБО! Шапку как раз сейчас делаю. Смогу ее сама установить. Только не знаю как с компьютера получить на шапку код http://_?

С вкладками разобралась и поняла как подогнать цвет.

Не хочу создавать лишние темы, задам вопрос здесь.

Как получить код иконок с стандартных стилей?
Выглядит так   (../../img/Mybb_Card/sticky.gif), нужно получить иконку сообщения.

0

4

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

Как получить код иконок с стандартных стилей?
Выглядит так   (../../img/Mybb_Card/sticky.gif), нужно получить иконку сообщения.

Все ссылки на стандартные иконки начинаются с http://forum4.ru/
То есть путь к вашей иконке будет таким: http://forum4.ru/img/Mybb_Card/sticky.gif
Так добавьте ко всем остальным и получите весь набор.

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

Только не знаю как с компьютера получить на шапку код http://_?

А для этого можно залить шапку на сам форум: Администрирование - файлы - выберите файлы.
Потом, как загрузили, жмете имя файла, и шапка откроется в новой вкладке. Останется только скопировать ее адрес.

+1

5

Спасибо!

0

6

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

А для этого можно залить шапку на сам форум: Администрирование - файлы - выберите файлы.
Потом, как загрузили, жмете имя файла, и шапка откроется в новой вкладке. Останется только скопировать ее адрес.

Не получается(((
Там можно загружать файлы размером 10 МВ, а у меня так сильно не сжимается.

А есть другой способ получить для шапки http://_?

0

7

svetl
http://optimizilla.com не ужимали изображение?
У меня шапки тоже много весили. Да и вообще все изображения. Я просто все проганяю через http://tinypng.com, а если файл больше, чем у них можно заливать, то пользуюсь http://optimizilla.com. Заметно вес уменьшается.

Отредактировано Lidia-Lada (Чт, 13 Июл 2017 17:43:30)

+1

8

Шапка больше 1.2 мегабайта - нонсенс... такого дизайнера нужно выносить с потрохами! Ибо на мобилках инет совсем не скоростной, да и не на мобилках - гонять на каждой странице 10мегов (это более 100 страниц текстовой инфы в топиках, т.е вместо ста страниц грузить одну с Шапкой и нагружать сервис и юзеров трафиком(Ну выкиньте удлинитель со своим электричеством для общего пользования через форточку(особенно возле гаражей) - вот это примерно такое же расточительство

Отредактировано Deff (Чт, 13 Июл 2017 22:16:54)

+3

9

Пересохраняйте файл через опцию save for web (alt+shift+ctrl+s) в фотошопе и выставляйте ее в jpg с 80% качества. Пользователь, как правило, не видит разницы между сохранением в таком виде и сохранением в png (если там нет прозрачки).
http://se.uploads.ru/LBXDP.jpg
У меня огромная специфичная шапка 1920*833 так сохранена, в итоге она весит всего 700 кб.

Отредактировано audaciousGodsend (Чт, 13 Июл 2017 22:29:30)

+1

10

svetl, у меня картинка в шапке форума весит 151,18 КБ (1238 на 484) и то мне иной раз кажется, что много. А тут 10Мб...
Могу ужать, если дадите оригинал, но не гарантирую что потом будет идеальная состыковка по цветам с остальными элементами.

Отредактировано Armavel (Чт, 13 Июл 2017 22:41:32)

0

11

Lidia-Lada написал(а):

http://optimizilla.com не ужимали изображение?

Да, ужимала. Даже на понимаю почему она не загружается на форум.

0

12

svetl
Перезалейте фоновые Шапки через форму ответа на uploads - звмените ссылки в скрипте, uploads сейчас по отдаче картинок самый шустрый( а как наладят отдачу хостинга скриптов и файлов  /forumfiles.ru/ (чот некоторые провайдеры их блочат походу) - поменяете ссылки на старые!

2-е - Поставьте код смены шапки до скрипта Подфорумов!!!

Отредактировано Deff (Сб, 29 Июл 2017 12:06:25)

0

13

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

Дайте ссылку на картинку, которую нужно установить в шапку

Пока не разработали индивидуальную шапку, над этим работают.

Планирую поставить стиль Mybb Family. Получила стиль, установила, все работает. Но как туда установить шапку, не пойму(( Более того, хотела использовать скрипт, где на каждую тему разная шапка. Находила такой скрипт, сейчас не могу найти.

Это экспериментальный форум http://rsi.mybb.ru/
Хочу на нем установить шапку
http://sd.uploads.ru/t/KM0Hh.jpg
Но у меня не получается залить в файлы(( Может делаю что-то не верно.


Как правильно устанавливать шапку в стандартом стиле Mybb Family?
Возможно ли использовать скрипт на каждую тему своя шапка? И есть ли у вас такой?
Почему не получается получить http://_ шапки через файлы?
Вот так выглядит когда пытаюсь с компьютера загрузить шапку
http://s0.uploads.ru/t/RrF9z.jpg

Отредактировано svetl (Сб, 29 Июл 2017 12:14:50)

0

14

svetl
!!Не заливайте пока в Администрирование Файлы!! Глючит хост у провайдеров! Заливайте пока по кнопке в форме ответа!
На крайний случай сюда (если и с формой проблемы) => http://funkyimg.com/

Отредактировано Deff (Сб, 29 Июл 2017 12:20:03)

0

15

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

Более того, хотела использовать скрипт, где на каждую тему разная шапка.

svetl
есть. Мне Alex_63 написал:

<script type="text/javascript">
var ftitle, index, findex;
ftitle = [
//Сюда записываем форумы
["Библиотека", "title-1"],
//Сюда записываем темы
["Смена аватара, статуса, ника и подписи", "title-2"]
];
$(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}});
if(fconst) {$("#pun-title").addClass(ftitle[findex][1]);}
</script>

Затем по классу ( .title-1, .title-2) - Прописываем нужную фоновую картинку в нужном файле стиля
У меня такие стили:

.title-1 {background-image: url(http://forumstatic.ru/files/0015/57/bb/27348.png)!important;}
.title-2 {background-image: url(http://forumstatic.ru/files/0015/57/bb/27222.png)!important;}
.title-3 {background-image: url(http://forumstatic.ru/files/0015/57/bb/90975.png)!important;}

Скрипт оригинальный сходу не нашла, но он точно есть.

Отредактировано Lidia-Lada (Сб, 29 Июл 2017 12:22:42)

0

16

Lidia-Lada написал(а):

Скрипт оригинальный сходу не нашла, но он точно есть.

<script type="text/javascript">
var ftitle, index, findex;
ftitle = [
//Сюда записываем форумы
["Кошки", "http://s2.uploads.ru/x8tYL.jpg"],
//Сюда записываем темы
["Домашние кошки", "http://s2.uploads.ru/FbUd5.jpg"]
];
$(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}});
if(fconst) {$("#pun-title").css("background-image", "url("+ftitle[findex][1]+")");}
</script>

Нашла тут http://forumd.ru/viewtopic.php?id=4335

0

17

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

!!Не заливайте пока в Администрирование Файлы!! Глючит хост у провайдеров! Заливайте пока по кнопке в форме ответа!
На крайний случай сюда (если и с формой проблемы) => http://funkyimg.com/

Получилось получить  http://_ шапки  :)  СПАСИБО!

0

18

Lidia-Lada написал(а):

Скрипт оригинальный сходу не нашла, но он точно есть.

Именно тут я его и находила. Только позже потеряла. СПАСИБО!   :) Осталось установить правильно)

0

19

Подскажите еще, как правильно устанавливать шапку в стандартом стиле Mybb Family?
У меня в стиле вот такие скрипты

Код:
/*************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
  @import url(http://ourstepbystep.mybb.ru/style/Mybb_Family/Mybb_Family_cs.css);
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* A2.1 */
html, body {margin: 0; padding: 0}
/* A2.2 */
.punbb * {
  margin: 0
  }
/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }
/* A2.4 */
.punbb img {
  border:none
  }
/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }
/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }
/* A3 Text setup
-------------------------------------------------------------*/
/* A3.1 */
body {
  font-size: 100.01%;
  }
/* A3.2 */
.punbb {
  font: normal 68.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }
/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }
/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb th {
  font-size: 1em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }
/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }
/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }
/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }
/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }
/* A3.10 */
.punbb a {
  text-decoration: underline
  }
/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }
/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }
/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
margin: 30px auto auto auto;
width : 86%;
padding: 6px;
border-style: solid;
border-width: 2px;
}
/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }
/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }
/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }
/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }
/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }
/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }
/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }
#pun-main h2 {
  padding: 0.5em 1em;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
}
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }
/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }
/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }
/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }
/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }
/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }
/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }
/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }
/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }
/* B2 Information boxes
-------------------------------------------------------------*/
/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }
/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }
/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }
/* B3 Pagination and posting links
-------------------------------------------------------------*/
/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }
/* B3.2 */
.multipage {
  margin-top: 3em;
  }
/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }
/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }
/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }
/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }
/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }
/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }
/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
/* C1 Form layout
-------------------------------------------------------------*/
/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }
/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }
/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }
/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }
/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }
/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }
/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }
/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }
/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }
/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }
/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }
/* C1.12 */
.punbb .datafield br {
  display: none
  }
/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }
/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }
/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 0 0;
  height: 100%; /* For IE */
  }
/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }
/* C1.17 */
.punbb .hashelp {
  position: relative;
  }
/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }
/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }
/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }
.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}
/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }
/* C2 Table layout
-------------------------------------------------------------*/
/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }
/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }
/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }
/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }
/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }
/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }
/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }
/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }
/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }
/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }
/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }
/* C2.12 */
.punbb .main th {
  border: none;
  padding: 5px 1em 5px 1em;
  }
/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0;
  }
* html .tclcon {height: 1px}
/* C2.14 */
.punbb td div.tclcon {
margin-left: 38px;
}
/* C2.15 */
.punbb div.icon {
float: left;
    display: block;
    width: 38px;
    height: 30px;
    padding-top: 1px;
    margin-top: 1px;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }
/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }
/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid #a7b5bd;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }
/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }
/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }
/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }
/* C3.8 */
.pa-author a {
  text-decoration: none
  }
/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }
li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }
/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }
/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }
/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }
/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }
/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }
/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }
/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }
/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }
/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }
/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }
/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }
/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }
/* C5 Message boxes
-------------------------------------------------------------*/
/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }
/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }
/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }
/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }
/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }
/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }
/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }
/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }
/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }
/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }
/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }
/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }
/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }
/* C7 User list
-------------------------------------------------------------*/
/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }
/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }
/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
height: 148px;
background-color: transparent;
background-image: url(http://sg.uploads.ru/t/jn0Ye.jpg); 
}
/* D1.2 */
#pun-title h1 {
display : block;
height : 69px;
margin: -1px 0px -1px -1px;
}
/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  padding: 0.2em 1em 0.8em 1em;
  }
/* D1.4 */
#pun-title h1 span {
display: none;
}
#pun-title TABLE {
border: none;
height: 69px;
width: 100%;
}
#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}
#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
padding-top: 4px;
}
/* D2 Page navigation
-------------------------------------------------------------*/
/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }
/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}
/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }
/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }
/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }
#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin: 0;
  }
/* D3.2 */
#pun-navlinks .container {
padding-top: 16px;
height: 25px;
font-weight:bold;
text-align: center;
}
/* D.3 */
#pun-navlinks li {
display: inline;
margin: 1.25%;
}
/* D3.4 */
#pun-navlinks li a {
    font-size: 1.1em;
  }
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }
/* D4.2 */
#pun-ulinks .container {
  padding: 0.7em 1em;
  }
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }
/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }
/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }
/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }
/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }
/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }
/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }
/* D6 Announcement
-------------------------------------------------------------*/
/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }
/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }
/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }
/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }
/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }
/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }
/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }
/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/
/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }
/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }
/* D8.3 */
#pun-about {
  margin-top: 0;
  }
/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }
/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }
/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }
/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }
/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }
/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }
/* D9 Help file
-------------------------------------------------------------*/
/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }
/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }
/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }
/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }
/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }
/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }
/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body {
background: url(http://forum4.ru/img/Mybb_Family/bg.gif) #f4fadb;
}
#pun-title TABLE {
background: url(http://forum4.ru/img/Mybb_Family/header.gif) #f0facc repeat-x;
}
#pun-title h1 {
background: url(http://s5.uploads.ru/t/K91Xf.jpg) no-repeat;
}
#pun {
background-color : #e4e4e4;
border-color: #a7b5bd;
}
/* CS1.1 */
.punbb .main .container,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd,
.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #f4fadb;
  color: #333;
  }
/* CS1.2 */
#pun-ulinks .container {
  background: url(http://forum4.ru/img/Mybb_Family/alt1.gif) #bdce93;
  color: #333;
}
.punbb .post .container,
.punbb .post h3 {
  background-color: #e7f9cb;
  color: #333;
}
.punbb .post h3 span {
  background-color: #eff6d2;
  color: #333;
}
.punbb td.tc2, .punbb td.tc3 {
  background-color: #e7f9cb;
  color: #333;
  }
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url(http://forum4.ru/img/Mybb_Family/h2.gif) #c8d2a7 repeat-x;
  color: #5C7552;
  }
/* CS1.4 */
.punbb .modmenu .container {
  background-color: #eff6d2;
  color: #333;
  }
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #f4fadb;
  color: #333;
  }
.punbb .post h3 strong {
  font-size: 0.9em;
  color: #a9a9a9;
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #333
  }
/* CS1.8 */
#pun-navlinks .container {
background: url(http://forum4.ru/img/Mybb_Family/menu.gif) #84a577 repeat-x;
color: #fff;
  }
.offline li.pa-online strong {
    font-weight: normal;
  }
.punbb th {
color: #304D24;
background: url(http://forum4.ru/img/Mybb_Family/sub.gif) #eaf3d6 repeat-x;
}
/* CS2 Border colours
-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border-color: #84a577;
}
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color: #a7b5bd #a7b5bd #aaa #a7b5bd
  }
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #dbdbdb;
  }
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #a7b5bd;
  }
/* 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: #a7b5bd;
  }
/* CS2.5 */
.punbb th {
  border-color: #404562;
  }
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }
.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #a7b5bd;
  }
li.pa-online {
  border-left-color: #84a577;
  }
/* 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: #495C41;
  }
.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 {
  color: #84A577;
  }
/* CS3.3 */
#pun-navlinks a {
  color: #F5FADC;
  text-decoration: none
  }
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #D6F6A0;
  text-decoration: underline
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }
.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(http://forum4.ru/img/Mybb_Family/old.gif) no-repeat;
}
tr.inew div.icon {
background: url(http://forum4.ru/img/Mybb_Family/new.gif) no-repeat;
}
tr.iclosed div.icon {
background: url(http://forum4.ru/img/Mybb_Family/lock.gif) no-repeat;
}
tr.iredirect div.icon {
background: url(http://forum4.ru/img/Mybb_Family/link.gif) no-repeat;
}
tr.isticky div.icon {
background: url(http://forum4.ru/img/Mybb_Family/sticky.gif) no-repeat;
}
td.tcr a{
background: transparent url(http://forum4.ru/img/Mybb_Family/post.gif) no-repeat 0% 3px;
padding-left: 12px;
}
#pun-stats ul.container {
background: transparent url(http://forum4.ru/img/Mybb_Family/stats.gif) no-repeat 10px 27px;
padding-left: 51px;
}
#pun-stats div.statscon {
background: url(http://forum4.ru/img/Mybb_Family/alt1.gif);
}
#pun-crumbs2 .container {
background: url(http://forum4.ru/img/Mybb_Family/footer-bg.gif) top repeat-x;
}
#pun-about .container {
background: url(http://forum4.ru/img/Mybb_Family/footer-bg.gif) bottom repeat-x;
}
#pun-main div.catleft, #pun-main div.catright {display: none}

Когда вставляю шапку получается вот так
http://s0.uploads.ru/t/C7vIH.jpg
Это пробую на экспериментальном сайте http://rsi.mybb.ru/

0

20

svetl
я не понимаю куда что вставлять надо. Покажите желаемый результат на скриншоте

Отредактировано Lidia-Lada (Сб, 29 Июл 2017 13:31:03)

0


Вы здесь » Единый форум поддержки » Проблемы с форумом » Шапка без стиля. Вкладки.