merhaba arkadaşlar çok uğraştım ama bir türlü headerı istediğim gibi yapamadım ve sizden yardım istemek istedim
normal hali
yapmak istediğim
resimi bir program ile editledim farketmişsinizdir heralde işte böyle yapmak istiyorum yani aşşağıda arama kutusu nick çıkış yap bölümünü üste almam lazım ne denediysem olmadı orayı nasıl resimdeki gibi yaparım
sitem:
global.css
header
header_welcomeblock_member
header_welcomeblock_guest
normal hali
yapmak istediğim
resimi bir program ile editledim farketmişsinizdir heralde işte böyle yapmak istiyorum yani aşşağıda arama kutusu nick çıkış yap bölümünü üste almam lazım ne denediysem olmadı orayı nasıl resimdeki gibi yaparım
sitem:
Kod:
http://www.oyunkatili.com/index.php
global.css
Kod:
body {
background: #222 url(images/1/bg.png);
color: #000;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}
a:link {
color: #555;
text-decoration: none;
}
a:visited {
color: #444;
text-decoration: none;
}
a:hover, a:active {
color: #000;
text-decoration: underline;
}
#container {
color: #A31C14;
text-align: left;
line-height: 1.4;
margin: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}
.wrapper {
width: 85%;
min-width: 970px;
max-width: 1500px;
margin: auto auto;
}
#logo {
background: #A31C14 url(images/1/header.png) top left repeat-x;
border-bottom: 1px solid #000;
}
#content {
background: #fff;
width: auto !important;
padding: 20px 10px;
overflow: hidden;
}
#panel ul.menu {
margin: 0;
padding: 0;
list-style: none;
}
#panel ul.menu li {
margin: 0 5px;
display: inline;
}
#panel ul.menu li a {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
}
#panel .upper ul.top_links {
float: right;
font-weight: bold;
}
#panel .upper ul.top_links a.search {
background-image: url(images/1/icons/search.gif);
}
#panel .upper ul.top_links a.memberlist {
background-image: url(images/1/icons/memberlist.gif);
}
#panel .upper ul.top_links a.calendar {
background-image: url(images/1/icons/calendar.gif);
}
#panel .upper ul.top_links a.help {
background-image: url(images/1/icons/help.gif);
}
#panel .upper a.logout {
background: right no-repeat;
padding-right: 20px;
margin-left: 10px;
font-weight: bold;
}
#panel .upper a.login,
#panel .upper a.lost_password {
background: url(images/1/icons/login.gif) no-repeat;
padding-left: 20px;
margin-left: 10px;
font-weight: bold;
}
#panel .upper a.register {
background: url(images/1/icons/logout.gif) right no-repeat;
padding-right: 20px;
margin-left: 10px;
font-weight: bold;
}
#panel .lower ul.panel_links {
float: left;
}
#panel .lower ul.panel_links a.usercp {
background-image: url(images/1/icons/usercp.gif);
}
#panel .lower ul.panel_links a.modcp {
background-image: url(images/1/icons/modcp.gif);
}
#panel .lower ul.panel_links a.admincp {
background-image: url(images/1/icons/admincp.gif);
}
#panel .lower ul.user_links {
float: right;
}
#panel .lower ul.user_links li a {
padding: 0;
}
#panel .upper {
background: #222222 url(images/1/tcat.png) repeat-x;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
padding: 7px;
}
#panel .lower {
background: #efefef;
color: #999;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
overflow: hidden;
padding: 5px;
}
#panel .lower a:link,
#panel .lower a:visited {
color: #666;
}
#panel .lower a:hover,
#panel .lower a:active {
color: #333;
text-decoration: none;
}
#panel .remember_me input {
vertical-align: middle;
margin: -3px 0 0 5px;
}
#panel input {
margin: -3px 0;
}
#panel input.button {
padding: 0;
}
#footer ul.menu {
margin: 0;
padding: 0;
list-style: none;
}
#footer ul.menu li {
margin: 0 5px;
display: inline;
}
#footer .upper {
background: #dcdbdc url(images/1/tcat.png) repeat-x;
border-top: 1px solid #bbb;
padding: 6px;
overflow: hidden;
font-size: 12px;
}
#footer .upper .language {
float: right;
margin: -2px;
}
#footer .upper ul.bottom_links {
float: left;
margin: 3px 0 0 -5px;
}
#footer .lower {
background: #202121 url(images/1/thead.png) top left repeat-x;
color: #fff;
border-top: 1px solid #222;
border-bottom: 1px solid #111;
overflow: hidden;
padding: 8px;
font-size: 11px;
}
#footer .lower a:link,
#footer .lower a:visited {
color: #fff;
font-weight: bold;
}
#footer .lower a:hover,
#footer .lower a:active {
color: #fff;
font-weight: bold;
}
#footer .lower #current_time {
float: right;
}
fieldset {
border: 1px solid #ddd;
}
table {
color: #000000;
font-size: 13px;
}
.tborder {
background: #fff;
width: 100%;
margin: auto auto;
border: 1px solid #ccc;
padding: 1px;
}
.thead {
background: #202121 url(images/1/thead.png) top left repeat-x;
color: #ffffff;
border-bottom: 1px solid #000;
padding: 8px;
}
.thead a:link {
color: #ffffff;
text-decoration: none;
}
.thead a:visited {
color: #ffffff;
text-decoration: none;
}
.thead a:hover, .thead a:active {
color: #ffffff;
text-decoration: underline;
}
.tcat {
background: #dcdbdc url(images/1/tcat.png) repeat-x;
color: #fff;
border-top: 1px solid #222222;
border-bottom: 1px solid #bbb;
padding: 6px;
font-size: 12px;
}
.tcat a:link {
color: #000000;
}
.tcat a:visited {
color: #000000;
}
.tcat a:hover, .tcat a:active {
color: #fff;
}
.trow1 {
background: #f5f5f5;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}
.trow2 {
background: #efefef;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}
.trow_shaded {
background: #ffdde0;
border: 1px solid;
border-color: #fff #ffb8be #ffb8be #fff;
}
.trow_selected td {
background: #FFFBD9;
color: #000;
border-right-color: #F7E86A;
border-bottom-color: #F7E86A;
}
.trow_selected td a:link,
.trow_selected td a:visited,
.trow_selected td a:hover,
.trow_selected td a:active {
color: #000;
}
.trow_sep {
background: #ddd;
color: #000;
border-bottom: 1px solid #c5c5c5;
padding: 6px;
font-size: 12px;
font-weight: bold;
}
.tfoot {
background: #202121 url(images/1/thead.png) top left repeat-x;
color: #ffffff;
border-top: 1px solid #fff;
padding: 6px;
}
.tfoot a:link {
color: #ffffff;
text-decoration: none;
}
.tfoot a:visited {
color: #ffffff;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #ffffff;
text-decoration: underline;
}
.thead input.textbox,
.thead select,
.tfoot input.textbox,
.tfoot select {
border: 1px solid #111;
}
.bottommenu {
background: #efefef;
color: #000000;
border: 1px solid #4874a3;
padding: 10px;
}
.navigation {
color: #000000;
font-size: 12px;
}
.navigation a:link {
text-decoration: none;
}
.navigation a:visited {
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
text-decoration: none;
}
.navigation .active {
color: #000000;
font-size: small;
font-weight: bold;
}
.smalltext {
font-size: 11px;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid #ccc;
padding: 3px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}
textarea {
background: #ffffff;
color: #000000;
border: 1px solid #ccc;
padding: 2px;
line-height: 1.4;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}
select {
background: #ffffff;
padding: 3px;
border: 1px solid #ccc;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}
input.button {
padding: 2px;
cursor: pointer;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}
.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}
.editor_control_bar {
background: #fff;
border: 1px solid #ccc;
}
.autocomplete {
background: #fff;
color: black;
border: 1px solid #ccc;
padding: 1px;
}
.autocomplete_selected {
background: #333;
color: #fff;
}
.popup_menu {
background: #fff;
border: 1px solid #ccc;
}
.popup_menu .popup_item {
background: #efefef;
color: #000;
}
.popup_menu .popup_item:hover {
background: #333;
color: #fff;
}
.trow_reputation_positive {
background: #ccffcc;
}
.trow_reputation_negative {
background: #ffcccc;
}
.reputation_positive {
color: green;
}
.reputation_neutral {
color: #444;
}
.reputation_negative {
color: red;
}
.invalid_field {
border: 1px solid #f30;
color: #f30;
}
.valid_field {
border: 1px solid #0c0;
}
.validation_error {
background: url(images/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_success {
background: url(images/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_loading {
background: url(images/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
/* Additional CSS (Master) */
img {
border: none;
}
.clear {
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.hiddenrow {
display: none;
}
.selectall {
background: #FFFBD9;
border-bottom: 1px solid #F7E86A;
color: #000;
text-align: center;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}
img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}
hr {
background-color: #000000;
color: #000000;
height: 1px;
border: 0px;
}
#debug {
float: right;
text-align: right;
margin-top: 20px;
font-size: 11px;
}
blockquote {
border: 1px solid #ccc;
margin: 0;
background: #fff;
padding: 4px;
}
blockquote cite {
font-weight: bold;
border-bottom: 1px solid #ccc;
font-style: normal;
display: block;
margin: 4px 0;
}
blockquote cite span {
float: right;
font-weight: normal;
}
blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}
.codeblock {
background: #fff;
border: 1px solid #ccc;
padding: 4px;
}
.codeblock .title {
border-bottom: 1px solid #ccc;
font-weight: bold;
margin: 4px 0;
}
.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}
.subforumicon {
border: 0;
vertical-align: middle;
}
.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}
form {
margin: 0;
padding: 0;
}
.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}
.popup_menu .popup_item {
display: block;
padding: 4px;
white-space: nowrap;
text-decoration: none;
}
.popup_menu a.popup_item:hover {
text-decoration: none;
}
.autocomplete {
text-align: left;
}
.subject_new {
font-weight: bold;
}
.highlight {
background: #FFFFCC;
padding-top: 3px;
padding-bottom: 3px;
}
.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
}
div.error {
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
background: #FFF6BF;
font-size: 12px;
}
div.error p {
margin: 0;
color: #000;
font-weight: normal;
}
div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/error.gif) no-repeat 0;
}
div.error.ul {
margin-left: 24px;
}
.online {
color: #15A018;
}
.offline {
color: #C7C7C7;
}
.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}
.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.pagination .pages {
font-weight: bold;
}
.pagination .pagination_current, .pagination a {
padding: 3px 6px;
margin-bottom: 3px;
}
.pagination a {
background: #f5f5f5;
border: 1px solid #ccc;
}
.pagination .pagination_current {
background: none;
color: #000;
border: none;
font-weight: bold;
}
.pagination a:hover {
background: #333;
color: #fff;
border-color: #000;
text-decoration: none;
}
.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}
.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}
.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}
.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}
.forum_legend dd {
float: left;
margin-right: 10px;
margin-top: 7px;
}
.forum_legend dt {
margin-right: 10px;
float: left;
}
.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.post_body {
padding: 5px;
}
.post_buttons {
background: #f5f5f5;
padding: 3px 3px 0 3px;
border-bottom: 1px solid #ddd;
}
.post_content {
padding: 5px 10px;
}
.quick_jump {
background: url(images/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}
.repbox {
font-size:16px;
font-weight: bold;
padding:5px 7px 5px 7px;
}
._neutral {
background-color:#FAFAFA;
color: #999999;
border:1px solid #CCCCCC;
}
._minus {
background-color: #FDD2D1;
color: #CB0200;
border:1px solid #980201;
}
._plus {
background-color:#E8FCDC;
color: #008800;
border:1px solid #008800;
}
.pagination_breadcrumb {
background-color: #efefef;
border: 1px solid #fff;
outline: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
font-weight: normal;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
form #message {
width: 500px;
}
header
Kod:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="panel"><div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
</br>
</div>
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
</div>
</div>
<div id="panel">
<div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
<div class="wrapper">
<div style="float:right;"> <form method="post" action="{$mybb->settings['bburl']}/search.php"> <input type="hidden" name="action" value="do_search" /> <input type="hidden" name="postthread" value="1" /> <input type="hidden" name="forums" value="all" /> <input type="hidden" name="showresults" value="threads" /> <input type="text" name="keywords" value="Hızlı Arama" /> <input type="submit" name="submit" value="Bul/Ara" /> </form></div>
{$welcomeblock}
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
<br />
header_welcomeblock_member
Kod:
<!-- Continuation of div(class="upper") as opened in the header template -->
<span class="welcome">{$lang->welcome_back} <a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}" class="logout">{$lang->welcome_logout}</a></span>
</div>
</div>
<div class="lower">
<div class="wrapper">
<ul class="menu panel_links">
<li><a href="{$mybb->settings['bburl']}/usercp.php" class="usercp">{$lang->welcome_usercp}</a></li>
{$modcplink}
{$admincplink}
</ul>
<ul class="menu user_links">
<li><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">{$lang->welcome_open_buddy_list}</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a></li>
<li><a href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a> {$lang->welcome_pms_usage}</li>
</ul>
</div>
</div>
header_welcomeblock_guest
Kod:
<script type="text/javascript">
<!--
lang.username = "{$lang->login_username}";
lang.password = "{$lang->login_password}";
lang.login = "{$lang->login}";
lang.lost_password = "<a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\" class=\"lost_password\">{$lang->lost_password}<\/a>";
lang.register_url = "<a href=\"{$mybb->settings['bburl']}/member.php?action=register\" class=\"register\">{$lang->welcome_register}<\/a>";
lang.remember_me = "{$lang->remember_me}";
// -->
</script>
<!-- Continuation of div(class="upper") as opened in the header template -->
<span class="welcome" id="quick_login">{$lang->welcome_guest} <a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="MyBB.quickLogin(); return false;" class="login">{$lang->welcome_login}</a> <a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a></span>
</div>
</div>