- Регистрация
- 19 Янв 2013
- Сообщения
- 158
- Лучшие ответы
- 0
- Репутация
- 21
Открыть шаблон header и заменить всё этим:
PHP:
<div class="above_body"> <!-- closing tag is in template navbar --><div id="header" class="floatcontainer doc_header"> <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 /> <div class="loginLeft"> <a href="javascript:" id="loginDrop">Login/Signup <i class="fa fa-chevron-circle-down fa-2x"></i></a> <div class="loginDown"> <!-- login form --> <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script>
<ul> <li class="inputPad"><div class="loginBoxInput"><input type="text" class="loginInput" 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;" /></div></li> <li class="inputPad"><div class="loginBoxInput"><input type="password" class="loginInput" tabindex="102" name="vb_login_password" id="navbar_password" size="10" /></div></li> <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> Remember Me?</label></li> <li class="loginButton"><input type="submit" tabindex="104" value="Login" accesskey="s" class="loginBtn" /> <a href="register.php" class="signupBtn">Signup</a></li> </ul>
<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_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); }); 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='black'; } }
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='#828282'; } } </script> <!-- / login form --> </div> </div> </vb:if> </div>
Примечание, там вверхнем коде, есть скрипт, ссылающийся на:
PHP:
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script>
Открыть шаблон additional.css и добавить в самый низ:
PHP:
.toplinks {
background: url('images/main-bg.png') repeat-x scroll 0% 0% transparent;
color: #ffffff;
font: 11px 'Roboto',sans-serif;
height: 20px;
padding: 5px 0;
position: relative;
right: 0;
text-align: right;
top: 0;
width: 100%;
}
.toplinks form {
clear: left;
display: block;
float: right;
margin-right: 0;
min-width: 200px;
text-align: left;
}
.toplinks .logindetails {
float: left;
margin-right: 5px;
}
.toplinks ul.nouser {
margin-top: -5px;
}
.toplinks form input.textbox {
color: #000000;
padding: 3px 5px;
}
.toplinks .logindetails, .toplinks ul.nouser li a {
background: #F60;
}
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks .notifications a.popupctrl.active {
background: #333;
border-radius: 3px;
padding: 3px 15px 3px 4px;
}
.toplinks ul.isuser li a:hover {
background: #333;
border-radius: 3px;
}
.toplinks .nonotifications .popupbody a:hover {
background: #333;
color: #fff;
padding: 0 5px;
text-decoration: underline;
}
.toplinks ul.isuser, .toplinks ul.nouser {
display: block;
float: right;
clear: none;
list-style: none;
}
.social-icons {
float: left;
width: 400px;
}
.s-icon {
float: left;
padding: 0px;
color: #F0F0F0;
margin-left: 8px;
font-size: 14px;
transition:all 0.5s;
-webkit-transition:all 0.5s;
font-smooth:always;
}
.s-icon:hover{
color: rgb(230, 73, 0) !important;
}
.loginLeft {
float: right;
position: relative;
right: 2px;
top: -4px;
}
.loginDown ul li {
width: 95%;
padding: 5px;
}
#loginDrop {
padding: 3px;
color: #FFF;
text-transform: uppercase;
font-size: 18px;
font-family: 'Oswald',sans-serif;
display: inline-block;
}
#loginDrop i {
font-size: 24px !important;
margin-left: 5px;
}
.loginDown {
display: none;
width: 200px;
height: auto;
overflow: hidden;
position: absolute;
z-index: 200;
right: 0;
top: 35px;
background: rgba(0,0,0,0.9);
padding: 10px;
border: 2px solid white;
box-shadow: 1px 1px 3px 2px #000;
-moz-box-shadow: 1px 1px 3px 2px #000;
-webkit-box-shadow: 1px 1px 3px 2px #000;
}
.loginDown input[type=text], .loginDown input[type=password]{
width: 92%;
padding: 5px;
background: #F0F0F0;
border: 1px solid #ccc;
border-radius: 5px;
}
.loginBtn, .signupBtn {
float: left;
margin-left: 8px !important;
padding: 6px 10px !important;
width: 75px;
color: #21A1D4;
font-family: Oswald,serif;
font-size: 14px !important;
font-weight: normal;
text-align: center;
cursor: pointer;
}
.loginBtn {
background: ;
margin: 0 !important;
width: 85px;
}
.signupBtn {
background: #21A1D4;
padding: 6px 10px !important;
width: 70px;
}
Открыть шаблон headinclude и заменить всё этим:
PHP:
<meta http-equiv="Content-Type" content="text/html; charset={vb:stylevar charset}" />
<meta id="e_vb_meta_bburl" name="vb_meta_bburl" content="{vb:raw vboptions.bburl}" />
<base href="{vb:raw basepath}" /><!--[if IE]></base><![endif]-->
<meta name="generator" content="vBulletin {vb:raw vboptions.templateversion}" />
<vb:if condition="$stylevar['favicon']">
<link rel="Shortcut Icon" href="{vb:stylevar favicon}" type="image/x-icon" />
</vb:if>
<vb:if condition="$show['threadinfo']">
<vb:elseif condition="$show['foruminfo']" />
<meta name="keywords" content="{vb:raw foruminfo.title_clean}, {vb:raw vboptions.keywords}" />
<meta name="description" content="<vb:if condition="$pagenumber > 1">{vb:rawphrase page_x, {vb:raw pagenumber}}-</vb:if>{vb:raw foruminfo.description_clean}" />
<vb:else />
<meta name="keywords" content="{vb:raw vboptions.keywords}" />
<meta name="description" content="{vb:raw vboptions.description}" />
</vb:if>
<vb:if condition="$show['fb_opengraph']">
{vb:raw facebook_opengraph}
</vb:if>
<vb:if condition="$show['remoteyui']">
<vb:if condition="$show['remoteyuicombo']">
<script type="text/javascript" src="{vb:stylevar yuicombopath}?{vb:stylevar yuiversion}/build/yuiloader-dom-event/yuiloader-dom-event.js&{vb:stylevar yuiversion}/build/connection/connection-min.js"></script>
<vb:else />
<script type="text/javascript" src="{vb:stylevar yuipath}/yuiloader-dom-event/yuiloader-dom-event.js"></script>
</vb:if>
</vb:if>
<script type="text/javascript">
<!--
if (typeof YAHOO === 'undefined') // Load ALL YUI Local
{
document.write('<script type="text/javascript" src="clientscript/yui/yuiloader-dom-event/yuiloader-dom-event.js?v={vb:raw vboptions.simpleversion}"><\/script>');
document.write('<script type="text/javascript" src="clientscript/yui/connection/connection-min.js?v={vb:raw vboptions.simpleversion}"><\/script>');
var yuipath = 'clientscript/yui';
var yuicombopath = '';
var remoteyui = false;
}
else // Load Rest of YUI remotely (where possible)
{
var yuipath = '{vb:stylevar yuipath}';
var yuicombopath = '{vb:stylevar yuicombopath}';
var remoteyui = true;
if (!yuicombopath)
{
document.write('<script type="text/javascript" src="{vb:stylevar yuipath}/connection/connection-min.js"><\/script>');
}
}
var SESSIONURL = "{vb:raw session.sessionurl_js}";
var SECURITYTOKEN = "{vb:raw bbuserinfo.securitytoken}";
var IMGDIR_MISC = "{vb:stylevar imgdir_misc}";
var IMGDIR_BUTTON = "{vb:stylevar imgdir_button}";
var vb_disable_ajax = parseInt("{vb:raw vboptions.disable_ajax}", 10);
var SIMPLEVERSION = "{vb:raw vboptions.simpleversion}";
var BBURL = "{vb:raw vboptions.bburl}";
var LOGGEDIN = {vb:raw bbuserinfo.userid} > 0 ? true : false;
var THIS_SCRIPT = "{vb:raw this_script}";
var RELPATH = "{vb:raw relpath}";
var PATHS = {
forum : "{vb:raw vboptions.vbforum_url}",
cms : "{vb:raw vboptions.vbcms_url}",
blog : "{vb:raw vboptions.vbblog_url}"
};
var AJAXBASEURL = "{vb:raw ajaxbaseurl}";
// -->
</script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/vbulletin-core.js?v={vb:raw vboptions.simpleversion}"></script>
{vb:raw template_hook.headinclude_javascript}
<vb:if condition="$vboptions['externalrss']">
<link rel="alternate" type="application/rss+xml" title="{vb:raw vboptions.bbtitle} {vb:rawphrase rss_feed}" href="{vb:raw vboptions.bburl}/external.php?type=RSS2" />
<vb:if condition="$show['foruminfo'] OR $show['threadinfo']">
<link rel="alternate" type="application/rss+xml" title="{vb:raw vboptions.bbtitle} - {vb:raw foruminfo.title_clean} - {vb:rawphrase rss_feed}" href="{vb:raw vboptions.bburl}/external.php?type=RSS2&forumids={vb:raw foruminfo.forumid}" />
</vb:if>
</vb:if>
<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile main-rollup.css}
{vb:raw template_hook.custom_css_links}
<vb:else />
{vb:cssfile bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css{vb:raw template_hook.custom_css_list}}
</vb:if>
<!--[if lt IE 8]>
{vb:cssfile popupmenu-ie.css,vbulletin-ie.css,vbulletin-chrome-ie.css,vbulletin-formcontrols-ie.css,editor-ie.css}
<![endif]-->
{vb:raw template_hook.headinclude_css}
Важно: Не забудьте перед заменой родных шаблонов, сделать их копии, а затем, добавить в новые шаблоны те переменные (информацию), которые конечно же были в них до правки, то есть коды рекламы и прочего.
А также в шаблоне additional.css по желанию правим цвет формы входа под свои предпочтения.
Автор урока: p@d