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

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

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

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

Мнение от summertime vibes » 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
Модератор
Модератор
Мнения: 1105
Регистриран: 27 ное 2016, 17:47
Местоположение: In the Heaven
Се отблагодари: 40 пъти
Получена благодарност: 91 пъти
Контакти:

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

Мнение от summertime vibes » 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
Рекламатор
Рекламатор
Мнения: 49
Регистриран: 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
Модератор
Модератор
Мнения: 1105
Регистриран: 27 ное 2016, 17:47
Местоположение: In the Heaven
Се отблагодари: 40 пъти
Получена благодарност: 91 пъти
Контакти:

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

Мнение от summertime vibes » 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
Модератор
Модератор
Мнения: 1105
Регистриран: 27 ное 2016, 17:47
Местоположение: In the Heaven
Се отблагодари: 40 пъти
Получена благодарност: 91 пъти
Контакти:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключена

Върни се в “PhpBB”

Кой е на линия

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