• Rejestracja
vBHELP.pl - polskie wsparcie vBulletin
Strona 1 z 2 12 OstatniOstatni
  1. #1
    Rogal jest nieaktywny Początkujący
    Dołączył
    lis 2009
    Posty
    5

    Domyślnie Logo - ustawienie automatycznego rozmiaru

    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



  2. #2
    Marek jest nieaktywny Banned
    Dołączył
    maj 2008
    Przegląda
    Where my hat is
    Posty
    0
    Przydatne posty
    26

    Domyślnie

    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.


  3. #3
    Awatar araj
    araj jest nieaktywny Advanced Member
    Dołączył
    sty 2008
    Przegląda
    Dania
    Posty
    431
    Przydatne posty
    2

    Domyślnie

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


  4. #4
    Marek jest nieaktywny Banned
    Dołączył
    maj 2008
    Przegląda
    Where my hat is
    Posty
    0
    Przydatne posty
    26

    Domyślnie

    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.


  5. #5
    Awatar araj
    araj jest nieaktywny Advanced Member
    Dołączył
    sty 2008
    Przegląda
    Dania
    Posty
    431
    Przydatne posty
    2

    Domyślnie

    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


  6. #6
    Rogal jest nieaktywny Początkujący
    Dołączył
    lis 2009
    Posty
    5

    Domyślnie

    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


  7. #7
    Marek jest nieaktywny Banned
    Dołączył
    maj 2008
    Przegląda
    Where my hat is
    Posty
    0
    Przydatne posty
    26

    Domyślnie

    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.


  8. #8
    Rogal jest nieaktywny Początkujący
    Dołączył
    lis 2009
    Posty
    5

    Domyślnie

    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


  9. #9
    Marek jest nieaktywny Banned
    Dołączył
    maj 2008
    Przegląda
    Where my hat is
    Posty
    0
    Przydatne posty
    26

    Domyślnie

    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.



  10. #10
    Rogal jest nieaktywny Początkujący
    Dołączył
    lis 2009
    Posty
    5

    Domyślnie

    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 !!


Strona 1 z 2 12 OstatniOstatni

Podobne wątki

  1. Reguły automatycznego usuwania użytkowników
    By Marek in forum Modyfikacje
    Odpowiedzi: 0
    Ostatni post / autor: 16.06.2010, 11:53
  2. Odpowiedzi: 0
    Ostatni post / autor: 18.05.2010, 15:43
  3. Stop wors dla automatycznego tagowania tematów
    By baciarek in forum Pytania i problemy
    Odpowiedzi: 0
    Ostatni post / autor: 01.03.2010, 23:33
  4. zmiana wielkosci i rozmiaru avataru
    By fifilion in forum Pytania i problemy
    Odpowiedzi: 2
    Ostatni post / autor: 05.12.2009, 21:51
  5. Zmiana rozmiaru forum ?
    By .::Rider::. in forum Pytania i problemy
    Odpowiedzi: 2
    Ostatni post / autor: 21.11.2008, 14:14
Chmurka.pl

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67