Aktualizacja stylu soul_city

[matius71]

Witam,

Chciałem nieznacznie aktualizować styl soul_city

W moim, pasek na górze wygląda tak:



W nowszej wersji na górze strony jest pasek



wie ktoś co trzeba zmienić?

[Widmo]

zmiany w pliku overall_header.html porównaj sobie z nową wersją stylu.

[matius71]

Nie bardzo mi to idzie :/

może zamieszczę oba pliki stary i nowy

[jaroslw]

Nie prościej wgrać plik z nowego stylu i ewentualnie jeśli posiadasz modyfikacje wykonać je na nim jeszcze raz? Dodanie lub aktualizacja identyfikatorów i klas CSS również nie jest chyba czymś trudnym.

[matius71]

trudne może i nie jest... no ale jak bym potrafił to zrobić to bym pewnie nie pisał tego na forum.

[huber2t]

Masz racje że w nowszej wersji stylu. Ale będziesz musiał skorzystać z nowego stylu i ewentualnie do niego przenieśćzainstalowane modyfikacje i własne uzupełnienia a stary usunąć.

[matius71]

czemu? a nie można zrobić czegoś żeby po prostu wyglądało tak samo, nie koniecznie żeby zapis był taki sam?

[huber2t]

Autor nie udostępnił instrukcji aktualizacji stylu ze starszej wersji, więc nie zrobisz tego. Chyba że wolisz się w tym paprać samemu albo komuś zlecić, niekoniecznie za darmo

[Widmo]

Zawsze możesz spróbować wgrać z nowego stylu plik overall_header.html i folder z plikami stylów css. Tylko dodać do tego kody z modyfikacji. Może pykanie...

[matius71]

chyba sobie odpuszczę... nie znam się na tym tak żeby mieć gwarancje że nic nie zepsuje :/

[Widmo]

Zawsze możesz komuś zlecić tą robotę. Zapłacisz kilka złotych i nie będziesz miał obaw o forum.

[matius71]

oriętujecie w jakich konkretnie plikach powinny być wprowadzone zmiany?

[Widmo]

Tak,
http://www.phpbb.com/community/viewtopi ... 4&t=880735

[pit]

• wrzucasz "bg_navigation.png" do theme/images
• w "overall_header.html" zmieniasz

Kod: Zaznacz cały

	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
			<div id="site-description">
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			<ul>
				<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
					<li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a></li>
					<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><!-- ENDIF --> 
					<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
					<!-- IF U_RESTORE_PERMISSIONS -->
					<li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li>
					<!-- ENDIF -->
				<!-- ENDIF -->
				<li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">&nbsp;&nbsp;{L_FAQ}&nbsp;&nbsp;</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<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}" 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="icon-apply" title="{L_SEARCH}" value="" type="submit" />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}"><img src="{T_THEME_PATH}/images/search+.gif" alt="{L_SEARCH_ADV}" /></a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->
			</div>
			</div>

		</div>

		<div class="navbar">

na

Kod: Zaznacz cały

	<a id="top" name="top" accesskey="t"></a>
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<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}" 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="icon-apply" title="{L_SEARCH}" value="" type="submit" />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}"><img src="{T_THEME_PATH}/images/search+.gif" alt="{L_SEARCH_ADV}" /></a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->
	<div id="page-header">
		<div class="headerbar">
			<div class="inner">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
			<div id="site-description">
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p><a href="#start_here" class="skiplink">{L_SKIP}</a></p>
			</div>
			<div id="site-navigation">
			<ul>
				<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
					<li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a></li>
					<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><!-- ENDIF --> 
					<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li><!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS -->
					<li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li>
					<!-- ENDIF -->
				<!-- ENDIF -->
				<li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">&nbsp;&nbsp;{L_FAQ}&nbsp;&nbsp;</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>
			</div>
			</div>
		</div>

		<div class="navbar">

• w "common.css" zmieniasz

Kod: Zaznacz cały

#site-description ul {
	width: 100%;
	list-style-type: none;
	right: 0;
	top: 2px;
	position: absolute;
}

#site-description li {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	min-width: 80px;
}

#site-description li a {
	display: block;
	float: left;
	margin: 0 10px;
	font: normal 120% Arial, Helvetica, sans-serif;
	padding: 8px;
	text-decoration: none;
}

#site-description li a:hover {
	text-decoration: none;
}

na

Kod: Zaznacz cały

#site-navigation {
	width: 960px;
	margin: 0 auto;
	height: 35px;
}

#site-navigation ul {
	list-style-type: none;
	text-align: center;
	margin: 0;
	height: 35px;
}

#site-navigation ul li {
	display: inline;
	min-width: 80px;
	line-height: 2.2em;
}

#site-navigation li a {
	padding: 0 8px;
	font: normal 120% Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 35px;
	font-weight: bold;
}

oraz

Kod: Zaznacz cały

#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 4px;
	margin-right: -20px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

na

Kod: Zaznacz cały

#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 0;
	margin-right: -145px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

• w "colours.css" zmieniasz

Kod: Zaznacz cały

#site-description li {
	background: url("{T_THEME_PATH}/images/bg_link.gif") no-repeat top right;
	color: #fff;
}

#site-description li a {
	color: #fff;
}

#site-description li a:hover {
	background: url("{T_THEME_PATH}/images/bg_link_hover.gif") repeat-x 0 0;
	color: #fff;
}

na

Kod: Zaznacz cały

#site-navigation {
	background: url("{T_THEME_PATH}/images/bg_navigation.png") 0 0 no-repeat;
}

[matius71]

WIELKIE dzięki pit