Наслагване на хеадър

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

Автор на темата
g0gIch Beg
Потребител
Потребител
Мнения: 140
Регистриран: 20 юли 2017, 17:29
Получена благодарност: 1 път
Години: 16

Наслагване на хеадър

Мнение от g0gIch Beg » 14 юни 2018, 18:48

Как да направя така че логото(header-а) да не се показва толкова много пъти, а всичко около него да е черно или някакъв друг цвят. https://i.imgur.com/8Wn7Y0H.png

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

Query 1337
Потребител
Потребител
Мнения: 25
Регистриран: 14 юни 2018, 14:57
Местоположение: localhost
Години: 13
Контакти:

Наслагване на хеадър

Мнение от Query 1337 » 14 юни 2018, 18:50

Влизаш в prosilver/theme/imageset и намираш

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

/* Global imageset items */
.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 149px;
	padding-top: 52px;
}

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

	padding-left: 149px;
	padding-top: 52px;
След това тези ги сменяш със размерите на хеадъра/логото.

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

Автор на темата
g0gIch Beg
Потребител
Потребител
Мнения: 140
Регистриран: 20 юли 2017, 17:29
Получена благодарност: 1 път
Години: 16

Наслагване на хеадър

Мнение от g0gIch Beg » 14 юни 2018, 18:59

И се наслагва още повече :D

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

Query 1337
Потребител
Потребител
Мнения: 25
Регистриран: 14 юни 2018, 14:57
Местоположение: localhost
Години: 13
Контакти:

Наслагване на хеадър

Мнение от Query 1337 » 14 юни 2018, 19:05

g0gIch написа:
14 юни 2018, 18:59
И се наслагва още повече :D
1. Пробвай да изчистиш кеша.
2. След като изчистиш кеша натисни CTRL + F5.

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

Автор на темата
g0gIch Beg
Потребител
Потребител
Мнения: 140
Регистриран: 20 юли 2017, 17:29
Получена благодарност: 1 път
Години: 16

Наслагване на хеадър

Мнение от g0gIch Beg » 14 юни 2018, 19:09

Това е допълнителна информация. Направил съм го няколко пъти.

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

1fRaNkkK syn7ax69
Модератор
Модератор
Мнения: 666
Регистриран: 09 окт 2016, 15:21
Се отблагодари: 6 пъти
Получена благодарност: 39 пъти
Години: 18
Контакти:

Наслагване на хеадър

Мнение от 1fRaNkkK syn7ax69 » 14 юни 2018, 21:05

След като сайта не ти работи + не си споменал какъв е стила и версията който използваш ще ти напиша кода, на който мястото ти ще намериш.

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

background-repeat: no-repeat;
Това е, за да не се повтаря.

Колкото до това, че header image-а ти не е, колкото header-а ти препоръчвам да си направиш един header image със същите размери като на header-а ти и след това да си го сложиш, но пък ако не искаш да се занимаваш с това използвай:

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

width: 100%;
height: Xpx;
В случая X е числото, което ти ще решиш/измериш, за да може всичко да изглежда добре.
Пък може и:

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

background-size: cover;
Кой знае... :drunk:
Успех.
Извън темата
@Query нищо лично, но след като не знаеш какво означава padding или по-точно какво прави в css препоръчвам ти да поглеждаш малко уроци или на почетеш > https://www.w3schools.com/
Успех!

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

messi 10
Потребител
Потребител
Мнения: 5
Регистриран: 02 юни 2018, 01:17

Наслагване на хеадър

Мнение от messi 10 » 14 юни 2018, 23:41

1fRaNkkK написа:
14 юни 2018, 21:05
След като сайта не ти работи + не си споменал какъв е стила и версията който използваш ще ти напиша кода, на който мястото ти ще намериш.
Как няма да работи форума ?

http://www.cs-mastergaming.info/forum/index.php

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

1fRaNkkK syn7ax69
Модератор
Модератор
Мнения: 666
Регистриран: 09 окт 2016, 15:21
Се отблагодари: 6 пъти
Получена благодарност: 39 пъти
Години: 18
Контакти:

Наслагване на хеадър

Мнение от 1fRaNkkK syn7ax69 » 15 юни 2018, 15:05

Ами правилно съм написал - сайта не работи, по-точно няма сайт... :D http://cs-mastergaming.info/

Добре значи това е пълна глупост ти слагаш това директно като background, аз помислих, че хедъра е отделно, което щеше да е по-добре. Както и да е.
Има 2 начина да го оправиш, препоръчвам ти първия.

Първи начин:
Увеличаваш широчината на това: http://www.cs-mastergaming.info/forum/s ... master.png
Ще е добре ако имаш .psd и му направиш малко продължение, не буквално да го увеличиш, за да не се размаже, а просто да 'добавиш малко дизайн', за да може да се вижда добре под по-големи резолюции.
След това слагаш background-size: cover & background-repeat: no-repeat и се радваш

Втори начин:
Слагаш му background-size: cover и background-repeat: no-repeat и се радваш на размазаното background-че

Обяснение - къде слагаме background-size & background-repeat
Отваряш forum/styles/godlike-cs/theme/colours.css и намираш:

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

html, body {
    background: url(./images/master.png);
}
>>>>

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

html, body {
    background: url(./images/master.png);
    background-repeat: no-repeat;
    background-size: cover;
}

Отговори

Върни се в “PhpBB”

Кой е на линия

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