Edycja Stylu SE Square

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
ocebe
Posty: 3
Rejestracja: 07 listopada 2013, 20:43

Edycja Stylu SE Square

Post autor: ocebe » 07 listopada 2013, 20:49

Siemanko mam kilka pytani odnośnie edycji stylu SE Square :] Potrzebuje kilku informacji, bawie sie juz dlugi czas i nic nie wychodzi :]


- w którym pliku zmienie białem obramowanie wokoł forum ? Potrzebuje użyć graficznego
- Jaki Wyciągnąć Stopke poza te białe obramowanie ?
- Jak zrobić nieruchome tło ?
- Jak wyrzucić całkowicie logo ? albo wystawić je ponad te białe obramowanie

Chciałbym zrobić coś pod wzór stylu Soul City

z góry dzieki za pomoc ;]

Insane134
Posty: 15
Rejestracja: 14 października 2013, 01:36

Re: Edycja Stylu SE Square

Post autor: Insane134 » 08 listopada 2013, 14:38

Podaj link albo fotke forum, bo nie wiem o co Ci chodzi, ale na poczatek:



Obramowanie
*.../root/styles/nazwa_stylu/theme/common.css

Dodaj

Kod: Zaznacz cały

/* Border
---------------------------------------- */
.border-left { 
    background: url("{T_THEME_PATH}/images/border_left.gif") #181818 repeat-y 0 0;
}

.border-right {
    background: url("{T_THEME_PATH}/images/border_right.gif") repeat-y 100% 0;
}

.border-top { 
    background: url("{T_THEME_PATH}/images/border_top.gif") repeat-x 0 0; 
}

.border-top-left {
    background: url("{T_THEME_PATH}/images/border_top_left.gif") no-repeat 0 0;
}

.border-top-right {
    background: url("{T_THEME_PATH}/images/border_top_right.gif") no-repeat 100% 0;
}

.border-bottom { 
    background: url("{T_THEME_PATH}/images/border_bottom2.gif") repeat-x 0 100%;
}

.border-left, .border-right, .border-top, .border-top-left, .border-top-right, .border-bottom { width: 100%;}

.border-bottom span {
    background: url("{T_THEME_PATH}/images/border_bottom.gif") no-repeat 0 -104px;
    display: block;
    height: 18px; 
}

.border-bottom span span { 
    background-position: 100% -35px;
}

.inside { 
    padding: 17px 27px 10px 27px;
}
Przerobione obramowania wrzuc do:
*.../root/styles/nazwa_stylu/imageset



Stopka

Znajdz

Kod: Zaznacz cały

	<div class="copyright">
    	<h3><span>*</span>Stopka jakas tam PHP <a href="Link do autora"><span>Nick autora</span></h3></a>
	</div>
Przestaw to sobie nizej, zapisz i sprawdz czy jest tam gdzie chciales, jezeli nie, to przestaw kawalek nizej lub wyzej, az do skutku. Do tego, mozesz zmienic <h3>tekst</h3> na <h1>, <h2>, <h3>, <hr>, lub swoja czcionke, mozna ja zrobic w ..common.css samemu.



Nieruchome tlo
*.../root/styles/nazwa_stylu/theme/colours.css

Znajdz

Kod: Zaznacz cały

html, body {
   color: #000000;
   background-color: #aba7a0;
}
Zamien

Kod: Zaznacz cały

html, body {
	color: #000000;
	background-color: #aba7a0;
	background-repeat: repeat-no; 
	background-attachment: fixed; 
	padding: 30px 0 0 0;
	margin: 0;
}
Jezeli chcesz obrazek w tle, wstaw:

Kod: Zaznacz cały

	background-image: url("{T_THEME_PATH}/images/tlo.png");
Nie zapomnij usunac "background-color".



Logo
*.../root/styles/nazwa_stylu/template/overall_header.html - Tutaj znajdziesz logo, kod powinien byc mniej wiecej taki:

Gdzies kolo linii '210'

Kod: Zaznacz cały

                            <!-- IF $LOGO_TYPE == 'logo' -->
                                <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                            <!-- ELSE -->
Skopiowac i przestawic tam gdzie Ci pasuje, zapisac i sprawdzic, az do skutku.

ocebe
Posty: 3
Rejestracja: 07 listopada 2013, 20:43

Re: Edycja Stylu SE Square

Post autor: ocebe » 08 listopada 2013, 22:02

Tutaj link do forum fard.xaa.pl/zsquare/forum/index.php

I mam jeszcze kilka pytań :]

Wokół działów zrobiłem przezroczyste tło ale chciałbym zeby na górze tego tła był osobny obrazek i na dole osobny, jeśli wiadomo oco chodzi :D

Jak dodać taki panel co jest na górze w stylu Soul City a stary co jest wyrzucić, chodzi mi o takie coś:
http://vpx.pl/i/2013/11/08/158ZNs.jpg

I Ostatnie :] Gdzie zmienie wygląd działów ? :D Uzyskać taki efekt:
http://vpx.pl/i/2013/11/08/2GbM4e.jpg

Zeby tło było obrazkowe :] i nie migało podczas najechać jak przy tutejszym stylu ;]

z góry dzięki za pomoc ;]

PS. Jak zrobić zeby nieruchome tło dostosowywało się do rozdzielczości ? :D

ocebe
Posty: 3
Rejestracja: 07 listopada 2013, 20:43

Re: Edycja Stylu SE Square

Post autor: ocebe » 10 listopada 2013, 21:07

@refresh

ecardup
Posty: 2
Rejestracja: 28 listopada 2013, 11:48

Re: Edycja Stylu SE Square

Post autor: ecardup » 28 listopada 2013, 11:50

również dzięki za odpowiedź

Zablokowany

Wróć do „Pomoc”