[KOD] resimsiz admin tab

[ALEXIS]

[KOD] resimsiz admin tab

Kod: Tümünü seç

[ AÇ ]

adm/style/admin.css

[ BUL ]

#tabs {
   line-height: normal;
   margin: 0 0 -6px 7px;
   min-width: 570px;
}

#tabs ul {
   margin:0;
   padding: 0;
   list-style: none;
}

#tabs li {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 1em;
   font-weight: bold;
}

#tabs a {
   float:left;
   background:url("../images/bg_tabs1.gif") no-repeat 0% -35px;
   margin: 0 1px 0 0;
   padding: 0 0 0 6px;
   text-decoration: none;
   position: relative;
}

#tabs a span {
   float: left;
   display: block;
   background: url("../images/bg_tabs2.gif") no-repeat 100% -35px;
   padding: 7px 12px 6px 6px;
   color: #536482;
   white-space: nowrap;
   text-transform: uppercase;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span { float:none; }
/* End hack */

#tabs a:hover span {
   color: #DD6900;
}

#tabs #activetab a {
   background-position: 0 0px;
   border-bottom: 1px solid #FFFFFF;
}

#tabs #activetab a span {
   background-position: 100% 0px;
   padding-bottom: 7px;
   color: #333333;
}

#tabs a:hover {
   background-position: 0 -70px;
}

#tabs a:hover span {
   background-position:100% -70px;
}

#tabs #activetab a:hover span {
   color: #333333;
}

[ BUNUNLA DEĞİŞTİR ]

#subsectionTabs {
   padding:10px 5px 5px 5px;
   margin:5px 0 14px 0;
   height:1%;
   white-space: nowrap;
   text-transform: uppercase;
}

#subsectionTabs ul {
   list-style:none;
   padding:0;
   margin:0;
   float:left;
}

#subsectionTabs li {
   margin:2px 5px 0 0;
   display:inline;
   float:left;
   font-weight: bold;
}

#subsectionTabs li a {
   background-color:#bfcfd5;
   border:1px solid #d6dbdb;
   padding:5px 15px 5px 15px;
   margin:0 0 5px 0;
   display:inline;
   text-decoration: none;
}

#subsectionTabs li.selected a {
   background-color:#FFFFFF;
   border-bottom:1px solid #FFFFFF;
   border-top:1px solid #a9b8c2;
   border-left:1px solid #a9b8c2;
   border-right:1px solid #a9b8c2;
   text-decoration: none;
}

#subsectionTabs li.selected a:hover {
   background-color:#FFFFFF;
   border-bottom:1px solid #FFFFFF;
   border-top:1px solid #a9b8c2;
   border-left:1px solid #a9b8c2;
   border-right:1px solid #a9b8c2;
   text-decoration: none;
}

#subsectionTabs li a:hover {
   background-color:#e4f5f9;
   border:1px solid #C9C9C9;
   text-decoration: none;
}

#subsectionTabs li.selected a:hover {
   background-color:#FFFFFF;
   border-bottom:1px solid #FFFFFF;
   text-decoration: none;
}

[ AÇ ]

adm/style/overall_header.html


[ BUL ]


      <div id="tabs">
         <ul>
         <!-- BEGIN t_block1 -->
            <li<!-- IF t_block1.S_SELECTED --> id="activetab"<!-- ENDIF -->><a href="{t_block1.U_TITLE}"><span>{t_block1.L_TITLE}</span></a></li>
         <!-- END t_block1 -->
         </ul>
      </div>


[ BUNUNLA DEĞİŞTİR ]


      <div id="subsectionTabs">
         <ul>
      <!-- BEGIN t_block1 -->
         <li<!-- IF t_block1.S_SELECTED --> class="selected"<!-- ENDIF -->><a href="{t_block1.U_TITLE}"><span>{t_block1.L_TITLE}</span></a></li>
      <!-- END t_block1 -->
         </ul>
      </div>