Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2.
Классный стиль для любых идей вашего сайта.
Стоит сейчас 17.00$
Спасибо знакомому поделился безвозмездно :drink:
Нам досталось бесплатно)
+Скриншоты
Только зарегистрированные пользователи могут видеть данное содержимое.
Комментарии: 47

southklad 03 апр 2021, 08:06 Сообщение

Приветствую, а как добавить в стиль поиск сюда? Спасибо
  • 0
Вложения
Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2. - screenshot_1673.jpg
Изображение

CabinetAdmin 03 апр 2021, 11:13 Сообщение

Возможно хватит просто добавить:

Код: Выделить всё

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
    <div class="search-box search-header" role="search">
        <form method="get" id="forum-search" action="{U_SEARCH}">
        <fieldset>
            <input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
            <button class="button button-search" type="submit" title="{L_SEARCH}">
                <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
            </button>
            <a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
                <i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
            </a>
            {S_SEARCH_LOCAL_HIDDEN_FIELDS}
        </fieldset>
        </form>                
    </div>
<!-- ENDIF -->
перед:

Код: Выделить всё

<!-- Headerbar Elements End -->
Если что, положение и цвета можно подправить в файлах forms.css и colours.css начиная комментом:

Код: Выделить всё

/* Search box (header)
--------------------------------------------- */
и:

Код: Выделить всё

/* Search box
--------------------------------------------- */
в кусках начинающихся с класса .search-header.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

IanMarkov 17 янв 2022, 14:22 Сообщение

Всем привет. Есть у кого адаптация данного шаблона под phpbb 3.3.5?
Если данный шаблон установить на phpbb 3.3.5, то не работает breadcrumbs
Возможно сможете подсказать как исправить?
  • 0

CabinetAdmin 19 янв 2022, 19:56 Сообщение

В шаблоне overall_header надо:

Код: Выделить всё

            <ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
                <!-- DEFINE $MICRODATA = ' itemtype="http://data-vocabulary.org/Breadcrumb" itemscope=""' -->
                <!-- EVENT overall_header_breadcrumbs_before -->
                <li class="breadcrumbs">
                    <!-- IF U_SITE_HOME -->
                        <span class="crumb" {$MICRODATA}><a href="{U_SITE_HOME}" itemprop="url" data-navbar-reference="home"><i class="icon fa-home fa-fw" aria-hidden="true"></i><span itemprop="title">{L_SITE_HOME}</span></a></span>
                    <!-- ENDIF -->
                    <!-- EVENT overall_header_breadcrumb_prepend -->
                        <span class="crumb" {$MICRODATA}><a href="{U_INDEX}" itemprop="url" accesskey="h" data-navbar-reference="index"><!-- IF not U_SITE_HOME --><i class="icon fa-home fa-fw"></i><!-- ENDIF --><span itemprop="title">{L_INDEX}</span></a></span>
        
                    <!-- BEGIN navlinks -->
                        <!-- EVENT overall_header_navlink_prepend -->
                        <span class="crumb" {$MICRODATA}<!-- IF navlinks.MICRODATA --> {navlinks.MICRODATA}<!-- ENDIF -->><a href="{navlinks.U_VIEW_FORUM}" itemprop="url"><span itemprop="title">{navlinks.FORUM_NAME}</span></a></span>
                        <!-- EVENT overall_header_navlink_append -->
                    <!-- END navlinks -->
                    <!-- EVENT overall_header_breadcrumb_append -->
                </li>
                <!-- EVENT overall_header_breadcrumbs_after -->
        
                <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
                    <li class="rightside responsive-search">
                        <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" role="menuitem">
                            <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
                        </a>
                    </li>
                <!-- ENDIF -->
            </ul>
заменить на:

Код: Выделить всё

			<ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
				{% set MICRODATA = 'itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope' %}
				{% set navlink_position = 1 %}

				{% EVENT overall_header_breadcrumbs_before %}

				<li class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList">

					{% if U_SITE_HOME %}
						<span class="crumb" {{ MICRODATA }}><a itemprop="item" href="{{ U_SITE_HOME }}" data-navbar-reference="home"><i class="icon fa-home fa-fw" aria-hidden="true"></i><span itemprop="name">{{ L_SITE_HOME }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
					{% endif %}

					{% EVENT overall_header_breadcrumb_prepend %}
						<span class="crumb" {{ MICRODATA }}><a itemprop="item" href="{{ U_INDEX }}" accesskey="h" data-navbar-reference="index">{% if not U_SITE_HOME %}<i class="icon fa-home fa-fw"></i>{% endif %}<span itemprop="name">{{ L_INDEX }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>

					{% for navlink in navlinks %}
						{% set NAVLINK_NAME = navlink.BREADCRUMB_NAME | default(navlink.FORUM_NAME) %}
						{% set NAVLINK_LINK = navlink.U_BREADCRUMB | default(navlink.U_VIEW_FORUM) %}

						{% EVENT overall_header_navlink_prepend %}
						<span class="crumb" {{ MICRODATA }}{% if navlink.MICRODATA %} {{ navlink.MICRODATA }}{% endif %}><a itemprop="item" href="{{ NAVLINK_LINK }}"><span itemprop="name">{{ NAVLINK_NAME }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
						{% EVENT overall_header_navlink_append %}
					{% endfor %}

					{% EVENT overall_header_breadcrumb_append %}
				</li>

				{% EVENT overall_header_breadcrumbs_after %}

				{% if S_DISPLAY_SEARCH and not S_IN_SEARCH %}
					<li class="rightside responsive-search">
						<a href="{{ U_SEARCH }}" title="{{ lang('SEARCH_ADV_EXPLAIN') }}" role="menuitem">
							<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('SEARCH') }}</span>
						</a>
					</li>
				{% endif %}
			</ul>
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 22 ноя 2022, 12:04 Сообщение

CabinetAdmin, Приветствую, а подскажите, как в стиле вот эту полосу загрузки вложения
Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2. - screenshot_3983.jpg
Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2. - screenshot_3983.jpg (10.78 КБ) 501 просмотр
Перенести например сюда
Milk v2.0.6 - чистый и современный отзывчивый стиль для phpBB 3.2. - screenshot_3985.jpg
На всю длину, ну чтобы она была заметнее? Спасибо
  • 0
Изображение

CabinetAdmin 22 ноя 2022, 16:22 Сообщение

Нужно скопировать два файла из просильвера в этот стиль: posting_attach_body и posting_editor, поскольку их там нет (насколько я помню).
В файле posting_editor надо врезать:

Код: Выделить всё

<strong id="file-total-progress" class="file-total-progress"><strong id="file-total-progress-bar" class="file-total-progress-bar"></strong></strong>
и вставить в posting_attach_body в начале файла после:

Код: Выделить всё

<div class="panel bg3 panel-container" id="attach-panel">
	<div class="inner">
Далее открываем plupload.css, находим:

Код: Выделить всё

.file-total-progress {
	height: 2px;
	display: block;
	position: relative;
	margin: 4px -10px -6px -10px;
}
Здесь меняем отступы - margin: 4px -10px -6px -10px;. Допустим так - margin: 0 0 10px 0; или так - margin: -15px -15px 15px;
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 25 ноя 2022, 10:02 Сообщение

Доброе утро. Коль вопрос зашёл о стиле Milk, то у меня тоже вопрос. Как скопировать стиль меню с Milk, вот это -
Изображение
В меню PHPBB на форуме ? Вот это -
Изображение

То есть, сменить CSS расширения форума так, что бы добавилась синея кнопка домой в виде домика. А при на видении мышки на ссылку она была в синем квадрате.
Меня хватило только на синею полосу.
Адрес блога -
https://satellitetvforum.info/blog/

Адрес форума -
https://satellitetvforum.info/
  • 0

CabinetAdmin 25 ноя 2022, 15:36 Сообщение

Доброе.

Ну чего ж ты:)
Давай посмотрим. У тебя сейчас вот так:

Код: Выделить всё

#menu ul li a:hover {
	background: url(https://satellitetvforum.info/ext/dmzx/buttonmenu/styles/prosilver/theme/images/menu/blue/menu_bg_hover.gif) repeat-x;
	color: #FFFFFF;
	text-decoration: underline;
}
надо оформить вот так:

Код: Выделить всё

#menu ul li a:hover, #menu a.active {
	background: #289dcc;
	color: #FFFFFF;
	text-decoration: none;
}
для:

Код: Выделить всё

#menu ul ul li a:hover {
	background: url(https://satellitetvforum.info/ext/dmzx/buttonmenu/styles/prosilver/theme/images/menu/blue/menu_subbg_hover.gif) repeat-x;
}
так:

Код: Выделить всё

#menu ul ul li a:hover {
	background: #289dcc;
}
Плюс можно убрать полоску для всплывающего меню, для #menu ul ulдобавить: border: none;.

Вот сюда #menu ul li a надо добавить: line-height: 16px;.

Кнопка домой:

Код: Выделить всё

<li style="float:left;"><a class="active" href="#" title="Подсказка"><i class="fa fa-home fa-lg"></i></a></li>
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 25 ноя 2022, 16:47 Сообщение

Что то с css не то. В расширении код css сейчас такой:

Код: Выделить всё

#menu {
  margin:  auto;
  height: 30px;
}

#menu .menu_corner-left {
  display: block;
  width: 15px;
  height: 30px;
  float: left;
}

#menu .menu_corner-right {
  display: block;
  width: 10px;
  height: 30px;
  float: right;
}

#menu .inner { 
  margin-top: 5px; 
} 

#menu #top-search {
  height: 30px;
  width: 160px;
}

#menu #top-search .menu_search {
  background-color: #FFFFFF;
  border: medium none;
  float: left;
  left: 25px;
  position: relative;
  top: 8px;
  width: 115px;	
}

#menu ul {
  list-style: none;   
  height: 30px;  
  margin: 0 0 10px 0;
  padding: 0;
  background: linear-gradient(90deg, rgb(41 49 73) 0%, rgba(0,0,0,0) 65%, rgba(255,255,255,0.13769257703081228) 100%);
  border-top: 4px solid #289dcc;
}

#menu ul li {
  display: block;
  height: 30px;
}

#menu ul li a {
  display: block;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 8px 13px 6px 13px;
}

#menu ul ul {
  display: none;
  position: absolute;
  z-index: 1000;
  list-style: none;
  height: 30px;      
}

#menu ul ul li {
  display: block;
  min-width: 150px;
  height: 30px;    
  border-top: 1px solid transparent;
}

#menu ul ul li a {
  display: block;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 8px 13px 6px 13px;
}

/* IE 9 hack */     
#menu ul ul li:first-child {
  border-top: 2px solid transparent\9;
}

.headerbar #search-box {
  display: none !important;
}

.navbar #search-box{
  box-shadow:none;
}

.headerbar {
	border-radius: 8px 8px 0 0;
}

@media all and (min-width : 350px) and (max-width : 700px) {
   #menu {
	max-width: 700px !important;
	min-width: 350px !important;
	width: auto;
        height: auto;
	margin-left: -5px;
	margin-right: -5px;
	position: relative;
	border-radius: 0px;
	}
   #top-search {
   	display:none;
   }
}
Нет там -

Код: Выделить всё

#menu ul li a:hover {
  • 0

CabinetAdmin 25 ноя 2022, 17:57 Сообщение

У тебя ещё стили подтягиваются в теге <style>, наверно через расширение добавлены. Там есть.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 26 ноя 2022, 02:13 Сообщение

Спасибо. Буду по немного разбиратся.
  • 0

southklad 17 июн 2023, 12:47 Сообщение

Приветствую, как сделать логотип для стиля в мобильной версии по средине?
  • 0
Изображение

CabinetAdmin 19 июн 2023, 18:27 Сообщение

В расширении, которое идёт вместе со стилем, установить Logo Position - центр (middle).
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 10 июл 2023, 14:26 Сообщение

Блин что с уведомлениями на почту только заметил ответ. Спасибо!

Еще можно вопрос, как добавление вложений, перенести из табов вложения например перед кнопкой отправить и предпросмотр?

А так же убрать или перенести куда то ниже и в одну строку

Изображение

А то они расширяют окно ответа
  • 0
Изображение

southklad 10 июл 2023, 14:33 Сообщение

CabinetAdmin писал(а): 19 июн 2023, 18:27 В расширении, которое идёт вместе со стилем, установить Logo Position - центр (middle).
Мне нужно только для мобильных версий, для основного так же слева
  • 0
Изображение

Похожие темы