Skasowanie otoczki logo

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
jerzykolko
Posty: 3
Rejestracja: 28 listopada 2008, 23:15

Skasowanie otoczki logo

Post autor: jerzykolko » 06 grudnia 2008, 15:44

Szukałem na forum ale inne porady nie pasowały i nic wielkiego nie wznosiły do mojego problemu.

Chodzi mi aby zniknęła ta niebieska otoczka wokół logo od góry jak i od dołu.

Coś takiego jak tu http://myk550i.info/ tylko żeby był jakiś margines od góry bo do tej skórki by nie pasowało

http://jerzykolko.netiz.pl/forum

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Skasowanie otoczki logo

Post autor: daroPL » 06 grudnia 2008, 16:29

W pliku /styles/prosilver/theme/common.css
znajdź

Kod: Zaznacz cały

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}
i zastąp tym:

Kod: Zaznacz cały

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
        margin-top: 0;
	margin-bottom: 0;
	padding: 0 5px;
	padding-top: 0;
        padding-bottom: 0;
}

jerzykolko
Posty: 3
Rejestracja: 28 listopada 2008, 23:15

Re: Skasowanie otoczki logo

Post autor: jerzykolko » 06 grudnia 2008, 16:59

Na górze przed modyfikacją na dole po. Odświeżyłem motywy itp
Obrazek

Czy jest jeszcze inna możliwość? Nie znam się zbytnio ale czy dało by rade usunąć całkowicie te logo z tą otoczką tj. wszystko nad napisem "Strona główna" i po prostu dodać adres do obrazka przez html <img src="blabla"> ?

jaroslw
Zasłużony
Posty: 4524
Rejestracja: 10 grudnia 2005, 18:48
Kontakt:

Re: Skasowanie otoczki logo

Post autor: jaroslw » 06 grudnia 2008, 22:43

W pliku styles/prosilver/template/overall_header.html zamień:

Kod: Zaznacz cały

<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<span class="corners-bottom"><span></span></span></div>
		</div>
na:

Kod: Zaznacz cały

<div class="headerbar">
	<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
</div>
Nie zapomnij odświeżyć komponentów stylu.
Pobierz styl: we_universalwe_clearblue
Nowości i aktualizacje: FacebookGoogle+Twitter

Zablokowany

Wróć do „Pomoc”