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

Всичко за форумната система phpBB
Аватар
g0gIch
Извън линия
Потребител
Потребител
Мнения: 206
Регистриран на: 20 Юли 2017, 17:29
Се отблагодари: 37 пъти
Получена благодарност: 24 пъти
Обратна връзка:

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

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

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

Аватар
Query
Извън линия
Потребител
Потребител
Мнения: 31
Регистриран на: 14 Юни 2018, 14:57

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

Мнение от Query » 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
Извън линия
Потребител
Потребител
Мнения: 206
Регистриран на: 20 Юли 2017, 17:29
Се отблагодари: 37 пъти
Получена благодарност: 24 пъти
Обратна връзка:

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

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

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

Аватар
Query
Извън линия
Потребител
Потребител
Мнения: 31
Регистриран на: 14 Юни 2018, 14:57

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

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

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

Аватар
g0gIch
Извън линия
Потребител
Потребител
Мнения: 206
Регистриран на: 20 Юли 2017, 17:29
Се отблагодари: 37 пъти
Получена благодарност: 24 пъти
Обратна връзка:

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

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

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

Аватар
1fRaNkkK
Извън линия
Потребител
Потребител
Мнения: 776
Регистриран на: 09 Окт 2016, 15:21
Се отблагодари: 8 пъти
Получена благодарност: 55 пъти

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

Мнение от 1fRaNkkK » 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
Извън линия
Потребител
Потребител
Мнения: 776
Регистриран на: 09 Окт 2016, 15:21
Се отблагодари: 8 пъти
Получена благодарност: 55 пъти

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

Мнение от 1fRaNkkK » 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”

Кой е на линия

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