[УРОК] Как се променя навигацията в header-а на форума

В този раздел ще намерите много интересни уроци, които може да са Ви от голяма полза!
Публикувай отговор
Аватар
GyooDev
BANNED
BANNED
Мнения: 18
Регистриран на: 14 Сеп 2021, 17:14
Местоположение: var/www/
Обратна връзка:

Как се променя навигацията в header-а на форума

Мнение от GyooDev »

Здравейте приятели,
Един кратък урок как може да промените/добавите/премахнете линк към страница от горната навигация на форума.
От горна навигация (Header Navbar) имаме предвид тази от снимката:
Изображение
Стъпки:
  1. Свързвате се чрез един фтп клиент към вашия хост.
  • Влизате в папката на форума и намирате папката styles
  • Влизате в папката prosilver.
  • Отивате в папка template
  • Намирате файла - navbar_header.html
  • Според мене е по-удачно да въвеждате вашите линкове след:

    Код: Избери целия код

    		<li <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->>
    			<a href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
    				<i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>{L_FAQ}</span>
    			</a>
    		</li>		<
    и преди:

    Код: Избери целия код

    		!-- EVENT overall_header_navigation_append -->
    <!-- IF U_ACP -->
    	<li data-last-responsive="true">
    		<a href="{U_ACP}" title="{L_ACP}" role="menuitem">
    			<i class="icon fa-cogs fa-fw" aria-hidden="true"></i><span>{L_ACP_SHORT}</span>
    		</a>
    	</li>
    		<!-- ENDIF -->
Ето ви един примерен код:

Код: Избери целия код

<li <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->>
		<a href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
			<i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>{L_FAQ}</span>
		</a>
	</li>
		
Вашият линк:

Код: Избери целия код

	
	<li data-last-responsive="true">	
		<a href="https://моят-сайт.bg" rel="help" title="Моят Сайт" role="menuitem">
			<i class="icon fa-home fa-fw" aria-hidden="true"></i><span>Моят сайт(тук пишете това, което искате да бъде визуализирано)</span>
		</a>
	</li>	

Код: Избери целия код

		
<!-- EVENT overall_header_navigation_append -->
<!-- IF U_ACP -->
	<li data-last-responsive="true">
		<a href="{U_ACP}" title="{L_ACP}" role="menuitem">
			<i class="icon fa-cogs fa-fw" aria-hidden="true"></i><span>{L_ACP_SHORT}</span>
		</a>
	</li>
<!-- ENDIF -->
Смяната на иконите се извършва чрез промяната на <i class="icon fa-home fa-fw" aria-hidden="true"></i>
Това е старата версия на Font Awesome 4

**Пропуснал съм да поправя в кода след добавяне на нашия примерен код. Благодаря на NecheB за внимателното преглеждане на кода!

Евентуално след редактация ще придобие този вид:
Изображение

Надявам се този урок да ви бъде полезен. За предложения или нещо, което не е наред може да пишете в тази тема!
Последно промяна от GyooDev на 10 Окт 2021, 22:36, променено общо 2 пъти.
Ad Banner
Аватар
NecheB
Администратор
Администратор
Мнения: 352
Регистриран на: 06 Авг 2021, 22:20
Местоположение: Maidstone
Обратна връзка:

Re: Как се променя навигацията в header-а на форума

Мнение от NecheB »

Относно този код

Код: Избери целия код

<li data-last-responsive="true">	
		<a href="https://моят-сайт.bg" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
			<i class="icon fa-home fa-fw" aria-hidden="true"></i><span>Моят сайт(тук пишете това, което искате да бъде визуализирано)</span>
		</a>
	</li>	
title="{L_FAQ_EXPLAIN}" - Ако това остане така, след като се добави линка в навбара ще излиза по следния начин при поставяне на мишката върху линка:
Изображение

Не забравяйте да промените надписа в title="" - Пример:

Код: Избери целия код

<li data-last-responsive="true">	
			<a href="https://phpbb-bg.info" rel="help" title="Българското phpBB Общество!" role="menuitem">
			<i class="icon fa-home fa-fw" aria-hidden="true"></i><span>phpBB България</span>
			</a>
		</li>
Изображение

А иконите се смените от <i class="icon fa-home fa-fw" aria-hidden="true"></i>
Подкрепете ни, като направите дарение
Искаш форум? Трябват ти хостинг и домейн? Мога да уредя всичко от което се нуждаеш! Свържи се с мен за допълнителна информация и цени!
Изображение
Хостинг и Домейни на % ТОП Цени, Планове от 2.90 лв. | Jump.bg!
Аватар
GyooDev
BANNED
BANNED
Мнения: 18
Регистриран на: 14 Сеп 2021, 17:14
Местоположение: var/www/
Обратна връзка:

Re: Как се променя навигацията в header-а на форума

Мнение от GyooDev »

Опс относно горния код си прав, забравил съм да променя останалото. Оправено е в главната тема.
Публикувай отговор

Създайте акаунт или влезте, за да се присъедините към дискусията

Трябва да сте член, за да публикувате отговор

Създайте акаунт

Не сте член? Регистрирайте се, за да се присъедините към нашата общност
Членовете могат да стартират свои теми и да се абонират за теми
Безплатно е и отнема само минутка

Регистрация

Влезте

Обратно към “Допълнителни уроци”