Navigasyonda cozemedegim bir sorun

[Oskosoft]

Selam arkadaslar temayi duzenlerken bir turlu ustesinden gelemedigim bir sorunla ugrasmakdan biktim.Navigasyon ekliyorum yanliz arka plan rengi baska oluyor ve navigasyon tam oturmuyor temaya ve sagda hafif bir tasma soz konusu resimdeki gibi ;

[#Power]

Öğeyi denetleden hangi CSS'in ona renk verdiğine bak, bulursun illa ki.

[Ripbyrustavi]

Site adresiniz?

[#Power]

Site adresiniz?

Localhosttan yapıyor temayı, çeşitli destek forumuna açmış zaten konuyu.

[Oskosoft]

Öğeyi denetleden hangi CSS'in ona renk verdiğine bak, bulursun illa ki.


Ustad denemedigim yapmadigim etmedegim sey kalmadi isin tuhaf yani yeni navigasyon ekledigimde eskisinin arka plan renginin hayla duruyor olmasi

Site localden

[Oskosoft]

Guncel..

[kaRanLık-61]

kodları görmeden nasıl bilelim bunu.yüksek ihtimal padding, margin yada float kaynaklanıyordur.

[Oskosoft]

kodları görmeden nasıl bilelim bunu.yüksek ihtimal padding, margin yada float kaynaklanıyordur.

Buyrun global.css nin tamam burda ben cok denedim ama bulamadim bide siz bakin

Kod: Tümünü Seç Tümünü Kopyala

body {
background: #0D0D0D url(images/curse/background.jpg) center repeat;
color: #575757;
font-family: Century Gothic, sans-serif;
font-size: 12px;
text-align: center; /* IE 5 fix */
line-height: 1.4;
}

a:link {
color: #C90000;
text-decoration: none;
}

a:visited {
color: #C90000;
text-decoration: none;
}

a:hover, a:active {
color: #C90000;
text-decoration: none;
}

#container {
background: rgba(0,0,0,.7);
width: 85%;
color: #575757;
text-shadow:0px 1px #000;
border: 1px solid #3D3D3D;
margin: auto auto;
padding: 20px 20px 20px 20px;
text-align: left;
-moz-box-shadow: 0 0 5px 5px #000;
-webkit-box-shadow: 0 0 5px 5px#000;
box-shadow: 0 0 5px 5px #000;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}

#bottommenu {
width: 85%;
margin: auto auto;
padding: -5px 0px 1px 0px;
}

#panel {
background: #161616;
color: #575757;
font-size: 12px;
padding: 8px;
   border-bottom:2px solid #e00f16;
}

#panel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}

.thead {
background: #000 url(images/thead.gif) top left repeat-x;
color: #ffffff;

}

table {
color: #ffedcc;
font-family: Century Gothic, sans-serif;
font-size: 13px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

}

.tborder {
background: #242424;
width: 100%;
margin: auto auto;
border: 1px solid #141414;
}


textarea {
background: #040404;
color: #ffedcc;
border: 1px solid #000;
padding: 2px;
font-family: Century Gothic, sans-serif;
line-height: 1.4;
font-size: 12px;
}

.codeblock {
background: #000;
padding: 4px;
font-size: 13px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}

.codeblock .title {
color: #aa0000;
text-shadow:0px 1px #000;
border-bottom: 1px solid #830000;
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;
}

#debug {
float: right;
text-align: right;
margin-top: 0;
}

blockquote {
margin: 0;
color: #978462;
background: #242424;
padding: 4px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}

blockquote cite {
font-weight: bold;
border-bottom: 1px solid #aa0000;
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;
}

.subforumicon {
border: 0;
vertical-align: middle;
}


.tfoot {
background: #333 url(images/tcat.png) top left repeat-x;
color: #ffffff;
}

.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: none;
}

hr {
background-color: #bd2408;
color: #242424;
height: 2px;
border: 0px;
}


.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: #333;
color: #fff; text-shadow: 1px 2px 2px #CC0000; font-size: 13px
font-size: 12px;
padding:4px 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: 0px 1px 2px #222;
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}

.tcat a:link {
color: #555555;
}

.tcat a:visited {
color: #555555;
}

.tcat a:hover, .tcat a:active {
color: #FFD781;
}

.trow1 {
background: #040404;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}

.trow2 {
background: #040404;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}

.trow_shaded {
background: #000;
}

.trow_selected td {
background: #000;
}

.trow_sep {
background: #000;
color: #000;
font-size: 12px;
font-weight: bold;
}


.navigation {
color: #000000;
font-size: 13px;
font-weight: bold;
}

.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: 12px;
font-weight: bold;
}

.smalltext {
font-size: 11px;
}

.largetext {
font-size: 16px;
font-weight: bold;
}

input.textbox {
background: #000;
color: #575757;
border: 1px solid #000;
padding: 1px;
}


select {
background: #fff;
border: 1px solid #0f5c8e;
}

.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}

.editor_control_bar {
background: #fff;
border: 1px solid #0f5c8e;
}

.autocomplete {
background: #fff;
border: 1px solid #000;
color: black;
}

.autocomplete_selected {
background: #adcee7;
color: #000;
}

.popup_menu {
background: #ccc;
border: 1px solid #000;
}

.popup_menu .popup_item {
background: #fff;
color: #000;
}

.popup_menu .popup_item:hover {
background: #C7DBEE;
color: #000;
}

.trow_reputation_positive {
color: #000;
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-color: #FFFBD9;
font-weight: bold;
text-align: center;
}

.float_left {
float: left;
}

.float_right {
float: right;
}

.menu ul {
list-style: none;
margin: 0;
}

.menu li {
display: inline;
padding-left: 5px;
}

.menu img {
padding-right: 5px;
vertical-align: top;
}

#panel .links {
margin: 0;
float: right;
}

.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}

img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}

.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: 3px;
text-decoration: none;
white-space: nowrap;
}

.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: 2px 6px;
margin-bottom: 3px;
}

.pagination a {
border: 1px solid #81A2C4;
}

.pagination .pagination_current {
background: #F5F5F5;
border: 1px solid #81A2C4;
font-weight: bold;
color: #000;
}

.pagination a:hover {
background: #F5F5F5;
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;
}

.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_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 {
color: #000;
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: #f5f5f5;
border: 1px solid #fff;
outline: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
font-weight: normal;
white-space: nowrap;
}

.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}

.threads_posts_box {
  border: 1px solid #333;
  padding: 4px;
  background-color: #000;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#donenavatar{
   -webkit-transition: -webkit-transform 1s ease-in-out;
   -moz-transition: -moz-transform 1s ease-in-out;
   -o-transition: -o-transform 1s ease-in-out;
   -ms-transition: -ms-transform 1s ease-in-out;
       -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -ms-transition: 1s;
   transition: 1s;
   opacity: 1;
background-image: url(http://i.imgur.com/P6b5vYG.png);
width: 100px;
height: 100px;
background-position: center center;
background-repeat: no-repeat;
padding: 15px;
margin: auto auto;
}

#donenavatar{
   -webkit-transition: -webkit-transform 1s ease-in-out;
   -moz-transition: -moz-transform 1s ease-in-out;
   -o-transition: -o-transform 1s ease-in-out;
   -ms-transition: -ms-transform 1s ease-in-out;
       -webkit-transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -ms-transition: 1s;
   transition: 1s;
   opacity: 1;
background-image: url(http://i.imgur.com/P6b5vYG.png);
width: 100px;
height: 100px;
background-position: center center;
background-repeat: no-repeat;
padding: 15px;
margin: auto auto;
}

#donenavatar:hover{
    -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   opacity: 0.1;
}
#postuser {
background: #fff;
   background: -moz-linear-gradient(top, #000 0%, #000   44%, #000 100%);
   background: -webkit-linear-gradient(top, #000 0%, #000  44%,#000 100%);
   background: -o-linear-gradient(top, #000 0%,#000   44%,#000  100%);
   background: -ms-linear-gradient(top, #000 0%,#000   44%,#000 100%);
   background: linear-gradient(top, #000 0%,#000  44%,#000  100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
   border-radius: 10px 10px 10px 10px;
   box-shadow: 0pt 0pt 1em #fff;
   font-family: Tahoma;
   font-size: 11px;
   font-weight: normal;
   margin-bottom: 3px;
   padding: 6px 5px 5px;
   text-align: left;
   width: 92%;
   border: 1px solid #333;
}

.breadcrumb {
   font-size: 11px;
   background: rgb(240, 247, 252) url('images/lightw.png') repeat-x top;
   border: 1px solid rgb(165, 202, 228);
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   overflow: hidden;
       margin: 0;
       padding: 0;
}

.breadcrumb .crust {
   display: block;
   float: left;
   position: relative;
}

.breadcrumb .crust:first-child a.crumb {
   padding-left: 10px;
   -moz-border-radius-topleft:4px;
   -moz-border-radius-bottomleft:4px;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.breadcrumb .crust a.crumb, .breadcrumb .crust b.lastcrumb {
   text-decoration: none;
       background-color: rgb(240, 247, 252);
   padding: 0 10px 0 18px;
       border-bottom: 1px solid rgb(165, 202, 228);
   margin-bottom: -1px;
   outline: 0 none;
   -moz-outline-style: 0 none;
   display: block;
   line-height: 24px;
   _border-bottom: none;
   color: rgb(23, 96, 147);
   text-decoration: none;
}

.breadcrumb .crust b.lastcrumb {
   background: transparent none;
   font-weight: bold;
}

.breadcrumb .crust a.crumb, .breadcrumb .crust b.lastcrumb {
   line-height: 24px;
}

.breadcrumb .crust .arrow {
       border: 12px solid transparent;
       border-right: 1px none black;
       border-left-color: #a5cae4;
   display: block;
   position: absolute;
   right: -12px;
   top: 0px;
   z-index: 50;
   width: 0px;
   height: 0px;
}

.breadcrumb .crust .arrow span {
       border: 12px solid transparent;
       border-right: 1px none black;
       border-left-color: #f0f7fc;
   display: block;
   position: absolute;
   left: -13px;
   top: -12px;
   z-index: 51;
   white-space: nowrap;
   overflow: hidden;
   text-indent: 9999px;
   width: 0px;
   height: 0px;
}

.breadcrumb .refresh:hover {
       background-position: 0px -16px;
}

.breadcrumb .crust:last-child a.crumb {
       font-weight: bold;
}

.breadcrumb .crust:hover a.crumb {
   background-color: #d7edfc;
   text-decoration:none;
}

.breadcrumb .crust:hover .arrow span {
   border-left-color: #d7edfc;
}

.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 50%; float: left;}

}

.usertabs {
   margin-left: 0;
   margin-top: 1px;
   margin-bottom: 0;
   list-style-type: none;
   text-align: left;
   
   font-size: 11px;
}

.usertabs ul {
margin: 0;
padding: 0;
}

.usertabs li {
display: inline;
margin: 0;
}

.usertabs li a {
background: #676767;
color: #FFFFFF;
position: relative;
z-index: 1;
border: 1px solid #939FAE;
border-bottom: 0;
padding: 8px;

text-decoration: none;
}

.usertabs li a:visited {
color: #2d2d2d;
text-decoration: none;
}

.usertabs li a:hover {
color: #FFFFFF;
text-decoration: none;
}

.usertabs li a.selected {
background: #303B4A;
color: #fff;
border-color: #262D35;
}

.usertabs li a.selected:hover {
text-decoration: none;
}

.tabcontent {
background: #FBFCFF;
display: none;
padding: 5px;
border: 1px solid #999;
margin-top: 7px;
}

.box-thing {
background: #f7f7f7;
border: 1px solid #8e8e8e;
padding: 8px;
}

@
media print {
.tabcontent {
display:block !important;
}

[Oskosoft]

konu guncel

[Oskosoft]

Sorunu cozdum tsk arkadaslar..