Your Website'a Giriş Yapın

***DieseL*** · 12-19-2013, 08:03 PM

bu makalede size vBulletin 3.8.x versionunda giriş alanında icon eklemeyi öğreteceğim.

Temanızın navbar şablonunu açın içini boşaltın alttakileri yerleştirin;

Kod:

<!-- breadcrumb, login, pm info -->

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<tr>

    <td class="altbg" width="100%">

        <if condition="is_array($navbits)">

            <table cellpadding="0" cellspacing="0" border="0">

            <tr valign="bottom">

                <td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>

                <td>&nbsp;</td>

                <td width="100%"><span class="navbar"><a href="/forum.php" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>

            </tr>

            <tr>

                <td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>

            </tr>

            </table>

        <else />

            <div class="navbar" style="font-size:10pt"><a href="/forum.php" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>

        </if>

    </td>

<if condition="$show['member']">

    <td class="alt2" nowrap="nowrap">

    <div class="smallfont">

        <strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />

        <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

 

        <if condition="$show['notifications'] AND $show['popups']">

            <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>

            <script type="text/javascript"> vBmenu.register("notifications"); </script>

        <else /><if condition="$show['pmstats']">

            <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>

        </if></if>

 

        <if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>

    </div>

 

<div>

<script type="text/JavaScript">

<!--

function MM_jumpMenu(targ,selObj,restore){ //v3.0

  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

  if (restore) selObj.selectedIndex=0;

}

//-->

</script>

<select name="menu1" onchange="MM_jumpMenu('parent',this,0)">

<option>$vbphrase[private_messages]</option>

<option value="private.php?$session[sessionurl]do=newpm">$vbphrase[send_new_message]</option>

<option value="private.php?$session[sessionurl]folderid=0">$vbphrase[inbox]</option>

<option value="private.php?$session[sessionurl]folderid=-1">$vbphrase[sent_items]</option>

</select>

 

<a rel="nofollow" href="profile.php?$session[sessionurl]do=editoptions"><img src="$stylevar[imgdir_misc]/ayar.png" border="0" alt="$vbphrase[edit_options]"></a>

 

<a href="private.php$session[sessionurl_q]" accesskey="5"><img src="$stylevar[imgdir_misc]/pm.png" border="0" alt="$vbphrase[private_messages]"></a>

 

<a href="subscription.php$session[sessionurl_q]" accesskey="5"><img src="$stylevar[imgdir_misc]/sub.png" border="0" alt="$vbphrase[subscribed_threads]"></a>

 

<a rel="nofollow" href="profile.php?$session[sessionurl]do=editprofilepic"><img src="$stylevar[imgdir_misc]/profil.gif" border="0" alt="$vbphrase[edit_profile_picture]"></a>

 

<a rel="nofollow" href="profile.php?$session[sessionurl]do=editavatar"><img src="$stylevar[imgdir_misc]/avatar.png" border="0" alt="$vbphrase[edit_avatar]"></a> 

 

<a rel="nofollow" href="profile.php?$session[sessionurl]do=buddylist"><img src="$stylevar[imgdir_misc]/friend.gif" border="0" alt="$vbphrase[contacts_and_friends]"></a>

</div> 

 

    </td>

<else />

    <td class="alt2" nowrap="nowrap" style="padding:0px">

        <!-- Login form -->

<form action="giris/islemde/" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">

<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>

 

<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">

<tr>

<td class="smallfont" style="white-space: nowrap;">

<label for="navbar_username">$vbphrase[username]</label>

</td>

 

<td>

<span class="quick" style="display: block;">

<span class="yoo-login"><span class="login">

<span class="username"><input type="text" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onblur="if(this.value=='') this.value='$vbphrase[username]';"  onfocus="if (this.value == '$vbphrase[username]') this.value = '';" />

 

</span>

</span>

</span>

</span>

</td>

 

<td class="smallfont" nowrap="nowrap">

<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" checked="checked" /></label>

 

<input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" />

</td>

</tr>

 

<tr>

<td class="smallfont">

<label for="navbar_password">$vbphrase[password]</label>

</td>

 

<td>

<span class="quick" style="display: block;">

<span class="yoo-login"><span class="login">

<span class="password"><input type="password" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" value="$vbphrase[password]" onblur="if(this.value=='') this.value='$vbphrase[password]';" onfocus="if (this.value == '$vbphrase[password]')this.value = '';" /></span>

</span>

</span>

</span>

</td>

 

<td><span class="quick" style="display: block;">

<span class="yoo-login"><span class="login">

<span class="lostpassword"><a href=login-do_lostpw.html title="Şifremi Unuttum ?"></a></span>

<span class="lostusername"><a href="yardim/" title="$vbphrase[faq]"></a></span>

<span class="registration"><a href="kayit-ol/" title="$vbphrase[register]"></a></span>

</span>

</span>

</span>

</td>

</tr>

</table>

 

<input type="hidden" name="s" value="$session[sessionhash]" />

<input type="hidden" name="securitytoken" value="$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>

<!-- / Login form -->

    </td>

</if>

</tr>

</table>

<!-- / breadcrumb, login, pm info -->

 

<!-- nav buttons bar -->

<div class="tborder" style="padding:$stylevar[cellspacing]px; border-top-width:0px">

    <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">

    <tr align="center">

 

<td class="vbmenu_control"><a href="http://www.vbulletindestek.org/" rel="nofollow"><img src="/K-Style/K-Heavy/images/1.gif" border="0">Anasayfa</a></td>

 

<td class="vbmenu_control"><a href="/forum.php" rel="nofollow"><img src="/K-Style/K-Heavy/images/2.gif" border="0">Forum</a></td>

 

        <if condition="$show['member']">

            <td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]"><img src="/K-Style/K-Heavy/images/3.gif" border="0">$vbphrase[user_cp]</a></td>

        </if>

 

        <if condition="$show['registerbutton']">

            <td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>

        </if>

 

        <if condition="$vboptions['enablememberlist']">

            <td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>

        </if>

        <if condition="$show['popups']">

            <if condition="$show['searchbuttons']">

                <if condition="$show['member']">

                <td class="vbmenu_control"><a rel="nofollow" href="search.php?$session[sessionurl]do=getnew" accesskey="2"><img src="/K-Style/K-Heavy/images/4.gif" border="0">$vbphrase[new_posts_nav]</a></td>

                <else />

                <td class="vbmenu_control"><a rel="nofollow" href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>

                </if>

                <td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow"><img src="/K-Style/K-Heavy/images/5.gif" border="0">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>

            </if>

            <if condition="$show['member']">

                <td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools" accesskey="3"><img src="/K-Style/K-Heavy/images/6.gif" border="0">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>

            </if>

        <else />

            <if condition="$show['searchbuttons']">

                <td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4"><img src="/K-Style/K-Heavy/images/7.gif" border="0">$vbphrase[search]</a></td>

                <if condition="$show['member']">

                <td class="vbmenu_control"><a rel="nofollow" href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>

                <else />

                <td class="vbmenu_control"><a rel="nofollow" href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>

                </if>

            </if>

            <td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>

            <if condition="$show['member']">

                <td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td>

            </if>

        </if>

        $template_hook[navbar_buttons_left]

        <td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5"><img src="/K-Style/K-Heavy/images/8.gif" border="0">$vbphrase[faq]</a></td>

        $template_hook[navbar_buttons_right]

        <if condition="$show['member']">

            <td class="vbmenu_control"><a rel="nofollow" href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><img src="/K-Style/K-Heavy/images/9.gif" border="0">$vbphrase[log_out]</a></td>

 

<td class="vbmenu_control"><a href="/admincp/language.php?do=setdefault&amp;dolanguageid=3" rel="nofollow"><img src="/K-Style/K-Heavy/images/tr.gif" border="0"></a></td>

 

<td class="vbmenu_control"><a href="/admincp/language.php?do=setdefault&amp;dolanguageid=1" rel="nofollow"><img src="/K-Style/K-Heavy/images/ax.gif" border="0"></a></td>

 

        </if>

        </tr>

    </table>

</div>

<!-- / nav buttons bar -->

 

<br />

 

<if condition="$show['notices']">

    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

    <tr>

        <td class="thead">$vbphrase[notices]</td>

    </tr>

    <tr>

        <td class="alt1">$notices</td>

    </tr>

    </table>

    <br />

</if>

 

<if condition="$show['forumdesc']">

    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

    <tr>

        <td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>

    </tr>

    </table>

    <br />

</if>

 

<if condition="$show['popups']">

<!-- Navbar POPUP MENUS -->

 

    <if condition="$show['searchbuttons']">

    <!-- header quick search form -->

    <div class="vbmenu_popup" id="navbar_search_menu" style="display:none" align="$stylevar[left]">

        <table cellpadding="4" cellspacing="1" border="0">

        <tr>

            <td class="thead">$vbphrase[search_forums]</td>

        </tr>

        <tr>

            <td class="vbmenu_option" title="nohilite">

                <form action="arama/surec/" method="post">

 

                    <input type="hidden" name="do" value="process" />

                    <input type="hidden" name="quicksearch" value="1" />

                    <input type="hidden" name="childforums" value="1" />

                    <input type="hidden" name="exactname" value="1" />

                    <input type="hidden" name="s" value="$session[sessionhash]" />

                    <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />

                    <div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>

                    <div style="margin-top:$stylevar[cellpadding]px">

                        <label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>

                        &nbsp;

                        <label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>

                    </div>

                </form>

            </td>

        </tr>

        <if condition="$vboptions[threadtagging]">

        <tr>

            <td class="vbmenu_option"><a href="tags.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>

        </tr>

        </if>

        <tr>

            <td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>

        </tr>

        $template_hook[navbar_search_menu]

        </table>

    </div>

    <!-- / header quick search form -->

    </if>

 

    <if condition="$show['member']">

    <!-- user cp tools menu -->

    <div class="vbmenu_popup" id="usercptools_menu" style="display:none" align="$stylevar[left]">

        <table cellpadding="4" cellspacing="1" border="0">

 

        <tr><td class="thead">$vbphrase[quick_links]</td></tr>

        <if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a rel="nofollow" href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>

        <tr><td class="vbmenu_option"><a rel="nofollow" href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>

        <tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td></tr>

        $template_hook[navbar_quick_links_menu_pos1]

 

        <tr><td class="thead">$vbphrase[networking]</td></tr>

        <tr><td class="vbmenu_option"><a rel="nofollow" href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>

        <if condition="$show['quick_links_groups']">

            <tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>

        </if>

        <if condition="$show['quick_links_albums']">

            <tr><td class="vbmenu_option"><a rel="nofollow" href="album.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[pictures_and_albums]</a></td></tr>

        </if>

        $template_hook[navbar_quick_links_menu_pos2]

 

        <tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>

        <if condition="$show['siglink']"><tr><td class="vbmenu_option"><a rel="nofollow" href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>

        <!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a rel="nofollow" href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->

        <tr><td class="vbmenu_option"><a rel="nofollow" href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></td></tr>

        <tr><td class="vbmenu_option"><a rel="nofollow" href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>

        $template_hook[navbar_quick_links_menu_pos3]

 

        <tr><td class="thead">$vbphrase[miscellaneous]</td></tr>

        <if condition="$show['pmmainlink']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>

        <tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>

        <tr><td class="vbmenu_option"><a rel="nofollow" href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></td></tr>

        <if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>

        $template_hook[navbar_quick_links_menu_pos4]

 

        </table>

    </div>

    <!-- / user cp tools menu -->

 

    <if condition="$notifications_total">

    <!-- notifications menu -->

    <div class="vbmenu_popup" id="notifications_menu" style="display:none">

        <table cellpadding="4" cellspacing="1" border="0">

        <tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>

        $notifications_menubits

        </table>

    </div>

    <!-- / notifications menu -->

    </if>

 

    </if>

<!-- / Navbar POPUP MENUS -->

 

<!-- PAGENAV POPUP -->

    <div class="vbmenu_popup" id="pagenav_menu" style="display:none">

        <table cellpadding="4" cellspacing="1" border="0">

        <tr>

            <td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>

        </tr>

        <tr>

            <td class="vbmenu_option" title="nohilite">

            <form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">

                <input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />

                <input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />

            </form>

            </td>

        </tr>

        </table>

    </div>

<!-- / PAGENAV POPUP -->

</if>

 

$ad_location[ad_navbar_below]

Ardından temanızın css bölümüne gelerek ilave css ‘ye alttaki kodları yerleştirin.

Kod:

/* Login */

span.quick span.yoo-login span.login {

height: 20px;

}

 

span.quick span.yoo-login span.login .username,

span.quick span.yoo-login span.login .password,

span.quick span.yoo-login span.login .login-button-text,

span.quick span.yoo-login span.login .login-button-icon,

span.quick span.yoo-login span.login .lostpassword,

span.quick span.yoo-login span.login .lostusername,

span.quick span.yoo-login span.login .registration,

span.quick span.yoo-login span.logout .greeting,

span.quick span.yoo-login span.logout .logout-button-text,

span.quick span.yoo-login span.logout .logout-button-icon {

padding-right: 5px;

float: left;

}

 

span.quick span.yoo-login span.login .username input, span.quick span.yoo-login span.login .password input {

width: 70px;

height: 16px;

padding: 4px 0px 0px 30px;

border: none;

outline: none;

float: left;

color: #646464;

font-size: 75%;

}

 

span.quick span.yoo-login span.login .username input {

background: url(../../styles/quick/images/username_bg.png) 0 0 no-repeat;

float: right;

}

 

span.quick span.yoo-login span.login .password input {

background: url(../../styles/quick/images/password_bg.png) 0 0 no-repeat;

float: left;

}

 

span.quick span.yoo-login span.login .username input:hover, span.quick span.yoo-login span.login .username input.sfhover {

background: url(../../styles/quick/images/username_bg.png) 0 -20px no-repeat;

color: #000000;

float: right;

}

 

span.quick span.yoo-login span.login .password input:hover, span.quick span.yoo-login span.login .password input.sfhover {

background: url(../../styles/quick/images/password_bg.png) 0 -20px no-repeat;

color: #000000;

float: right;

}

 

span.quick span.yoo-login span.login .username input:focus, span.quick span.yoo-login span.login .username input.sffocus {

background: url(../../styles/quick/images/username_bg.png) 0 -20px no-repeat;

color: #000000;

float: right;

}

 

span.quick span.yoo-login span.login .password input:focus, span.quick span.yoo-login span.login .password input.sffocus {

background: url(../../styles/quick/images/password_bg.png) 0 -20px no-repeat;

color: #000000;

float: right;

}

 

span.quick span.yoo-login span.login .login-button-text button {

margin-top: -1px;

cursor: pointer;

}

 

span.quick span.yoo-login span.login .login-button-icon button {

display: block;

height: 20px;

width: 21px;

padding: 0px;

border: none;

background: url(../../styles/quick/images/login_button_bg.png) 0 0 no-repeat;

cursor: pointer;

overflow: hidden;

}

 

span.quick span.yoo-login span.login .login-button-icon button:hover, span.quick span.yoo-login span.login .login-button-icon button.sfhover {

background: url(../../styles/quick/images/login_button_bg.png) 0 -20px no-repeat;

}

 

span.quick span.yoo-login span.login .lostpassword a, span.quick span.yoo-login span.login .lostusername a, span.quick span.yoo-login span.login .registration a {

display: block;

height: 20px;

width: 25px;

cursor: pointer;

overflow: hidden;

}

 

span.quick span.yoo-login span.login .lostpassword a {

background: url(../../styles/quick/images/lost_password_bg.png) 0 0px no-repeat;

}

 

span.quick span.yoo-login span.login .lostusername a {

background: url(../../styles/quick/images/lost_username_bg.png) 0 0px no-repeat;

}

 

span.quick span.yoo-login span.login .registration a {

background: url(../../styles/quick/images/registration_bg.png) 0 0px no-repeat;

}

Linkleri görebilmek için Üye Olun veya Giriş Yapın.