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

Мнение от **LoShIaA** » 17 Яну 2018, 13:42

Интерисува ме как мога да добавя такава лента с бутони като на снимката:

Screenshot_2.jpg

Начало, Сървъри, SMS Услуги и т.н.
Форума ми е 3.2.2

Едит: намерих тези кодове viewtopic.php?f=10&t=2762, ако ми кажете дали вършат работа и къде да ги сложа ще е добре.

Мнение от **ElitePower** » 17 Яну 2018, 15:19

Ще ти свърши работа, но при изглед от телефон самото меню ще е все едно си от компютър.

Мнение от **sianbg** » 17 Яну 2018, 17:20

Едитни си твоята тема и добави само този линк. Мога да ти го добавя някъде, ако искаш. Пиши ми на ЛС.

Мнение от **Nixe** » 17 Яну 2018, 19:01

Дай линк към форума ти да го видя и ще ти направя навигация/extensions

Мнение от **LoShIaA** » 18 Яну 2018, 21:57

Добре, а къде да ги сложа html кода и css кода? Искам менюто да е отгоре, както е на снимката

Screenshot_2.jpg

Мнение от **Nixe** » 18 Яну 2018, 22:49

Ама то и да сложиш това от урока ще ти стане супер грозно!
Иначе хтмл кода го слагаш след

Код за потвърждение: Избери целия код

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

в overall_header.html

Код за потвърждение: Избери целия код

<div class="menu">
<ul>
<li><a href="Link">Начало</a></li>
<li><a href="Link">Начало</a></li>
<li><a href="Link">Начало</a></li>
<li><a href="Link">Начало</a></li>
<ul>
</div> <!-- menu< -->

а цсс то може да си го сложиш в forum/styles/prosilver/theme/stylesheet.css
нещо такова Това е пример само !!!

Код за потвърждение: Избери целия код

.menu{
width: 1000px;
height: 40px;
margin: auto;
background-color: #333;
}

.menu ul li{
display: inline-block;
padding-left: 10px;
padding-right: 10px;
line-height: 40px;
}

.menu ul li a{
display: block;
color: #333;
font-size: 13px;
font-family: Tahoma, Verdana;
text-shadow: 0px 0px 2px #000;
}

.menu ul li:hover{
background-color: #212121;
}

Пак казвам това е пример само !!

edit: Направо да ти направя нов стил подобен на този.

Мнение от **LoShIaA** » 23 Яну 2018, 09:58

Сложих този код:

Код за потвърждение: Избери целия код

<div class="menu">
<ul>
<li><a href="Link">Начало</a></li>
<li><a href="Link">Начало</a></li>
<li><a href="Link">Начало</a></li>
<li><a href="Link">Начало</a></li>
<ul>
</div> <!-- menu< -->

В overall_header.html след реда, който показа:

Код за потвърждение: Избери целия код

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

И се случи ето това:

Screenshot_1.jpg

Появи се една бяла ивица и бутоните застанаха в левият ъгъл.

След това добавих кода от другата тема: viewtopic.php?f=10&t=2762 в stylesheet.css и стана ето това в долната част на форума, а бутоните от горния код си останаха горе по същия начин:

Screenshot_2.jpg

Мнение от **Nixe** » 23 Яну 2018, 23:07

Screenshot_1.jpg

Сложи и цсс то и ще стане сложи го в stylesheet.css без да пречи на друг код!

След това добавих кода от другата тема: viewtopic.php?f=10&t=2762 в stylesheet.css и стана ето това в долната част на форума, а бутоните от горния код си останаха горе по същия начин:
Screenshot_2.jpg

phpbb използва вече класса navbar и като си сложил цсс то си мисли че е за него и го променя:

Ама то и да сложиш това от урока ще ти стане супер грозно!
Иначе хтмл кода го слагаш след

Код за потвърждение: Избери целия код

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

в overall_header.html

Код за потвърждение: Избери целия код

<div class="menu">
<ul>
<li><a href="Link">Начало</a></li>
<li><a href="Link">Начало</a></li>
<li><a href="Link">Начало</a></li>
<li><a href="Link">Начало</a></li>
<ul>
</div> <!-- menu< -->

а цсс то може да си го сложиш в forum/styles/prosilver/theme/stylesheet.css
нещо такова Това е пример само !!!

Код за потвърждение: Избери целия код

.menu{
width: 1000px;
height: 40px;
margin: auto;
background-color: #333;
}

.menu ul li{
display: inline-block;
padding-left: 10px;
padding-right: 10px;
line-height: 40px;
}

.menu ul li a{
display: block;
color: #333;
font-size: 13px;
font-family: Tahoma, Verdana;
text-shadow: 0px 0px 2px #000;
}

.menu ul li:hover{
background-color: #212121;
}

Пак казвам това е пример само !!

Сложи и това цсс тоест само това цсс сложи !!

Кой е на линия