Замена стандартной шапки форума на свой рисунок

Список разделов phpBBex 1.x (поддерживается) Мастерская 1.x

Описание: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Модератор: Поддержка

Сообщение #81 Леля » 30.08.2014, 12:12

Sumanai:Посмотрите, как сделано тут, и сделайте так же
где тут? и как посмотреть? :oops:
Леля F
Аватара
Откуда: Новосибирск
Репутация: 7
С нами: 10 лет 7 месяцев

Сообщение #82 Sumanai » 30.08.2014, 12:29

Леля:где тут?
Да хоть на этой странице :smile:
Леля:и как посмотреть?
Через просмотр исходного кода страницы, или по элементу правой кнопкой мыши и "Исследовать элемент".
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 8 месяцев

Сообщение #83 Леля » 30.08.2014, 12:39

Sumanai, извините конечно но что-то я не догоняю

Код: Выделить всё
<div style="float: right; margin: 8px 15px 0 0; width: 195px; height: 50px; border-radius: 3px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAyCAMAAADRCBYYAAABgFBMVEVajDR9oGV7vEvN3MJ5vkVUgDTq6upqnUVtoUZrqz11uUNUhy5ZkDJqokBfljdtrD2H0VOGzlNtrT1akDGOrHd2t0h3lmFYizJ3vESAw09wsEGAwk92uEZuqURpokFqnkPs7OxzskRfkTl9wE1UiC51s0l5tU38/Pxmmj9ThS10qU7v7+9yrkdon0Dy8vJelzOCuFtZkDFKdij19fV8tlFakjGDqWhpoED6+vprpUJakDJpn0FdljPl5eVRgi339/f///9jlj1nnUBEbibj4+NclTJonkBqoUFrpEJXjDBmnD9bkjJYjTFWijBqokJ1vUB0u0CBw09zuj9yuD+BxFBxtT6Dx1GEyVFxtz+CxlBwtD6Fy1JusT2EylFvsz1usD2FzFKHz1NtrzxsrTyGzVKI0FNrrDxrqzuI0VRqqjuJ01SO2lWN2FVopzplojmL1VVpqDuL1lVmozlpqTuO2VWP3FZopjqM1lWP21WN11WK1FSP3lZnpDpnpTpmojmP3VajyPjNAAACaUlEQVRo3u3W13+TUBTA8dO9924zzDSJQQOCGFoHaAhchnY3cWvde2/914WbtAWah+tzz/eJc/g9nQ8PwE/EDP4iZnis/znWZ8QMviFm8BIxg0+IGbxCzOA7YgZfETN4j5jBW8QMfiBm8AIdmVxZjler8fLSZMfX8Awd2M/pnFz3yJye2+8QwGPU1i1zY65hVKuG4Y5xcvfxAh4gaiqnyQn/VD7DSMhabirawD6iyoRzve/qgOtypBxt4D7yzREu4YYkODIXieAW8iwRve5G1HWyFK7gDvLENZkeS79K6fRYshYPV7CLdnczBZ3+M9TV1rFUOsh6IRPKYAftNMpEX/XV06epNJ1W9UI51EEDNRpJonu0nouHejR/Q5KhDLbQVkYtEE3T1CsBqrcgBTUT7GAdrYsq8al95w/10VVBFbcCHaxkem+cdMvW2jlPLSucbROyNX+zZi0fVb0rsLh488RLWbU1nzUinKGEEYsualYqkC3CBtqI8VaNkorCKY9QlFqzxceCHWyizeFxyWrhi0J/v1Dk26M0PhzsYA/t7RmjkiQpF3xd8/Nd9EHxVqNGKINttL2dt2cUxZ69FDBrK8qMnW8GM2iiZjNGeEVxroc4isKTWCiDu8iTt20+K1wLEBzetvPhCm4jT6pk2mbxckDRsc1SKlzBPeTLJ03TDjHNZD4SwUNEiYOOGeIMitEGHiFqWiwtOAELJXE62sAT1JarDDjZ1qWyzkAld7yAp+jAhFgpqWmAtFqqiBMdAniOjgyVxYpHLA91fA0fETN4h5jBa8QMviBm8Bsxg1+IGXxAzOAPYgZvELN/bO5dmnqye04AAAAASUVORK5CYII=') top right;">
<a href="https://bitbucket.org/vegalogic/phpbbex/downloads/phpbbex-v1.8.0.zip" rel="nofollow" style="color: rgba(255,255,255,0.6); font-size: 18px; font-family: Arial; display: block; padding: 14px; text-decoration: none; text-align: left; font-weight: normal; margin: 0;">
</div>


почему у изображения такое имя? и куда что надо вставить. Я конечно догадываюсь что в overall_header, но куда и что, та же все через переменные, для меня это еще лес густой. Если можно поделитесь инструкцией, пожалуйста, очень надо!
Леля F
Аватара
Откуда: Новосибирск
Репутация: 7
С нами: 10 лет 7 месяцев

Сообщение #84 Sumanai » 30.08.2014, 14:02

Леля:почему у изображения такое имя?

Это не имя, это вставка через base64 кодирование. Можете просто указать путь к файлу.

Леля:та же все через переменные,

Ищете кусок кода, похожий на тот, что до или после используемого в шапке этого форума.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 8 месяцев

Сообщение #85 Леля » 30.08.2014, 19:10

вот после этого, в overall_header,
Код: Выделить всё
<div id="site-description">
            <!-- IF SITE_LOGO_IMG --><a href="{U_INDEX}" title="{SITENAME}<!-- IF SITE_DESCRIPTION --> - {SITE_DESCRIPTION}<!-- ENDIF -->" id="logo">{SITE_LOGO_IMG}</a><!-- ENDIF -->
            <!-- IF STYLE_SHOW_SITENAME_IN_HEADERBAR -->
            <h1><!-- IF SITE_LOGO_IMG -->{SITENAME}<!-- ELSE --><a href="{U_INDEX}">{SITENAME}</a><!-- ENDIF --></h1>
            <p>{SITE_DESCRIPTION}</p>
            <!-- ENDIF -->
         </div>
   
      
вставила свой код
Код: Выделить всё
<div style="text-align: right;">
            <a href="http://мамины-ручки.рф/forum/viewtopic.php?p=606#p606" title="Узнать подробности"><img class="index_img" src="http://мамины-ручки.рф/fotki/blok/rek.gif" alt="игрушка в подарок"></a>
         </div>
Всё получилось! Может кому пригодится, такому же тормозу как я :insane: Вот что получилось :smile: http://мамины-ручки.рф/forum/index.php
Леля F
Аватара
Откуда: Новосибирск
Репутация: 7
С нами: 10 лет 7 месяцев

Сообщение #86 test » 24.01.2015, 14:40

А кто может помочь со сменой шапки по времени суток?
Скрипт который работал на phpbb3 тут не работает, вчера проверял.
test
Гость

Сообщение #87 Sumanai » 24.01.2015, 15:42

test:Скрипт который работал на phpbb3
Хотелось бы его увидеть.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 8 месяцев

Сообщение #88 HD321kbps » 24.01.2015, 22:59

новерно этот), но он для phpBB 3.1.x
HD321kbps M
Аватара
Откуда: Армянск
Репутация: 376
С нами: 11 лет 7 месяцев

Сообщение #89 Sumanai » 25.01.2015, 00:11

Не похоже. Там просто слайдер.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 8 месяцев

Сообщение #90 sag-sag » 10.02.2015, 08:54

Подскажите пожалуйста.
Поставил свою шапку. Встала она нормально. Но вот по высоте форум ее обрезает. В стиле я выставлял высоту, но это не помогло.
sag-sag M
Аватара
Репутация: 411
С нами: 11 лет 2 месяца

Сообщение #91 Sumanai » 10.02.2015, 09:11

Можно на это посмотреть?
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 8 месяцев

Сообщение #92 sag-sag » 10.02.2015, 10:51

Sumanai, да.
Вот как выглядит на форуме: http://wargam.net/. А вот сама шапка: http://wolfge.bget.ru/images/2015/02/08/header.png

Я выставил высоту:
Код: Выделить всё
.headerbar {
   background: #ebebeb none repeat-x 0 0;
   color: #FFFFFF;
   padding: 0 5px;
   height: 220px;
}
sag-sag M
Аватара
Репутация: 411
С нами: 11 лет 2 месяца

Сообщение #93 Sumanai » 10.02.2015, 11:03

Твоё значение переопределяется следующим ниже, в другом файле. Вставляй свои добавки в файл tweaks.css, он подключается последним, либо повышай приоритет селектора.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 8 месяцев

Сообщение #94 sag-sag » 10.02.2015, 11:20

Sumanai:Твоё значение переопределяется следующим ниже, в другом файле. Вставляй свои добавки в файл tweaks.css, он подключается последним, либо повышай приоритет селектора.
Вот мой tweaks.css
Спойлер
Код: Выделить всё
/* Style Sheet Tweaks

These style definitions are mainly IE specific
tweaks required due to its poor CSS support.
-------------------------------------------------*/

* html body { height: auto; }

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }

table.table1 {
   width: 99%;      /* IE < 6 browsers */
   /* Tantek hack */
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 100%;
}
html>body table.table1 { width: 100%; }   /* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
* html input.button1, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}*/

.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
   height: 1%;
   overflow: hidden;
}

/* viewtopic fix */
* html .post {
   height: 25%;
   overflow: hidden;
}

/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
   height: 4%;
   overflow: hidden;
}

/* Simple fix so forum and topic lists always have a min-height set, even in IE6
   From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
   min-height: 35px;
   height: auto !important;
   height: 35px;
}

* html li.row dl.icon dt {
   height: 35px;
   overflow: visible;
}

* html #search-box {
   width: 25%;
}

/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
   margin-left: 30%;
   float: none;
}

* html dl.details dd {
   margin-left: 30%;
   float: none;
}

/* Headerbar height fix for IE7 and below */
* html #site-description p {
   margin-bottom: 1.0em;
}

*:first-child+html #site-description p {
   margin-bottom: 1.0em;
}

/* #minitabs fix for IE */
.tabs-container {
   zoom: 1;
}

#minitabs {
   white-space: nowrap;
   *min-width: 50%;
}
Подскажи пожалуйста, где поменять в нем :oops:
sag-sag M
Аватара
Репутация: 411
С нами: 11 лет 2 месяца

Сообщение #95 Sumanai » 10.02.2015, 11:26

Менять не нужно, нужно свои правки добавить в конец.
Или проще- ищи .headerbar по файлам стилей, в одном из них уже прописаны 110 пикселей, смени на свои 220, и будет тебе счастье.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 8 месяцев

Пред.

Вернуться в Мастерская 1.x



cron