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

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

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

Мнение от illusion » 08 Фев 2019, 16:02

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

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

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

Аватар
V.A.L.V.E
Извън линия
Потребител
Потребител
Мнения: 445
Регистриран на: 18 Дек 2016, 22:48
Се отблагодари: 110 пъти
Получена благодарност: 71 пъти
Обратна връзка:

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

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

Проблема идва само от банера в хедъра, премахни временно всички банери и тези менюто най-вдясно ги измести до другите в ляво, намали си бара, излиза извън стила на форума, ресни кеша и влез пак от мобилното устройство, ако това реши проблема ще трябва да намериш код за банери който да е с responsive style.

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

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

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

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

Аватар
V.A.L.V.E
Извън линия
Потребител
Потребител
Мнения: 445
Регистриран на: 18 Дек 2016, 22:48
Се отблагодари: 110 пъти
Получена благодарност: 71 пъти
Обратна връзка:

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

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

summertime vibes написа: 08 Фев 2019, 16:19 Да но бара съм го направил колкото wrap-a на компа, просто искам да се вижда добре на компа и на телефона.. за банерите е лесна работа
http://prntscr.com/miejhg Бара излиза извън стила, ако го оставиш така няма как да си решиш проблема, мисълта ми е да скасиш бара до нормалното и да изместиш 2-те менюта от дясно във ляво до другите и да тестваш.

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

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

Мнение от Bupyc » 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;
}

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

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

Мнение от illusion » 08 Фев 2019, 18:56

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

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

Аватар
V.A.L.V.E
Извън линия
Потребител
Потребител
Мнения: 445
Регистриран на: 18 Дек 2016, 22:48
Се отблагодари: 110 пъти
Получена благодарност: 71 пъти
Обратна връзка:

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

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

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

До V.A.L.V.E - Да, забравих, че съм го направил спрямо моя размер на монитора, за това направо изключих.. 1920х1080
Не си чупи форума да слагаш някакви css кодове, смали само лентата и мръдни менютата и разкарай банер кода и виж как ще ти е от телефон.

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

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

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

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

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

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

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

Заредил ли си bootstrap?
Аз го тествах на локалня и работи перфектно.

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

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

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

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

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

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

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

Кой е на линия

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