This was harder than i think
First i want made some explenations :
Tabs - i tryed to create tabs with <sripts> .js or similar thing ..but affter few hours i leaved all and stared to create only with simple html and css.. (almost all MG alredy made)
reason i chosed this is simple : sometimes this tabs with .js or <scripts> are a bit slow , also here on mg_winter sometimes i get "not rounded" tabs or i see different colors ... thats all lets start
now see this two pics :
First one is on icyphoenix style without CMS ADV ....
and second is on different template (Chaotic site) with CMS ADV
as you can see tabs are on banner image ...and thrue tabs you can see background .... and they are rounded
download attachment (there are only few pics inside) unpack it and upload in your templatesmg_themesimagesice overtiere existing pics if ask
open your templatesmg_themesstyle_ice.css
Note:this change will cheange your nav menu in header but dont worry
find
Spoiler: [ Show ]
Spoiler: [ Hide ]
.forum-buttons {
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #113355;
height: 25px;
background: #FFFFFF url(images/ice/bg_th.gif) top left repeat-x;
/*
border-top: solid 1px #113355;
border-bottom: solid 1px #113355;
*/
border-top: solid 1px #CC3333;
border-bottom: solid 1px #CC3333;
white-space: nowrap;
}
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #113355;
height: 25px;
background: #FFFFFF url(images/ice/bg_th.gif) top left repeat-x;
/*
border-top: solid 1px #113355;
border-bottom: solid 1px #113355;
*/
border-top: solid 1px #CC3333;
border-bottom: solid 1px #CC3333;
white-space: nowrap;
}
replace it with
Spoiler: [ Show ]
Spoiler: [ Hide ]
.forum-buttons {
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #113355;
height: 5px;
background: #FFFFFF url(images/ice/tags_bottom.gif) top left repeat-x;
/*
border-top: solid 1px #113355;
border-bottom: solid 1px #113355;
border-top: solid 1px #CC3333;
border-bottom: solid 1px #CC3333;*/
white-space: nowrap;
}
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #113355;
height: 5px;
background: #FFFFFF url(images/ice/tags_bottom.gif) top left repeat-x;
/*
border-top: solid 1px #113355;
border-bottom: solid 1px #113355;
border-top: solid 1px #CC3333;
border-bottom: solid 1px #CC3333;*/
white-space: nowrap;
}
find
Spoiler: [ Show ]
Spoiler: [ Hide ]
div#menu{
/*width: 770px;*/
margin: 0 auto;
text-align: left;
}
ul#nav, ul#nav li{
list-style-type: none;
margin: 0;
padding: 0;
}
ul#nav{
float: right;
/*font-size: 80%;*/
margin-right: 5px;
}
ul#nav li{
float: left;
margin-left: 3px;
text-align: center;
}
ul#nav a{
background: #444444 url(images/ice/bg_hdr1_orange.gif) top left repeat-x;
color: #FFEEDD;
font-weight: bold;
text-decoration: none;
float: left;
width: 95px;
padding: 5px 0;
}
ul#nav a:hover{
background: #FFDDEE url(images/ice/bg_hdr1_blue.gif) top left repeat-x;
color: #225566;
font-weight: bold;
}
ul#nav li.activelink a, ul#nav li.activelink a:hover{
background: #E8EEF8 url(images/ice/tbl_h_c.gif) top left repeat-x;
color: #225566;
font-weight: bold;
}
/*width: 770px;*/
margin: 0 auto;
text-align: left;
}
ul#nav, ul#nav li{
list-style-type: none;
margin: 0;
padding: 0;
}
ul#nav{
float: right;
/*font-size: 80%;*/
margin-right: 5px;
}
ul#nav li{
float: left;
margin-left: 3px;
text-align: center;
}
ul#nav a{
background: #444444 url(images/ice/bg_hdr1_orange.gif) top left repeat-x;
color: #FFEEDD;
font-weight: bold;
text-decoration: none;
float: left;
width: 95px;
padding: 5px 0;
}
ul#nav a:hover{
background: #FFDDEE url(images/ice/bg_hdr1_blue.gif) top left repeat-x;
color: #225566;
font-weight: bold;
}
ul#nav li.activelink a, ul#nav li.activelink a:hover{
background: #E8EEF8 url(images/ice/tbl_h_c.gif) top left repeat-x;
color: #225566;
font-weight: bold;
}
replace with
Spoiler: [ Show ]
Spoiler: [ Hide ]
div#menu{
/*width: 770px;*/
margin: 0 auto;
text-align: left;
}
ul#nav, ul#nav li{
list-style-type: none;
margin: 0;
padding: 0;
}
ul#nav{
float: right;
/*font-size: 80%;*/
margin-right: 5px;
}
ul#nav li{
float: left;
margin-left: 3px;
text-align: center;
}
ul#nav a{
background: transparent url(images/ice/bg_hdr1_orange.png) top left;
color: #FFEEDD;
font-weight: bold;
text-decoration: none;
float: left;
width: 95px;
padding: 5px 0;
}
ul#nav a:hover{
background: transparent url(images/ice/bg_hdr1_blue.png) top left;
color: #F5D550;
font-weight: bold;
}
ul#nav .activetab a{
background: transparent url(images/ice/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}
ul#nav .activetab a span{
background: transparent url(images/ice/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}
ul#nav .activetab a:hover{
background: transparent url(images/ice/bg_hdr1_activehover.png) top left;
color: #225566;
font-weight: bold;
}
/*ul#nav li.active a, ul#nav li.active a:hover{
background: #E8EEF8 url(images/ice/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}*/
/*width: 770px;*/
margin: 0 auto;
text-align: left;
}
ul#nav, ul#nav li{
list-style-type: none;
margin: 0;
padding: 0;
}
ul#nav{
float: right;
/*font-size: 80%;*/
margin-right: 5px;
}
ul#nav li{
float: left;
margin-left: 3px;
text-align: center;
}
ul#nav a{
background: transparent url(images/ice/bg_hdr1_orange.png) top left;
color: #FFEEDD;
font-weight: bold;
text-decoration: none;
float: left;
width: 95px;
padding: 5px 0;
}
ul#nav a:hover{
background: transparent url(images/ice/bg_hdr1_blue.png) top left;
color: #F5D550;
font-weight: bold;
}
ul#nav .activetab a{
background: transparent url(images/ice/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}
ul#nav .activetab a span{
background: transparent url(images/ice/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}
ul#nav .activetab a:hover{
background: transparent url(images/ice/bg_hdr1_activehover.png) top left;
color: #225566;
font-weight: bold;
}
/*ul#nav li.active a, ul#nav li.active a:hover{
background: #E8EEF8 url(images/ice/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}*/
open your templatesmg_themesoverall_header.tpl
find
Spoiler: [ Show ]
Spoiler: [ Hide ]
<a href="{FULL_SITE_PATH}{U_PORTAL}">{L_HOME}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- BEGIN switch_upi2db_off -->
<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<span style="vertical-align:top;">{L_POSTS}: </span><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a><span style="vertical-align:top;"> • </span>{L_DISPLAY_U}<span style="vertical-align:top;"> • </span>{L_DISPLAY_M}<span style="vertical-align:top;"> • </span>{L_DISPLAY_P} <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<a href="{FULL_SITE_PATH}{U_PROFILE}">{L_PROFILE}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_user_logged_in -->
<a href="{FULL_SITE_PATH}{U_SEARCH}">{L_SEARCH}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<a href="{FULL_SITE_PATH}{U_FAQ}">{L_FAQ}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- BEGIN switch_user_logged_out -->
<a href="{FULL_SITE_PATH}{U_REGISTER}">{L_REGISTER}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_user_logged_out -->
<a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT2}</a>
<a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- BEGIN switch_upi2db_off -->
<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<span style="vertical-align:top;">{L_POSTS}: </span><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a><span style="vertical-align:top;"> • </span>{L_DISPLAY_U}<span style="vertical-align:top;"> • </span>{L_DISPLAY_M}<span style="vertical-align:top;"> • </span>{L_DISPLAY_P} <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<a href="{FULL_SITE_PATH}{U_PROFILE}">{L_PROFILE}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_user_logged_in -->
<a href="{FULL_SITE_PATH}{U_SEARCH}">{L_SEARCH}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<a href="{FULL_SITE_PATH}{U_FAQ}">{L_FAQ}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- BEGIN switch_user_logged_out -->
<a href="{FULL_SITE_PATH}{U_REGISTER}">{L_REGISTER}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_user_logged_out -->
<a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT2}</a>
delete it
find
Spoiler: [ Show ]
Spoiler: [ Hide ]
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_out -->
<!-- END switch_user_logged_out -->
affter add
Spoiler: [ Show ]
Spoiler: [ Hide ]
<td colspan="3" >
<div id="menu" style= "margin-top:126px" cellspacing="0" cellpadding="0">
<ul id="nav">
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'index.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PORTAL}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_HOME}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'forum.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_INDEX}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_INDEX}</a></li>
<!-- BEGIN switch_upi2db_off -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php?search_id=newposts' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_NEW2}</a></li>
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile_main.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PROFILE}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_PROFILE}</a></li>
<!-- END switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_SEARCH}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'faq.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_FAQ}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_FAQ}</a></li>
<!-- BEGIN switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_REGISTER}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_REGISTER}</a></li>
<!-- END switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'login_ip.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_LOGIN_LOGOUT2}</a></li>
</ul>
</div>
</td>
<div id="menu" style= "margin-top:126px" cellspacing="0" cellpadding="0">
<ul id="nav">
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'index.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PORTAL}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_HOME}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'forum.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_INDEX}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_INDEX}</a></li>
<!-- BEGIN switch_upi2db_off -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php?search_id=newposts' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_NEW2}</a></li>
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile_main.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PROFILE}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_PROFILE}</a></li>
<!-- END switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_SEARCH}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'faq.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_FAQ}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_FAQ}</a></li>
<!-- BEGIN switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_REGISTER}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_REGISTER}</a></li>
<!-- END switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'login_ip.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_LOGIN_LOGOUT2}</a></li>
</ul>
</div>
</td>
thats all
backup before you start your style_ice.css and overall_header.tpl
with > CMS ADV
open templatesmg_themesoverall_header.tpl
find
Spoiler: [ Show ]
Spoiler: [ Hide ]
<td>{PORTAL_GLOBALHEADER_CENTER_LEFT}</td>
<td>{PORTAL_GLOBALHEADER_CENTER_RIGHT}</td>
</tr></table>
</div>
</td>
</tr>
<td>{PORTAL_GLOBALHEADER_CENTER_RIGHT}</td>
</tr></table>
</div>
</td>
</tr>
replace with
Spoiler: [ Show ]
Spoiler: [ Hide ]
<td>{PORTAL_GLOBALHEADER_CENTER_LEFT}</td>
<td>{PORTAL_GLOBALHEADER_CENTER_RIGHT}</td>
</tr>
<td colspan="3" >
<div id="menu" style= "margin-top:152px" cellspacing="0" cellpadding="0">
<ul id="nav">
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'index.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PORTAL}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_HOME}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'forum.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_INDEX}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_INDEX}</a></li>
<!-- BEGIN switch_upi2db_off -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php?search_id=newposts' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_NEW2}</a></li>
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile_main.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PROFILE}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_PROFILE}</a></li>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_REGISTER}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_REGISTER}</a></li>
<!-- END switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'login_ip.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_LOGIN_LOGOUT2}</a></li>
</ul>
</div>
</td>
</tr>
</tr></table>
</div>
</td>
</tr>
<td>{PORTAL_GLOBALHEADER_CENTER_RIGHT}</td>
</tr>
<td colspan="3" >
<div id="menu" style= "margin-top:152px" cellspacing="0" cellpadding="0">
<ul id="nav">
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'index.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PORTAL}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_HOME}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'forum.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_INDEX}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_INDEX}</a></li>
<!-- BEGIN switch_upi2db_off -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php?search_id=newposts' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_NEW2}</a></li>
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile_main.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PROFILE}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_PROFILE}</a></li>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_REGISTER}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_REGISTER}</a></li>
<!-- END switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'login_ip.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_LOGIN_LOGOUT2}</a></li>
</ul>
</div>
</td>
</tr>
</tr></table>
</div>
</td>
</tr>
open templatesmg_themesnav_header.tpl
delete
Spoiler: [ Show ]
Spoiler: [ Hide ]
<td style="text-align:center;">
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_PORTAL}">{L_HOME}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- BEGIN switch_upi2db_off -->
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<span style="vertical-align:middle;">{L_POSTS}: <a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> • {L_DISPLAY_U} • {L_DISPLAY_M} • {L_DISPLAY_P} <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- END switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_PROFILE}">{L_PROFILE}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_REGISTER}">{L_REGISTER}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- END switch_user_logged_out -->
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT2}</a></span>
</td>
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_PORTAL}">{L_HOME}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- BEGIN switch_upi2db_off -->
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<span style="vertical-align:middle;">{L_POSTS}: <a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> • {L_DISPLAY_U} • {L_DISPLAY_M} • {L_DISPLAY_P} <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- END switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_PROFILE}">{L_PROFILE}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_REGISTER}">{L_REGISTER}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" style="vertical-align:middle;" /> </span>
<!-- END switch_user_logged_out -->
<span style="vertical-align:middle;"><a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT2}</a></span>
</td>
i think its all
for ca_aphrodite
upload images from attachment in templatesca_aphroditeimages
open templatesca_aphroditestyle_blue.css or other green ,cyan
find
Spoiler: [ Show ]
Spoiler: [ Hide ]
.forum-buttons {
text-align: center;
font-size: 11px;
color: #FF1010;
background: url(images/blue/bg_topnav.gif);
border-top: solid 1px #2B438F;
border-bottom: solid 1px #2B438F;
}
text-align: center;
font-size: 11px;
color: #FF1010;
background: url(images/blue/bg_topnav.gif);
border-top: solid 1px #2B438F;
border-bottom: solid 1px #2B438F;
}
replace with
Spoiler: [ Show ]
Spoiler: [ Hide ]
.forum-buttons {
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #113355;
height: 5px;
background: #FFFFFF url(images/tags_bottom.gif) top left repeat-x;
/*
border-top: solid 1px #113355;
border-bottom: solid 1px #113355;
border-top: solid 1px #CC3333;
border-bottom: solid 1px #CC3333;*/
white-space: nowrap;
}
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #113355;
height: 5px;
background: #FFFFFF url(images/tags_bottom.gif) top left repeat-x;
/*
border-top: solid 1px #113355;
border-bottom: solid 1px #113355;
border-top: solid 1px #CC3333;
border-bottom: solid 1px #CC3333;*/
white-space: nowrap;
}
find (this are last lines in .css)
Spoiler: [ Show ]
Spoiler: [ Hide ]
.upi2db_mark_color{
border-style:solid; border-width:1px; border-color:#33CC33;
}
border-style:solid; border-width:1px; border-color:#33CC33;
}
affter add
Spoiler: [ Show ]
Spoiler: [ Hide ]
/*Tabs*/
div#menu{
/*width: 770px;*/
margin: 0 auto;
text-align: center;
}
ul#nav, ul#nav li{
list-style-type: none;
margin: 0;
padding: 0;
}
ul#nav{
float: right;
/*font-size: 80%;*/
margin-right: 5px;
}
ul#nav li{
float: left;
margin-left: 3px;
text-align: center;
}
ul#nav a{
background: transparent url(images/bg_hdr1_orange.png) top left;
color: #282828;
font-weight: bold;
text-decoration: none;
float: left;
width: 95px;
padding: 5px 0;
}
ul#nav a:hover{
background: transparent url(images/bg_hdr1_blue.png) top left;
color: #F5D550;
font-weight: bold;
}
ul#nav .activetab a{
background: transparent url(images/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}
ul#nav .activetab a span{
background: transparent url(images/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}
ul#nav .activetab a:hover{
background: transparent url(images/bg_hdr1_activehover.png) top left;
color: #225566;
font-weight: bold;
}
div#menu{
/*width: 770px;*/
margin: 0 auto;
text-align: center;
}
ul#nav, ul#nav li{
list-style-type: none;
margin: 0;
padding: 0;
}
ul#nav{
float: right;
/*font-size: 80%;*/
margin-right: 5px;
}
ul#nav li{
float: left;
margin-left: 3px;
text-align: center;
}
ul#nav a{
background: transparent url(images/bg_hdr1_orange.png) top left;
color: #282828;
font-weight: bold;
text-decoration: none;
float: left;
width: 95px;
padding: 5px 0;
}
ul#nav a:hover{
background: transparent url(images/bg_hdr1_blue.png) top left;
color: #F5D550;
font-weight: bold;
}
ul#nav .activetab a{
background: transparent url(images/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}
ul#nav .activetab a span{
background: transparent url(images/bg_hdr1_active.png) top left;
color: #225566;
font-weight: bold;
}
ul#nav .activetab a:hover{
background: transparent url(images/bg_hdr1_activehover.png) top left;
color: #225566;
font-weight: bold;
}
open open templatesca_aphroditeoverall_header.tpl
find
Spoiler: [ Show ]
Spoiler: [ Hide ]
<td class="forum-header" align="center" valign="middle" style="padding-top:2px;">
replace with
Spoiler: [ Show ]
Spoiler: [ Hide ]
<td class="forum-header" align="center" valign="bottom" style="padding-top:2px;">
find
affter add
Spoiler: [ Show ]
Spoiler: [ Hide ]
<div id="menu" style= "margin-top:0px" cellspacing="0" cellpadding="0">
<ul id="nav">
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'index.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PORTAL}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_HOME}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'forum.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_INDEX}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_INDEX}</a></li>
<!-- BEGIN switch_upi2db_off -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php?search_id=newposts' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_NEW2}</a></li>
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile_main.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PROFILE}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_CPL_NAV}</a></li>
<!-- END switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_SEARCH}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'faq.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_FAQ}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_FAQ}</a></li>
<!-- BEGIN switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_REGISTER}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_REGISTER}</a></li>
<!-- END switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'login_ip.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_LOGIN_LOGOUT2}</a></li>
</ul>
</div>
<ul id="nav">
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'index.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PORTAL}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_HOME}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'forum.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_INDEX}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_INDEX}</a></li>
<!-- BEGIN switch_upi2db_off -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php?search_id=newposts' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_NEW2}</a></li>
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<!-- BEGIN switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile_main.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_PROFILE}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_CPL_NAV}</a></li>
<!-- END switch_user_logged_in -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'search.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_SEARCH}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_SEARCH}</a></li>
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'faq.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_FAQ}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_FAQ}</a></li>
<!-- BEGIN switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'profile.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_REGISTER}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_REGISTER}</a></li>
<!-- END switch_user_logged_out -->
<li<!-- IF basename($_SERVER['SCRIPT_NAME']) == 'login_ip.php' --> class="activetab"<!-- ENDIF -->><a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}"><img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" /> {L_LOGIN_LOGOUT2}</a></li>
</ul>
</div>
find
Spoiler: [ Show ]
Spoiler: [ Hide ]
<table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="{SPACER}" alt="" height="16" align="middle" /></td>
<td style="text-align:center;font-size:11px;color:#FF1010;" width="100%">
<!-- BEGIN mg_switch_user_is_admin -->
<b>{U_ACP}</b> •
<!-- END mg_switch_user_is_admin -->
<a href="{FULL_SITE_PATH}{U_PORTAL}">{L_HOME}</a> •
<a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a> •
<a href="{FULL_SITE_PATH}{U_BOARDRULES}">{L_BOARDRULES}</a> •
<!-- BEGIN switch_user_logged_out -->
<a href="{FULL_SITE_PATH}{U_REGISTER}"><b>{L_REGISTER}</b></a> •
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<a href="{FULL_SITE_PATH}{U_PROFILE}">{L_CPL_NAV}</a> •
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_dd_off_logged_in -->
<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> •
<!-- END switch_dd_off_logged_in -->
<!-- BEGIN switch_dd_on_logged_in -->
<a href="#" onMouseover="dropdownmenu(this,event,menu2,'180px')" onMouseout="delayhidemenu()">{L_POSTS}:</a><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}" title="{L_SEARCH_NEW}">{L_NEW}</a>
<!-- END switch_dd_on_logged_in -->
<!-- BEGIN switch_upi2db_on -->
{L_DISPLAY_U} {L_DISPLAY_M} {L_DISPLAY_P} •
<!-- END switch_upi2db_on -->
<!-- BEGIN switch_dropdown_on -->
<a href="{FULL_SITE_PATH}{U_SEARCH}" onMouseover="dropdownmenu(this,event,menu1,'250px')" onMouseout="delayhidemenu()">{L_SEARCH}</a> •
<!-- END switch_dropdown_on -->
<!-- BEGIN switch_dropdown_off -->
<a href="{FULL_SITE_PATH}{U_SEARCH}">{L_SEARCH}</a> •
<!-- END switch_dropdown_off -->
<a href="{FULL_SITE_PATH}{U_FAQ}">{L_FAQ}</a> •
<a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
</td>
<td><img src="{SPACER}" alt="" height="16" align="bottom" /></td>
</tr>
</table>
<tr>
<td><img src="{SPACER}" alt="" height="16" align="middle" /></td>
<td style="text-align:center;font-size:11px;color:#FF1010;" width="100%">
<!-- BEGIN mg_switch_user_is_admin -->
<b>{U_ACP}</b> •
<!-- END mg_switch_user_is_admin -->
<a href="{FULL_SITE_PATH}{U_PORTAL}">{L_HOME}</a> •
<a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a> •
<a href="{FULL_SITE_PATH}{U_BOARDRULES}">{L_BOARDRULES}</a> •
<!-- BEGIN switch_user_logged_out -->
<a href="{FULL_SITE_PATH}{U_REGISTER}"><b>{L_REGISTER}</b></a> •
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<a href="{FULL_SITE_PATH}{U_PROFILE}">{L_CPL_NAV}</a> •
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_dd_off_logged_in -->
<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> •
<!-- END switch_dd_off_logged_in -->
<!-- BEGIN switch_dd_on_logged_in -->
<a href="#" onMouseover="dropdownmenu(this,event,menu2,'180px')" onMouseout="delayhidemenu()">{L_POSTS}:</a><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}" title="{L_SEARCH_NEW}">{L_NEW}</a>
<!-- END switch_dd_on_logged_in -->
<!-- BEGIN switch_upi2db_on -->
{L_DISPLAY_U} {L_DISPLAY_M} {L_DISPLAY_P} •
<!-- END switch_upi2db_on -->
<!-- BEGIN switch_dropdown_on -->
<a href="{FULL_SITE_PATH}{U_SEARCH}" onMouseover="dropdownmenu(this,event,menu1,'250px')" onMouseout="delayhidemenu()">{L_SEARCH}</a> •
<!-- END switch_dropdown_on -->
<!-- BEGIN switch_dropdown_off -->
<a href="{FULL_SITE_PATH}{U_SEARCH}">{L_SEARCH}</a> •
<!-- END switch_dropdown_off -->
<a href="{FULL_SITE_PATH}{U_FAQ}">{L_FAQ}</a> •
<a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
</td>
<td><img src="{SPACER}" alt="" height="16" align="bottom" /></td>
</tr>
</table>
delete it !!!
Note: if problem occours with this add (streching or oversized) create smaler tabs or place tabs to the top of header
PS. i hope i added all changes , gearhead will confirm it
off topic wrote:!! now i need some help!!
if you look in last spoiler you will see in red margin-top:126px , this is how i placed tabs on bottom of header ., so any better idea is welcome
DEMO: http://www.macommunity.net
Thanks
tabs2.rar | ||
Description: | Updated 16.12 | Download |
Filename: | tabs2.rar | |
Filesize: | 19.37 KB | |
Downloaded: | 170 Time(s) |