Witam wszystkich, jestem nowy
Od jakiegoś czasu "bawie" sie z VB4 i nie moge sobie poradzić z jednym:

Chciałbym aby moje logo było zawsze (niezależnie od rozdzielczości ekranu) dopasowane do headera (lub na całą szerokość strony - wtedy dopasuje sobie szerokość forum).

W tym momencie mam w headerze rotator logo a mój kod wygląda tak:

Kod:

<div class="above_body">
<div id="header" class="floatcontainer doc_header">
	{vb:raw ad_location.ad_header_logo}
	<center><div style="height:220px; float: center; width:700px;">
<div style="position:relative; top:20px; width: auto; align: center;"><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></div></center>
	<div id="toplinks" class="toplinks">
		<vb:if condition="$show['member']">
			<ul class="isuser">
				<li>{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
				<vb:if condition="$notifications_total">
				<li class="popupmenu notifications" id="notifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
					<ul class="popupbody popuphover">
						{vb:raw notifications_menubits}
					</ul>
				</li>
				<vb:else />
				<li class="popupmenu nonotifications" id="nonotifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
					<div class="popupbody popuphover">
						<p>{vb:rawphrase no_new_messages}</p>
						<p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
					</div>
				</li>
				</vb:if>
				<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
				<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
				<vb:if condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
				</vb:if>				
				<li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
			</ul>
			<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
		<vb:else />
			<ul class="nouser">
			<vb:if condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
			</vb:if>			
				<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
			</ul>
			<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
			<form action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
				<fieldset id="logindetails" class="logindetails">
					<div>
						<div>
					<input type="text" class="textbox default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" onfocus="if (this.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}"/>
					<input type="password" class="textbox default-value" name="vb_login_password" id="navbar_password" size="10" tabindex="102" onfocus="this.style.color='black';" />
					<input type="submit" class="loginbutton" value="{vb:rawphrase log_in}" tabindex="104" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
						</div>
					</div>
				</fieldset>
				<div id="remember" class="remember">
					<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" /> {vb:rawphrase remember_me}</label>
				</div>
			
				<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="login" />
				<input type="hidden" name="vb_login_md5password" />
				<input type="hidden" name="vb_login_md5password_utf" />
			</form>	
		</vb:if>
	</div>
	<div class="ad_global_header">
		{vb:raw ad_location.global_header1}
		{vb:raw ad_location.global_header2}
	</div>
	<hr />
	{vb:raw ad_location.ad_header_end}
</div>

Link do strony:
Honda Podkarpacie

VB4.0.0
Styl DEFAULT

Pomoże ktoś ?
Będę bardzo wdzięczny

Jakiego rotatora używasz? Lepiej podaj kod tego rotatora.
Najpierw proponuję zmienić tło nagłówka w taki sposób by nie było widać krawędzi osadzanych obrazków. By to uzyskać musiałbyć mieć jednakowe tło headera i obrazków użytych w rotatorze. Na obrazkach rotatora mogą się zmieniać tylko obiekty.

w jaki sposób wyobrażasz sobie, aby tło zmieniających sie obrazków było takie samo jak headera???

By ułatwić sobie sprawę mogą to być np obrazki z samochodami Honda na takim samym jednolitym tle. Wtedy nie będzie problemu z tłem.

on używa obrazków z różnymi samochodami i tłami, najprostszym rozwiązaniem moim zdaniem będzie albo dobranie wymiarów obrazków, ich proporcji np. 800/120 px, lub zmiana szerokości forum

no dobra ale szerokość forum mam teraz ustawioną aby dostosowywała sie do szerokości ekranu .... plus oczywiście margines 35px

jak dobrze pamiętam to to jest kod logo:

Kod:

<div id="header" class="floatcontainer doc_header">
	{vb:raw ad_location.ad_header_logo}
	<center><div style="height:220px; float: center; width:700px;">
<div style="position:relative; top:20px; width: auto; align: center;"><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></div></center>
	<div id="toplinks" class="toplinks">

poczytałem troche internet ... i wpadłem na pomysł aby to wsadzić do jakiejś tabeli (np nowej) i ją zdefiniować tak jak forum tzn. auto rozmiar ale zawsze z marginesem takim jak forum ... ma to jakiś sens ?? ... no i jak to zrobić ??


ogólnie chodzi mi o to aby logo zawsze wypełniało całego headera ... nie ważne od zooma czy rozdzielczości.

Tak jak np. na tym forum:

JDM-Option.pl Forum :: Strona G


szybkiego testu można dokonać zoomując strone (ctrl+rolka myszy) ... logo rozszerza/zwęża sie z forum proporcjonalnie ... wypełniając header

To co pisze araj w Twoim przypadku nie zda egzaminu. Nadaje się tylko w przypadku gdy tabela forum ma stałą szerokość.

220 pikseli to jest zdecydowanie za dużo jeśli chodzi o wysokość nagłówka forum. Standardowa wysokość to 80 do 120 pikseli. Ma być to w końcu forum a nie animacja obrazków więc treści forum są najważniejsze. Obrazki w nagłówku nie powinny zwracać głównej uwagi, a tylko podkreślać tematykę forum.

W twoim przypadku proponuję wypełnić header jakimś wzorkiem lub jednolitym kolorem a w pokazie slajdów użyć obrazków o przynajmniej jednej krawędzi takiej samej jak tło nagłówka np:

A oto elementy składowe nagłówka:

Przy wyżej przedstawionym układzie obrazek pokazu slajdów nie będzie deformowany i zawsze będzie tej samej szerokości. W dodatku jest bardzo dobrze wkomponowany w tło nagłówka które niezależnie od rozdzielczości monitora zawsze będzie wypełniało pozostałą część nagłówka. Czarną część można także wykorzystać do osadzenia loga i nazwy forum.

Wysokość logo 220px je\st tylko na próbę ... docelowo oczywiście bedzie mniejsze ... co nie zmienia faktu że nadal logo nie jest dopasowane tak jak bym chciał.

Pomysł Marka z wycieniowanym logo to moje wyjście awaryjne, którego jednak chciałbym uniknąć.

Licze że na forum uzyskam odpowiedź jak to zrobić.

Cały czas myśle aby wstawić to logo/rotator w jakąś ramkę (tablice) i ją zdefiniować tak jak forum ... ale tego nie ogarniam jeszcze

Na stronie JDM-Option.pl Forum :: Strona G zastosowano rozwiązanie o którym wspominał araj. Jednak ta opcja wymaga stałej szerokości forum i nagłówka. Jest to najłatwiejsza opcja bo wystarczy dopasować tylko szerokości obrazu do nagłówka.

Faktycznie ... cały czas myślałem że całe forum sie dopasowywuje ... a tak naprawde miałem zawsze zoom na jdm-option

Takie rozwiązanie (stała szerokość forum) było by dla mnie lepsze od tego z wycieniowanym headerem.

Tak więc ustawiam stałą szerokość dla całego forum i dla logo ... powinno być ok

Jakby ktoś jednak znał odpowiedź jak automatycznie dopasować to logo ... niech się podzieli tym info ... na pewno się przyda

Dziękuje wszystkim za pomoc i naprowadzenie na to rozwiązanie !!