Как да направя форума ми от телефон да се вижда както трябва (responsive)

Всичко за форумната система phpBB
Аватар
Bupyc
Извън линия
Потребител
Потребител
Мнения: 54
Регистриран на: 13 Яну 2017, 01:17
Местоположение: Перник
Се отблагодари: 4 пъти
Получена благодарност: 2 пъти
Обратна връзка:

Как да направя форума ми от телефон да се вижда както трябва (responsive)

Мнение от Bupyc » 08 Фев 2019, 19:55

В хеда сложи

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

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
В футера

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

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

Аватар
illusion
Извън линия
Developer
Developer
Мнения: 1796
Регистриран на: 27 Ное 2016, 17:47
Местоположение: CraftVision
Се отблагодари: 151 пъти
Получена благодарност: 358 пъти
Обратна връзка:

Как да направя форума ми от телефон да се вижда както трябва (responsive)

Мнение от illusion » 08 Фев 2019, 19:59

Да, то зареди, но виж как се разместиха нещата - http://prntscr.com/mihs1z

Edit: Получавало се е заради load-ването на bootstrap-a.

Аватар
Bupyc
Извън линия
Потребител
Потребител
Мнения: 54
Регистриран на: 13 Яну 2017, 01:17
Местоположение: Перник
Се отблагодари: 4 пъти
Получена благодарност: 2 пъти
Обратна връзка:

Как да направя форума ми от телефон да се вижда както трябва (responsive)

Мнение от Bupyc » 08 Фев 2019, 20:18

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

.inner{
	width: 100%;
}

Аватар
illusion
Извън линия
Developer
Developer
Мнения: 1796
Регистриран на: 27 Ное 2016, 17:47
Местоположение: CraftVision
Се отблагодари: 151 пъти
Получена благодарност: 358 пъти
Обратна връзка:

Как да направя форума ми от телефон да се вижда както трябва (responsive)

Мнение от illusion » 08 Фев 2019, 20:22

Сега е окей, но незнайно защо ми прави подтекста при форумите в bold - http://prntscr.com/mii26m

Edit: забелязах, че не е само в подтекста и при разширеното търсене е така.

Има и неща, които са се разместили.. не знам просто защо става така.

Аватар
Bupyc
Извън линия
Потребител
Потребител
Мнения: 54
Регистриран на: 13 Яну 2017, 01:17
Местоположение: Перник
Се отблагодари: 4 пъти
Получена благодарност: 2 пъти
Обратна връзка:

Как да направя форума ми от телефон да се вижда както трябва (responsive)

Мнение от Bupyc » 08 Фев 2019, 20:42

Намери

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

dl.row-item dt .list-inner
и добави

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

font-weight: normal;
и виж дали ще се оправи
Дай да видим аз не намирам разместени неща

Аватар
illusion
Извън линия
Developer
Developer
Мнения: 1796
Регистриран на: 27 Ное 2016, 17:47
Местоположение: CraftVision
Се отблагодари: 151 пъти
Получена благодарност: 358 пъти
Обратна връзка:

Как да направя форума ми от телефон да се вижда както трябва (responsive)

Мнение от illusion » 09 Фев 2019, 02:32

Ето още bold има в потребителският панел примерно - http://prntscr.com/mimcra виж как и подтекста (обяснението на самото поле е в bold), при тъсачката също всичко е bold - http://prntscr.com/mimd16 ; forabg-то е разместено, по принцип текста на fora-та е сложен правилно а виж тук как се разминава с текста - http://prntscr.com/mimd3l и се слива с него ; виж бутоните как са няк'ви по-широки - http://prntscr.com/mimde1, а си бяха всички еднакви по широчина.. абе много работи.. направо викам да го махна тоя bootstrap и да измисля нещо друго, не знам, тегава ситуация е.

Аватар
Bupyc
Извън линия
Потребител
Потребител
Мнения: 54
Регистриран на: 13 Яну 2017, 01:17
Местоположение: Перник
Се отблагодари: 4 пъти
Получена благодарност: 2 пъти
Обратна връзка:

Как да направя форума ми от телефон да се вижда както трябва (responsive)

Мнение от Bupyc » 09 Фев 2019, 17:26

Най вероятно темата ти използва bootstrap пригоден за нея и за това се бъгва.
Вариант 1:
Да се редактира едно по едно но по добре не.
Вариант 2:
HTML

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

<nav class="header-menu">
       <div class="toggle">
		<i class="fa fa-bars toggle-menu" aria-hidden="true"></i>
	</div>
	<ul class="menu-list">
		<li><a href="#">Link</a></li>
		<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>
</nav>
CSS

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

.header-menu{
		width: 100%;
		background: #514f4f;
	}
	.menu-list{
		width: 80%;
		margin: 0 auto;
		padding: 0;
	}
	.menu-list li{
		list-style: none;
		display: inline-block;
		padding: 20px;
	}
	.menu-list li:hover{
	 background: #6d6a6a;
	}
	.menu-list li a{
	color: #fff;
	text-decoration: none;
	}
	.toggle{
 		width: 100%;
		padding: 10px 20px;
		background: #514f4f;
		text-align: right;
		box-sizing: border-box;
		color: #fff;
		font-size: 20px;
		cursor: pointer;
		display: none;
	}

@media (max-width: 768px) {
		.toggle{
			display: block;
		}
		.menu-list{
			width: 100%;
			display: none;
		}
		.menu-list li{
			display: block;
			text-align: center;
		}

	}

	.active{
		display: block;
	}

jQuery

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

$(document).ready(function() {
  	$('.toggle-menu').click(function(event) {
  		$('.menu-list').toggleClass('active');
  	});
  });
Вариант 3:
Ползвай разширение- https://www.phpbb.com/community/viewtopic.php?t=2438676

Аватар
illusion
Извън линия
Developer
Developer
Мнения: 1796
Регистриран на: 27 Ное 2016, 17:47
Местоположение: CraftVision
Се отблагодари: 151 пъти
Получена благодарност: 358 пъти
Обратна връзка:

Как да направя форума ми от телефон да се вижда както трябва (responsive)

Мнение от illusion » 09 Фев 2019, 17:29

Качих разширението и добавих функцията да е статично/подвижно и всичко е точно. Заключвам темата, благодаря ти за това, че се постара да ми помогнеш!

Заключено
  • Подобни теми
    Отговори
    Преглеждания
     Последно мнение

Обратно към “PhpBB”

Кой е на линия

Потребители разглеждащи този форум: 0 регистрирани и 6 госта