Oficjalne forum pomocy serwisu PUN.pl

Niestety, nikt nie powie Ci czym jest FluxBB - musisz go poznać sam!

Nie jesteś zalogowany na forum.

#1 2015-03-15 23:11:11

piotr0488
Użytkownik
Dołączył: 2008-12-09
Liczba postów: 115
Windows 7Firefox 36.0

Modyfikacja stylu Black Blue ..

Spodobał mi się styl Black Blue na Flux BB ale kilka drobnostek które mi przeszkadzają i dlatego zadaje pytanie czy można takie zmiany dokonać a może jakiś kod do tego..??

Styl wygląda tak :
mini_Schowek01_20150315-2307.jpg

Chciałbym aby wyglądał tak : 
mini_11a_20150315-2313.jpg

Tak ja widać menu jest wyśrodkowane, a wokół jest tło, a jeśli wstawię jako baner tekst/obrazek bez tła to tło na forum nadal widoczne.. I oczywiście aby zmiana tła była możliwa na inne..

Ostatnio edytowany przez piotr0488 (2015-03-15 23:14:15)

Offline

#2 2015-03-16 18:18:53

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
Windows 7Chrome 41.0.2272.89

Odp: Modyfikacja stylu Black Blue ..

CSS

body{ background-image: url("Black_Blue/img/bg.png") !important;}  /* tło */
#brdtitle H1{color:black;}
#brdtitle span{color:black ;}
#brdmenu{background:black;  box-shadow: 0 7px 6px -1px #666;;}
#brdmenu ul { padding-top: 10px;}


Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

#3 2015-03-16 21:25:01

piotr0488
Użytkownik
Dołączył: 2008-12-09
Liczba postów: 115
Windows 7Firefox 36.0

Odp: Modyfikacja stylu Black Blue ..

Dzięki wielkie  [dblpt]good[dblpt]

Ale mam jeszcze jedna prośbę czy można zrobić by menu zaczynało się niżej... Teraz dodałem baner ale nachodzi na menu.

Wygląda tak :

mini_111_20150316-2130.jpg

Dodam że baner jest niedokończony ale będzie miał wymiary 2300x1080

Ostatnio edytowany przez piotr0488 (2015-03-16 21:31:20)

Offline

#4 2015-03-16 21:44:20

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
AndroidChrome 39.0.2171.93

Odp: Modyfikacja stylu Black Blue ..

piotr0488 napisał/a:

2300x1080

Takie duże logo? o.o Podajesz w px? 2300 szerokość?
Jak będe przy kompie to edytuje/napisze nowy post z kodem


Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

#5 2015-03-16 21:50:58

piotr0488
Użytkownik
Dołączył: 2008-12-09
Liczba postów: 115
Windows 7Firefox 36.0

Odp: Modyfikacja stylu Black Blue ..

Sorki podąłem wymiary tła.. baner będzie miał  1297x158

Wiadomość dodana po 23 min 44 s:
Czy do kodu który podałeś wcześniej mam wkleić kod od tła

body {
background: url(link do tła) fixed; }

Bo gdy daje go osobno w CSS to tło się nie zmienia .?

Wiadomość dodana po 30 min 02 s:
Jeśli chodzi o tło to juz doszedłem gdzie w twoim kodzie kleić..

Offline

#6 2015-03-16 22:21:03

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
AndroidChrome 39.0.2171.93

Odp: Modyfikacja stylu Black Blue ..

Usuń
body{ background-image: url("Black_Blue/img/bg.png") !important;}  /* tło */
Dodaj
body {
background: url(link do tła) fixed !important; }

Ok to jutro edytuje post i dam kod na poprawe banera.


Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

#7 2015-03-16 22:39:58

piotr0488
Użytkownik
Dołączył: 2008-12-09
Liczba postów: 115
Windows 7Firefox 36.0

Odp: Modyfikacja stylu Black Blue ..

Po zastąpieniu kodu

body{ background-image: url("Black_Blue/img/bg.png") !important;}  /* tło */

kodem

body {background: url(link do tła) fixed !important; }  jest wszystko niby ok ale tło nie jest wyśrodkowane.

Wiadomość dodana po 17 min 21 s:
Gdy na początku był kod i "Black_Blue/img/bg.png" zastąpiłem linkiem było wyśrodkowane ale podczas przesuwania forum na dół tło w pewnym momencie się kończyło

body{ background-image: url("Black_Blue/img/bg.png") !important;}  /* tło */

mini_www.jpeg

Po zastąpieniu kodu w/w
kodem

body {background: url(link do tła) fixed !important; } 

jest wszystko niby ok ale tło nie jest wyśrodkowane.

mini_qq.jpeg


jak dodaje

body {background: url(link do tła) center  fixed  !important; }

to podnosi tło do góry i obrazki w górnej części tła podnoszą się na samą górę (widać drobny zarys)

mini_eee.jpeg



P.S tło zapożyczone z innego forum do sprawdzania ( moje będzie podobne ) o rozdzielczości 2300x1080

Offline

#8 2015-03-18 19:44:53

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
Windows 7Chrome 41.0.2272.89

Odp: Modyfikacja stylu Black Blue ..

Usuń kod na tło i dodaj:

Ukryta wiadomość

.pun #brdtitle {height: 100%;}
body {
background: url("LINK DO TŁA")  fixed  ;
background-position: center top;   /** pozycja tła- środek (center), góra (top) **/
}

A i zauważyłem mój błąd, zamiast:
#brdmenu{background:black;  box-shadow: 0 7px 6px -1px #666;;}
daj
#brdmenu{background:black;  box-shadow: 0 7px 6px -1px #666;}
o jedno ; za dużo.


Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

#9 2015-03-18 20:23:09

piotr0488
Użytkownik
Dołączył: 2008-12-09
Liczba postów: 115
Windows 7Firefox 36.0

Odp: Modyfikacja stylu Black Blue ..

Dzięki za kod.. Ale coś chyba muszę przestawić z rozmiarem banera ale nie wiem gdzie.. Jak dodaje jeden baner o wym. 1297x158 44,0 KB wszystko jest ok , baner dodaje ale jak chce zmienić na 1000x170 212 KB nie chce dodać, oba to .png bo są bez tła... Co trzeba przestawić.. ?

Offline

#10 2015-03-18 20:48:28

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
AndroidChrome 39.0.2171.93

Odp: Modyfikacja stylu Black Blue ..

Błąd 24,10 (czy jakoś tak)? To raczej kodem nie naprawie to jakiś problem fluxa. No chyba, że CSS'em to zrobić. Tylko nw. jaki efekt chcesz uzyskać.


Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

#11 2015-03-18 20:54:18

piotr0488
Użytkownik
Dołączył: 2008-12-09
Liczba postów: 115
Windows 7Firefox 36.0

Odp: Modyfikacja stylu Black Blue ..

Dokładnie pokazuje : 102,400 .

Taki baner
mini_bNER.png

Ostatnio edytowany przez piotr0488 (2015-03-18 21:00:25)

Offline

#12 2015-03-19 15:57:16

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
Windows 7Chrome 41.0.2272.89

Odp: Modyfikacja stylu Black Blue ..

Usuń

pro14ab napisał/a:

.pun #brdtitle {height: 100%;}

Dodaj

Ukryta wiadomość

.pun #brdtitle {
  height: 100px; /* wysokość banera */
background: url(http://www.forum.pun.pl/upload/pun_pl/forum/23358/mini_bNER.png) no-repeat; /* link do banera */
background-position: center top; /* pozycja banera */
}

/* ustawienia */
#brdtitle h1{display:none;} /**usuniecie nazwy forum **/
#brddesc{display:none;} /**usuniecie opisu forum**/


Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

#13 2015-03-19 17:29:35

piotr0488
Użytkownik
Dołączył: 2008-12-09
Liczba postów: 115
Windows 7Firefox 36.0

Odp: Modyfikacja stylu Black Blue ..

Dzięki wielkie   [dblpt]D

Offline

#14 2015-03-19 18:46:54

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
Windows 7Chrome 41.0.2272.89

Odp: Modyfikacja stylu Black Blue ..

Spoko. Jeszcze możesz dodać do .pun #brdtitle {... po /* pozycja banera */ to:

background-size: 100% 100%;

Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

Użytkowników czytających ten temat: 0, gości: 1
[Bot] ClaudeBot

Stopka

Forum oparte na FluxBB

Darmowe Forum
dungeoncrusherunity - aaaaaaaa - mcsk - firesrpg - xmegamcx