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:
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!
Za zaokrąglenia odpowiada taki kod:
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.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;
Potrzebujesz stylu dla swojego forum? Chcesz przenieść styl z vbulletin 3 na vbulletin 4? Pisz PW
Niezbyt mi wychodzi konfiguracja, zawartość mojego pliku:
Nie jestem w stanie tego odpowiednio umiejscowić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&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>
Ostatnio edytowane przez Mateusz K. ; 31.03.2012 o 20:41
Pilnie poszukuje załogi na forum, informacje na PM!
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&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 20:41
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!
Czyli u mnie przeglądarka internetowa coś nie tak ? ;/
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}}; }
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.
Nie do końca wszystko zaokrągliło :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; }
aaaaa.JPG
Ostatnio edytowane przez Mateusz K. ; 31.03.2012 o 21:49
Pilnie poszukuje załogi na forum, informacje na PM!
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; }