• Rejestracja
vBHELP.pl - polskie wsparcie vBulletin
Strona 1 z 2 12 OstatniOstatni
  1. #1
    Awatar hateyou
    hateyou jest nieaktywny Stały bywalec
    Dołączył
    Jan 2012
    Przegląda
    Berlin
    Posty
    128

    Domyślnie Zaokrąglony panel

    Witam, w jaki sposób mogę zaokrąglić panel użytkownika niezalogowanego?

    Obrazek przedstawia mój aktualny panel oraz panel który chciałbym otrzymać po konfiguracji:

    Pilnie poszukuje załogi na forum, informacje na PM!



  2. #2
    Awatar Grzegorz
    Grzegorz jest nieaktywny Ja tu tylko sprzątam
    Dołączył
    Jan 2008
    Posty
    1 620
    Przydatne posty
    111

    Domyślnie

    Za zaokrąglenia odpowiada taki kod:
    Kod:
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    Wartości 5px wskazują jak bardzo ma być zaokrąglony element. Styl jest zmodyfikowany więc nie koniecznie są tam takie same klasy css jak w standardowym. Proponuję edytować header, zobaczyć co tam jest pododawane i do klas odpowiadających z dane miejsce dodać kod, który podałem powyżej. Ewentualnie skontaktować się z supportem firmy w której został zakupiony styl.
    Potrzebujesz stylu dla swojego forum? Chcesz przenieść styl z vbulletin 3 na vbulletin 4? Pisz PW


  3. #3
    Awatar hateyou
    hateyou jest nieaktywny Stały bywalec
    Dołączył
    Jan 2012
    Przegląda
    Berlin
    Posty
    128

    Domyślnie

    Niezbyt mi wychodzi konfiguracja, zawartość mojego pliku:

    Kod:
    <div class="above_body"> <!-- closing tag is in template navbar -->
    <div id="header" class="floatcontainer doc_header">
    	<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>
    	<div id="toplinks" class="toplinks">
    		<vb:if condition="$show['member']">
    			<ul class="isuser">
    				<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>
    				<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="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>
    				<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></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>
    					<ul class="popupbody popuphover">
    						<li>{vb:rawphrase no_new_messages}</li>
    						<vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li></vb:if>
    					</ul>
    				</li>
    				</vb:if>
    				<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
    				<vb:if condition="$vboptions['enablefacebookconnect']">
    					{vb:raw facebook_header}
    				</vb:if>
    			</ul>
                {vb:raw template_hook.header_userinfo}
    			<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>
    				<li>
    			<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
    			<form id="navbar_loginform" 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<vb:if condition="!$username"> default-value</vb:if>" 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>" />
    					<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
    					<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
                        <input type="checkbox" name="cookieuser" title="Remember Me?" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" />
    					<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
    						</div>
    					</div>
    				</fieldset>
    
    				<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>
    			<script type="text/javascript">
    			YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
    			YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
    			YAHOO.util.Dom.setStyle('navbar_username', "color", "#828282");
    			vB_XHTML_Ready.subscribe(function()
    			{
    			//
    				YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
    				YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
    				YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
    				YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
    			});
    			
    			function navbar_username_focus(e)
    			{
    			//
    				var textbox = YAHOO.util.Event.getTarget(e);
    				if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')
    				{
    				//
    					textbox.value='';
    					textbox.style.color='{vb:stylevar input_color}';
    				}
    			}
    
    			function navbar_username_blur(e)
    			{
    			//
    				var textbox = YAHOO.util.Event.getTarget(e);
    				if (textbox.value == '')
    				{
    				//
    					textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';
    					textbox.style.color='{vb:stylevar shade_color}';
    				}
    			}
    			
    			function navbar_password_hint(e)
    			{
    			//
    				var textbox = YAHOO.util.Event.getTarget(e);
    				
    				YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
    				YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
    				YAHOO.util.Dom.get('navbar_password').focus();
    			}
    
    			function navbar_password(e)
    			{
    			//
    				var textbox = YAHOO.util.Event.getTarget(e);
    				
    				if (textbox.value == '')
    				{
    					YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
    					YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
    				}
    			}
    			</script>
    				</li>
    				<vb:if condition="$vboptions['enablefacebookconnect']">
    					{vb:raw facebook_header}
    				</vb:if>
    			</ul>
    		</vb:if>
    	</div>
    	<div class="ad_global_header">
    		{vb:raw ad_location.global_header1}
    		{vb:raw ad_location.global_header2}
    
    	</div>
    	<hr />
    </div>
    Nie jestem w stanie tego odpowiednio umiejscowić
    Ostatnio edytowane przez Mateusz K. ; 31.03.2012 o 19:41
    Pilnie poszukuje załogi na forum, informacje na PM!


  4. #4
    Marcin1 jest nieaktywny Stały bywalec
    Dołączył
    Jan 2012
    Posty
    131
    Przydatne posty
    5

    Domyślnie

    Kod:
    <div class="above_body"> <!-- closing tag is in template navbar -->
    <div id="header" class="floatcontainer doc_header">
    	<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>
    	<div id="toplinks" class="toplinks">
    		<vb:if condition="$show['member']">
    			<ul class="isuser">
    				<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>
    				<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="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>
    				<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></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>
    					<ul class="popupbody popuphover">
    						<li>{vb:rawphrase no_new_messages}</li>
    						<vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li></vb:if>
    					</ul>
    				</li>
    				</vb:if>
    				<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
    				<vb:if condition="$vboptions['enablefacebookconnect']">
    					{vb:raw facebook_header}
    				</vb:if>
    			</ul>
                {vb:raw template_hook.header_userinfo}
    			<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>
    				<li>
    			<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
    			<form id="navbar_loginform" 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<vb:if condition="!$username"> default-value</vb:if>" 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>" />
    					<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
    					<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
    					<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" 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" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {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>
    			<script type="text/javascript">
    			YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
    			YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
    			vB_XHTML_Ready.subscribe(function()
    			{
    			//
    				YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
    				YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
    				YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
    				YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
    			});
    			
    			function navbar_username_focus(e)
    			{
    			//
    				var textbox = YAHOO.util.Event.getTarget(e);
    				if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')
    				{
    				//
    					textbox.value='';
    					textbox.style.color='{vb:stylevar input_color}';
    				}
    			}
    
    			function navbar_username_blur(e)
    			{
    			//
    				var textbox = YAHOO.util.Event.getTarget(e);
    				if (textbox.value == '')
    				{
    				//
    					textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';
    					textbox.style.color='{vb:stylevar shade_color}';
    				}
    			}
    			
    			function navbar_password_hint(e)
    			{
    			//
    				var textbox = YAHOO.util.Event.getTarget(e);
    				
    				YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
    				YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
    				YAHOO.util.Dom.get('navbar_password').focus();
    			}
    
    			function navbar_password(e)
    			{
    			//
    				var textbox = YAHOO.util.Event.getTarget(e);
    				
    				if (textbox.value == '')
    				{
    					YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
    					YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
    				}
    			}
    			</script>
    				</li>
    				<vb:if condition="$vboptions['enablefacebookconnect']">
    					{vb:raw facebook_header}
    				</vb:if>
    			</ul>
    		</vb:if>
    	</div>
    	<div class="ad_global_header">
    		{vb:raw ad_location.global_header1}
    		{vb:raw ad_location.global_header2}
    	</div>
    	<hr />
    </div>
    
    To u mnie, ale nie wiem czy o to Ci chodzi... Pisałeś na privie, że mam zaokrąglenia, Ja ich nie widzę... Sam nie wiem.
    Ostatnio edytowane przez Mateusz K. ; 31.03.2012 o 19:41


  5. #5
    Awatar hateyou
    hateyou jest nieaktywny Stały bywalec
    Dołączył
    Jan 2012
    Przegląda
    Berlin
    Posty
    128

    Domyślnie

    Zgadza się, na twojej stronie znajduje się zaokrąglony panel, lecz zawartość "header" którą podałeś nie jest kompatybilna z moim stylem BlueFox

    Może Pan Grzegorz coś wydumał, hmm ?
    Pilnie poszukuje załogi na forum, informacje na PM!


  6. #6
    Marcin1 jest nieaktywny Stały bywalec
    Dołączył
    Jan 2012
    Posty
    131
    Przydatne posty
    5

    Domyślnie

    Czyli u mnie przeglądarka internetowa coś nie tak ? ;/


  7. #7
    Mateusz K. jest nieaktywny vBHELP.pl Team
    Dołączył
    Sep 2008
    Posty
    1 447
    Przydatne posty
    164

    Domyślnie

    Ogólnie za zaokrąglony panel w większości odpowiada sekcja vbulletin-chrome.css po edycja znajdź sobie fragment:
    Kod:
    .toplinks .logindetails {

    i dla przykładu domyślnego stylu jest taki kod, możesz go wstawić i sprawdzić czy działa:
    Kod:
    .toplinks .logindetails {
    	padding: 0 {vb:stylevar padding};
    	text-align: center;
    	background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    	-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    	-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    	border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    	border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    	height:{vb:math 14px + {vb:math {vb:stylevar font.fontSize}-1}};
    }


  8. #8
    Marcin1 jest nieaktywny Stały bywalec
    Dołączył
    Jan 2012
    Posty
    131
    Przydatne posty
    5

    Domyślnie

    Przy okazji tego tematu dowiedziałem się, że moja przeglądarka szwankuje na 100% i dlatego były rozbieżności... Później trza coś dograć lepszego.


  9. #9
    Awatar hateyou
    hateyou jest nieaktywny Stały bywalec
    Dołączył
    Jan 2012
    Przegląda
    Berlin
    Posty
    128

    Domyślnie

    Kod:
    .toplinks .logindetails {
    	padding: 0 {vb:stylevar padding};
    	text-align: center;
    	background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    	-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    	-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    	border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    	border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    	height:{vb:math 14px + {vb:math {vb:stylevar font.fontSize}-1}};
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    Nie do końca wszystko zaokrągliło :

    aaaaa.JPG
    Ostatnio edytowane przez Mateusz K. ; 31.03.2012 o 20:49
    Pilnie poszukuje załogi na forum, informacje na PM!


  10. #10
    Mateusz K. jest nieaktywny vBHELP.pl Team
    Dołączył
    Sep 2008
    Posty
    1 447
    Przydatne posty
    164

    Domyślnie

    Za pozostałe elementy kod:
    Kod:
    .toplinks ul.nouser li a {
    	display: block;
    	float: {vb:stylevar right};
    	clear: {vb:stylevar left};
    	color:{vb:stylevar toplinks_link_color};
    	position: relative;
    	padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
    	background: {vb:stylevar toplinks_hilite_background.backgroundColor};
    	-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
    	-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    	border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
    	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    	border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
    	height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
    	font-weight:bold;
    	font-size:{vb:stylevar mid_fontSize};
    	margin-{vb:stylevar right}: 10px;
    }


Strona 1 z 2 12 OstatniOstatni
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