Przycięte zdjęcie w header'ze.

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
Viniciuss
Posty: 35
Rejestracja: 19 lutego 2011, 07:57

Przycięte zdjęcie w header'ze.

Post autor: Viniciuss » 10 kwietnia 2011, 06:14

Mam tam wstawione zdjęcie (header,jpg) w rozdzielczości 1400x300 pixeli. Osoba, która mi to instalowała, twierdziła że obrazek automatycznie dostosuje się do rozdzielczości monitora na którym jest wyświetlany ale wygląda na to że tylko go przycina, na mojej 19tce mniej na 15tce więcej. Co trzeba zmienić i w jakim pliku aby faktycznie obrazek dostosowywał się do danej rozdzielczości?

Mam jeszcze jedno pytanie. Forum pracuje na stylu proFormell. W jakim pliku mogę zmieniać wysokość (położenie) logo (logo.png) i napisów (opis strony ustawiany z poziomu PA)? Okazało się że napisy są za nisko i na 15 calowym monitorze ucina ostatnią linijkę.

glizda
Zasłużony
Posty: 304
Rejestracja: 18 czerwca 2010, 20:38

Re: Przycięte zdjęcie w header'ze.

Post autor: glizda » 10 kwietnia 2011, 11:56

Mam tam wstawione zdjęcie (header,jpg) w rozdzielczości 1400x300 pixeli. Osoba, która mi to instalowała, twierdziła że obrazek automatycznie dostosuje się do rozdzielczości monitora na którym jest wyświetlany ale wygląda na to że tylko go przycina, na mojej 19tce mniej na 15tce więcej. Co trzeba zmienić i w jakim pliku aby faktycznie obrazek dostosowywał się do danej rozdzielczości?
Podaj link do forum.
Mam jeszcze jedno pytanie. Forum pracuje na stylu proFormell. W jakim pliku mogę zmieniać wysokość (położenie) logo (logo.png) i napisów (opis strony ustawiany z poziomu PA)? Okazało się że napisy są za nisko i na 15 calowym monitorze ucina ostatnią linijkę.
styles/twoj-styl/imageset/imageset.cfg // zmiany dotyczące wielkości loga
styles/twoj-styl/template/overall_header.html // położenie loga i edycja napisów
Powrót do phpBB3! Przepraszam za nieobecność!
Zapoznawanie się z nową wersją skryptu...

Viniciuss
Posty: 35
Rejestracja: 19 lutego 2011, 07:57

Re: Przycięte zdjęcie w header'ze.

Post autor: Viniciuss » 10 kwietnia 2011, 15:57

Dziękuję za odpowiedź, namiary na forum zaraz Ci prześlę. :)

Przy jakim tekście w liku overall_header zmienia się położenie loga i napisów? Chciałbym dać zarówno logo jak i napisy troszkę do góry, niewiele.

glizda
Zasłużony
Posty: 304
Rejestracja: 18 czerwca 2010, 20:38

Re: Przycięte zdjęcie w header'ze.

Post autor: glizda » 10 kwietnia 2011, 16:23

Podaj link do swojego forum tutaj, niech inni też mają okazję, aby Ci pomóc.

Jeżeli chodzi o plik overall_header.html :

Kod: Zaznacz cały

<div id="site-description">
			<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
			<h1>{SITENAME}</h1>
			<p>{SITE_DESCRIPTION}</p>
			<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
		</div>
Powyższy kod to :
{SITE_LOGO_IMG} - logo {SITENAME} - nazwa forum {SITE_DESCRIPTION} - opis forum

Poniższy kod odpowiada za boks szukania na forum (jeżeli też chciałbyś go obniżyć) wystarczy przed nim najprościej wstawić kilka razy <br /> :

Kod: Zaznacz cały

			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
					<fieldset>
						<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
						<input class="button2" value="{L_SEARCH}" type="submit" /><br />
						<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
					</fieldset>
				</form>
			</div>
Powrót do phpBB3! Przepraszam za nieobecność!
Zapoznawanie się z nową wersją skryptu...

Viniciuss
Posty: 35
Rejestracja: 19 lutego 2011, 07:57

Re: Przycięte zdjęcie w header'ze.

Post autor: Viniciuss » 10 kwietnia 2011, 16:40

glizda pisze:Podaj link do swojego forum tutaj, niech inni też mają okazję, aby Ci pomóc.

Jeżeli chodzi o plik overall_header.html :

Kod: Zaznacz cały

<div id="site-description">
			<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
			<h1>{SITENAME}</h1>
			<p>{SITE_DESCRIPTION}</p>
			<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
		</div>
Powyższy kod to :
{SITE_LOGO_IMG} - logo {SITENAME} - nazwa forum {SITE_DESCRIPTION} - opis forum
Znalazłem ten kod ale w dalszym ciągu nie wiem co zrobić aby przesunąć zarówno obrazek logo jak i opia forum pół centymetra do góry. Dupa ze mnie. :(

glizda
Zasłużony
Posty: 304
Rejestracja: 18 czerwca 2010, 20:38

Re: Przycięte zdjęcie w header'ze.

Post autor: glizda » 10 kwietnia 2011, 20:36

Spróbuj podany przeze mnie wyżej fragment kodu z overall_header.html
dotyczący loga, nazwy i opisu forum dodać w diva :

Kod: Zaznacz cały

<div style="margin-top:-100px"> 
... / fragment / ...
</div>
Nie wiem czy pomoże, ale spróbować nie zaszkodzi.
Jest to jedyne proste rozwiązanie, które przychodzi mi do głowy.
Powrót do phpBB3! Przepraszam za nieobecność!
Zapoznawanie się z nową wersją skryptu...

Viniciuss
Posty: 35
Rejestracja: 19 lutego 2011, 07:57

Re: Przycięte zdjęcie w header'ze.

Post autor: Viniciuss » 11 kwietnia 2011, 17:49

Działa, dziękuję Ci serdecznie kolego Glizda.

Zablokowany

Wróć do „Pomoc”