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

Всичко за форумната система phpBB
Потребителски аватар

Автор на темата
summertime vibes PSA
Тестов модератор
Тестов модератор
Мнения: 945
Регистриран: 27 ное 2016, 17:47
Местоположение: In the Heaven
Се отблагодари: 39 пъти
Получена благодарност: 74 пъти
Контакти:

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

Мнение от summertime vibes PSA » 08 фев 2019, 16:02

Здравейте, някой може ли да ми каже как да си направя форума да се вижда както трябва, със снимки ще ви стане по-ясно какво искам да направя

Ето как изглежда форума ми като се влезне в него
Screenshot_20190208-155540_Chrome.jpg
А като мръдна надясно вижте как става
Screenshot_20190208-155610_Chrome.jpg
Общо взето искам от телефон да не се мърда надясно а да се вижда както е на първата снимка само, 1 вид да е responsive

Нищо не е с цел реклама!
Нямате нужните права за да преглеждате прикачените към това мнение файлове.
Изображение

Потребителски аватар

V.A.L.V.E WEB DEV
Рекламатор
Рекламатор
Мнения: 305
Регистриран: 18 дек 2016, 22:48
Се отблагодари: 44 пъти
Получена благодарност: 20 пъти
Години: 24

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

Мнение от V.A.L.V.E WEB DEV » 08 фев 2019, 16:05

Проблема идва само от банера в хедъра, премахни временно всички банери и тези менюто най-вдясно ги измести до другите в ляво, намали си бара, излиза извън стила на форума, ресни кеша и влез пак от мобилното устройство, ако това реши проблема ще трябва да намериш код за банери който да е с responsive style.
Стар никнейм в форума: emineemrs94
GameHost-BG :hooray:
Има 1 бутон "Like" можете по често да го използвате :cool:
"Действителната стойност на ума ви може да се определи според размера на доходите, които ще получавате от продажбата на вашите услуги. Парите не са с по-висока цена от ума. Често стойността им е по-ниска." Наполеон Хил

Потребителски аватар

Автор на темата
summertime vibes PSA
Тестов модератор
Тестов модератор
Мнения: 945
Регистриран: 27 ное 2016, 17:47
Местоположение: In the Heaven
Се отблагодари: 39 пъти
Получена благодарност: 74 пъти
Контакти:

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

Мнение от summertime vibes PSA » 08 фев 2019, 16:19

Да но бара съм го направил колкото wrap-a на компа, просто искам да се вижда добре на компа и на телефона.. за банерите е лесна работа
Изображение

Потребителски аватар

V.A.L.V.E WEB DEV
Рекламатор
Рекламатор
Мнения: 305
Регистриран: 18 дек 2016, 22:48
Се отблагодари: 44 пъти
Получена благодарност: 20 пъти
Години: 24

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

Мнение от V.A.L.V.E WEB DEV » 08 фев 2019, 16:21

summertime vibes написа:
08 фев 2019, 16:19
Да но бара съм го направил колкото wrap-a на компа, просто искам да се вижда добре на компа и на телефона.. за банерите е лесна работа
http://prntscr.com/miejhg Бара излиза извън стила, ако го оставиш така няма как да си решиш проблема, мисълта ми е да скасиш бара до нормалното и да изместиш 2-те менюта от дясно във ляво до другите и да тестваш.
Стар никнейм в форума: emineemrs94
GameHost-BG :hooray:
Има 1 бутон "Like" можете по често да го използвате :cool:
"Действителната стойност на ума ви може да се определи според размера на доходите, които ще получавате от продажбата на вашите услуги. Парите не са с по-висока цена от ума. Често стойността им е по-ниска." Наполеон Хил

Потребителски аватар

Bupyc Conficke
Рекламатор
Рекламатор
Мнения: 47
Регистриран: 13 яну 2017, 01:17
Местоположение: Перник
Се отблагодари: 4 пъти
Получена благодарност: 2 пъти
Години: 31
Контакти:

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

Мнение от Bupyc Conficke » 08 фев 2019, 17:03

Код: Избери всички

max-width: 100%;
така ще остане според дължината но ще се разбутат елементите когато се съберат.
Съветвам те да използваш bootstrap ето и пример на твоето меню

Код: Избери всички

<nav class="navbar navbar-expand-lg navbar-dark bg-dark border-bottom border-danger">
  <div class="container navbar-collapse">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
   <div class="col-6">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active">
          <a class="nav-link" href="#">Начало
                <span class="sr-only">(current)</span>
              </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Photoshop</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Прикачи изображение</a>
        </li>
      </ul>
      </div>
      <div class="col-6">
      <ul class="navbar-nav ml-auto float-lg-right">
        <li class="nav-item">
          <a class="nav-link" href="#">Discord сървър</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Гласувай за нас в BGTop</a>
        </li>
      </ul>
      </div>
    </div>
  </div>
</nav>

Код: Избери всички

.border-bottom{
	border-width: 3px !important;
}
Всичко за вашият сайт на едно място
Изображение
Изработка на сайт/форум напълно безплатно

Потребителски аватар

Автор на темата
summertime vibes PSA
Тестов модератор
Тестов модератор
Мнения: 945
Регистриран: 27 ное 2016, 17:47
Местоположение: In the Heaven
Се отблагодари: 39 пъти
Получена благодарност: 74 пъти
Контакти:

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

Мнение от summertime vibes PSA » 08 фев 2019, 18:56

За последното мнение - http://prntscr.com/migwy8 виж как стана този, който ми даде..

До V.A.L.V.E - Да, забравих, че съм го направил спрямо моя размер на монитора, за това направо изключих.. 1920х1080
Изображение

Потребителски аватар

V.A.L.V.E WEB DEV
Рекламатор
Рекламатор
Мнения: 305
Регистриран: 18 дек 2016, 22:48
Се отблагодари: 44 пъти
Получена благодарност: 20 пъти
Години: 24

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

Мнение от V.A.L.V.E WEB DEV » 08 фев 2019, 19:05

summertime vibes написа:
08 фев 2019, 18:56
За последното мнение - http://prntscr.com/migwy8 виж как стана този, който ми даде..

До V.A.L.V.E - Да, забравих, че съм го направил спрямо моя размер на монитора, за това направо изключих.. 1920х1080
Не си чупи форума да слагаш някакви css кодове, смали само лентата и мръдни менютата и разкарай банер кода и виж как ще ти е от телефон.
Стар никнейм в форума: emineemrs94
GameHost-BG :hooray:
Има 1 бутон "Like" можете по често да го използвате :cool:
"Действителната стойност на ума ви може да се определи според размера на доходите, които ще получавате от продажбата на вашите услуги. Парите не са с по-висока цена от ума. Често стойността им е по-ниска." Наполеон Хил

Потребителски аватар

Автор на темата
summertime vibes PSA
Тестов модератор
Тестов модератор
Мнения: 945
Регистриран: 27 ное 2016, 17:47
Местоположение: In the Heaven
Се отблагодари: 39 пъти
Получена благодарност: 74 пъти
Контакти:

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

Мнение от summertime vibes PSA » 08 фев 2019, 19:20

Първо искам да оправя менюто, както казах това с банерите е лесна работа, ще го вкарам в wrap-a. Горното меню не става. Някакви предложения за друго?
Изображение

Потребителски аватар

Bupyc Conficke
Рекламатор
Рекламатор
Мнения: 47
Регистриран: 13 яну 2017, 01:17
Местоположение: Перник
Се отблагодари: 4 пъти
Получена благодарност: 2 пъти
Години: 31
Контакти:

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

Мнение от Bupyc Conficke » 08 фев 2019, 19:47

Заредил ли си bootstrap?
Аз го тествах на локалня и работи перфектно.
Всичко за вашият сайт на едно място
Изображение
Изработка на сайт/форум напълно безплатно

Потребителски аватар

Автор на темата
summertime vibes PSA
Тестов модератор
Тестов модератор
Мнения: 945
Регистриран: 27 ное 2016, 17:47
Местоположение: In the Heaven
Се отблагодари: 39 пъти
Получена благодарност: 74 пъти
Контакти:

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

Мнение от summertime vibes PSA » 08 фев 2019, 19:47

Глупав въпрос, но тъй като не съм се занимавал с bootstrap и не знам как да го заредя, та.. как да го заредя.. :D

whatever, заредих го, но виж как стана - http://psacademy-bg.eu
Изображение

Потребителски аватар

Bupyc Conficke
Рекламатор
Рекламатор
Мнения: 47
Регистриран: 13 яну 2017, 01:17
Местоположение: Перник
Се отблагодари: 4 пъти
Получена благодарност: 2 пъти
Години: 31
Контакти:

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

Мнение от Bupyc Conficke » 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>
Всичко за вашият сайт на едно място
Изображение
Изработка на сайт/форум напълно безплатно

Потребителски аватар

Автор на темата
summertime vibes PSA
Тестов модератор
Тестов модератор
Мнения: 945
Регистриран: 27 ное 2016, 17:47
Местоположение: In the Heaven
Се отблагодари: 39 пъти
Получена благодарност: 74 пъти
Контакти:

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

Мнение от summertime vibes PSA » 08 фев 2019, 19:59

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

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

Потребителски аватар

Bupyc Conficke
Рекламатор
Рекламатор
Мнения: 47
Регистриран: 13 яну 2017, 01:17
Местоположение: Перник
Се отблагодари: 4 пъти
Получена благодарност: 2 пъти
Години: 31
Контакти:

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

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

Код: Избери всички

.inner{
	width: 100%;
}
Всичко за вашият сайт на едно място
Изображение
Изработка на сайт/форум напълно безплатно

Заключена

Върни се в “PhpBB”

Кой е на линия

Потребители, разглеждащи този форум: Няма регистрирани потребители и 1 гост