Страница 2 от 2
Как да направя форума ми от телефон да се вижда както трябва (responsive)
Публикувано на: 08 Фев 2019, 19:55
от Bupyc
В хеда сложи
Код за потвърждение: Избери целия код
<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>
Как да направя форума ми от телефон да се вижда както трябва (responsive)
Публикувано на: 08 Фев 2019, 19:59
от illusion
Да, то зареди, но виж как се разместиха нещата -
http://prntscr.com/mihs1z
Edit: Получавало се е заради load-ването на bootstrap-a.
Как да направя форума ми от телефон да се вижда както трябва (responsive)
Публикувано на: 08 Фев 2019, 20:18
от Bupyc
Как да направя форума ми от телефон да се вижда както трябва (responsive)
Публикувано на: 08 Фев 2019, 20:22
от illusion
Сега е окей, но незнайно защо ми прави подтекста при форумите в bold -
http://prntscr.com/mii26m
Edit: забелязах, че не е само в подтекста и при разширеното търсене е така.
Има и неща, които са се разместили.. не знам просто защо става така.
Как да направя форума ми от телефон да се вижда както трябва (responsive)
Публикувано на: 08 Фев 2019, 20:42
от Bupyc
Намери
и добави
и виж дали ще се оправи
Дай да видим аз не намирам разместени неща
Как да направя форума ми от телефон да се вижда както трябва (responsive)
Публикувано на: 09 Фев 2019, 02:32
от illusion
Ето още bold има в потребителският панел примерно -
http://prntscr.com/mimcra виж как и подтекста (обяснението на самото поле е в bold), при тъсачката също всичко е bold -
http://prntscr.com/mimd16 ; forabg-то е разместено, по принцип текста на fora-та е сложен правилно а виж тук как се разминава с текста -
http://prntscr.com/mimd3l и се слива с него ; виж бутоните как са няк'ви по-широки -
http://prntscr.com/mimde1, а си бяха всички еднакви по широчина.. абе много работи.. направо викам да го махна тоя bootstrap и да измисля нещо друго, не знам, тегава ситуация е.
Как да направя форума ми от телефон да се вижда както трябва (responsive)
Публикувано на: 09 Фев 2019, 17:26
от Bupyc
Най вероятно темата ти използва 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
Как да направя форума ми от телефон да се вижда както трябва (responsive)
Публикувано на: 09 Фев 2019, 17:29
от illusion
Качих разширението и добавих функцията да е статично/подвижно и всичко е точно. Заключвам темата, благодаря ти за това, че се постара да ми помогнеш!