Fixing my menu Fixing my menu
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

Fixing my menu

Started by luis28, May 24, 2012, 06:29:20 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

luis28

Hi guys I'm trying to fix the way my admin menu looks on my gallery theme. I have no problem with this theme in 1.4 but when I uploaded it to a 1.5 gallery the menu looks like this:

http://i49.tinypic.com/zlc77t.png

Can somebody tell me how to fix it?

I let you here the code of the template and the style

Style

body {
      background-image: url();       background-repeat: repeat-x;       background-position: top;
background-color: #000000;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
margin: 0px;

}

a, bblink a, .catlink a, .topmenu a {
color: #ffffff;
text-decoration: none;
}

a:visited, a:visited .image1 {
color: #ffffff;
}

a:hover a:hover .image1 {
color: #f5d765;
}

bblink a:hover {
color: #f5d765;
}



h1{
color: #ffffff;
font-family: times new roman;
font-size: 18px;
font-weight: normal;
}

h2 {
color: #ffffff;
font-style: italic;
font-family: Lucida Sans;
font-size: 16px;
font-weight: bold;


}

h3 {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

li {
color: #ffffff;
list-style-position: outside;
list-style-type: disc;
margin-bottom: 4px;
margin-left: 10px;
margin-top: 4px;
padding: 0px;
}

p {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0px;
}

table {
color: #ffffff;
font-size: 8pt;
font-family: Arial;
        font-weight: normal;
        text-shadow: #000000 1px 1px 0px;


}

ul {
margin-left: 5px;
padding: 0px;
}

.admin_menu {
background: #353535;
color: #ffffff;

font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.admin_menu a {
background: #000000;
color: #fff;

font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.admin_menu a:hover {
background: #1c1c1c;
color: #ffffff;

font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.admin_menu_thumb {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10;
margin-bottom: 0px;
margin-top: 0px;
width: 85px;
}

.admin_menu_thumb a {
color: #f5d765;
font-family: Arial, Helvetica, sans-serif;
font-size: 10;
margin-bottom: 0px;
margin-top: 0px;
width: 85px;
position: relative;
text-decoration: none;
}

.alblink a, .footer a, .user_thumb_infobox a {
color: #ffffff;
text-decoration: none;
text-align: center;
}

.statlink a {
color: #f5d765;
text-decoration: none;
text-align: center;

}

.statlink a:hover {
color: #f5d765;
text-decoration: none;
text-align: center;

}



.album_stat {
font-size: 85%;
margin: 5px 0px;
}

.anycontent a:hover {
color: #f5d765;
font-size: 95%;

}

.anycontent, .anycontent a {
color: #f5d765;
font-size: 95%;
}

.button {
background: #353535;
color: #ffffff;
border: 1px solid #e1e1e1;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.catlink {
display: block;
margin-bottom: 2px;
background-image: url(http://ashlee-star.com/gallery/themes/Hot%20Stuff/images/bull58.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 10px;
}

.checkbox, .radio {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align: middle;
}

.clickable_option {
border-bottom: 1px dotted #c7c7c7;
cursor: hand;
}

.comment_button {
background: #353535;
color: #ffffff;
border: 1px solid #353535;

font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.comment_date{
color: #ffffff;
font-size: 90%;
vertical-align: middle;
}

.debug_text {
background-color: #ffffff;
border: 0px dotted #BDBEBD;
margin: 0px;
width: 100%;
}

.footer {
color: #858585;
font-size: 11px;
}

.footer a:hover, .navmenu a:hover, .topmenu a:hover, .user_thumb_infobox a:hover, a:hover, .admin_menu_thumb a:hover, .alblink a:hover, .catlink a:hover {
color: #f5d765;
text-align: center;
}

.gal_name
{
color: #ffffff;
font-size: 14px;
font-weight: bold;
}

.image {

}

.imageborder {
border: 6px solid #353535;
margin-bottom: 30px;
margin-top: 30px;
}

.img_caption_table {
background: #353535;
color: #ffffff;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px
}

.img_caption_table td {
background: #353535;
color: #ffffff;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px
}

.img_caption_table th {
background: #353535;
color: #ffffff;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px
}

.listbox {
border: 1px solid #e6e6e6;
background: #191919;
color: #737373;
font-family: Arial, Helvetica, sans-serif;
}

.listbox_lang {
background: #191919;
color: #737373;
border: 0px solid #FFFFFF;

font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding-left: 3px;
padding-right: 3px;
}

.maintable {
border: 1px solid #222222;
background-color: #191919;
-moz-border-radius:  10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px;
margin:5px;
}

.menu_navigator {
border-bottom: 0px solid;
border-left: 0px;
border-right: 0px;
border-top: 0px;
color: #737373;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
}

.navmenu {
background: #191919;
color: #ffffff;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
-moz-border-radius:  5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.navmenu a {
background: #353535;
color: #ffffff;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
-moz-border-radius:  5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.navmenu img {

}

.sortorder_cell {
color: #737373;
margin: 0px;
padding: 2px;
}

.sortorder_options {
color: #b9b9b9;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: normal;
margin: 0px;
padding: 0px;
white-space: nowrap;
}

.statlink {
color: #ffffff;
text-align: center;
}

.tableb {
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
padding-top: 0px;
}

.tableb_compact {

}

.tablef {
background: #191919;
color: #ffffff;
font-family: arial;
font-size: 100%;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.tableh1 {
background-image: url(http://ashlee-star.com/gallery/themes/Hot%20Stuff/images/backtable.jpg);
color: #ffffff;
font-size: 15px;
font-weight: bold;
filter: alpha(Opacity=100, FinishOpacity=40, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
-moz-border-radius:  6px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-family: arial;
height: 20px;
font-style: italic;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;


}

.tableh1anilak {
color: #ffffff;
filter: alpha(Opacity=100, FinishOpacity=40, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
text-align: center;
-moz-border-radius:  6px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-family: arial;
font-size: 11px;

}

.tableh1_compact, .tableh2_compact {
background: #353535;
color: #ffffff;

font-family: arial;
font-size: 11px;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;
-moz-border-radius:  6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.tableh2 {
background: #353535;
color: #ffffff;

font-family: arial;
font-size: 11px;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;
-moz-border-radius:  6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.textinput {
background: #000000;
color: #ffffff;
border: 1px solid #353535;
width:150px;

font-family: arial;
font-size: 11px;
padding-top: 3px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.thumb_caption {
background-color: #353535;
color: #ffffff;
font-size: 9px;
padding: 5px;
display: block;
-moz-border-radius:  6px;
-webkit-border-radius: 6px;
border-radius: 6px
width: 70%;}

.thumb_caption a {
text-decoration: none;
color: #ffffff;}

.thumb_num_comments {
display: block;
font-size: 85%;
font-style: normal;
font-weight: normal;
padding: 2px;
}

.thumb_title {
display: block;
font-size: 100%;
padding: 2px;
}

.thumbnails {
padding-top: 5px;
padding: 5px;}


.thumbnails:hover {
background: #111111;
padding-top: 5px;
padding: 5px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
}

.topmenu {
color: #ffffff;
font-size: 100%;
}

.topmenu td {
white-space: nowrap;
}

.user_thumb_infobox {
margin-bottom: 1px;
margin-top: 1px;
}

.user_thumb_infobox td {
font-size: 90%;
margin-bottom: 1px;
margin-top: 1px;
text-align: center;
}

.user_thumb_infobox th {
font-size: 100%;
margin-bottom: 1px;
margin-top: 1px;
text-align: center;
}



#vanity a {
display: block;
height: 20px;
margin: 3px 20px;
width: 57px;
}

#vanity img {
border: 0;
}

.catrow_noalb {
color: #ffffff;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
-moz-border-radius:  6px;
-webkit-border-radius: 6px;
border-radius: 6px;}

.catrow_noalb:hover {
background: #353535;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
-moz-border-radius:  6px;
-webkit-border-radius: 6px;
border-radius: 6px;}

.catrow {
color: #ffffff;

padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
-moz-border-radius:  6px;
-webkit-border-radius: 6px;
border-radius: 6px;}

.catrow:hover {
background: #353535;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
-moz-border-radius:  6px;
-webkit-border-radius: 6px;
border-radius: 6px;}

a img {
        border-style: solid;
        border-width: 6px;
        border-color: #353535;
    padding:6px;
        margin: 0px;
    background-color:#ffffff;
        border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}

a:hover img {
   border-color: #4e4e4e;


}


Template

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}

<link rel="stylesheet" href="css/coppermine.css" type="text/css" />

<link rel="stylesheet" href="themes/Hot Stuff/style.css" type="text/css" />

<link rel="shortcut icon" href="favicon.ico" />

<!-- Begin IE6 support -->

<!--[if lt IE 7]>

<style>

body {behavior: url(themes/Hot Stuff/csshover3.htc );}

.dropmenu li {width: 2px;} .dropmenu li a.firstlevel span.firstlevel {white-space: nowrap;} .main_menu {overflow: auto;}

</style>

<![endif]-->

<!-- End IE6 support -->

{JAVASCRIPT}

<!--

  SVN version info:

  Coppermine version: 1.5.9

  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.5.x/themes/curve/template.html $

  $Revision: 7809 $

-->

</head>
<body bgcolor="#000000">
<body>

    {CUSTOM_HEADER}

    <table width="823" border="0" align="center" cellpadding="0" cellspacing="0" height="9">
  <tr>
    <td style="font-family: Trebuchet MS; font-size: 9px; letter-spacing: 0px; line-height: 12px; text-align: justify; font-weight: none; color: #5F5F5F" width="823">



<span style="font-style: normal">



<div align="center">
        <table width="89%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%" align="center">




<p><font color="#FFFFFF">
<div id="main_menu">

                    {SYS_MENU}

                    {SUB_MENU}

                    {ADMIN_MENU}

            </div><!-- Begin IE7 support --><img src="images/spacer.gif" class="menuheight" alt="" /><!-- End IE7 support -->

            <div class="clearer"></div>

<table width="824" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr><td style="font-family: Trebuchet MS; font-size: 9px; letter-spacing: 0px; line-height: 12px; text-align: center; font-weight: none; color: #5F5F5F" valign="top">
<span style="font-style: normal">
<table cellpadding="3" cellspacing="1" border="0">
</table></td></tr></table>
              </font>
            </td>
          </tr>
        </table>
        </div>
        <font color="#FFFFFF">

              <br />
              </font>
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td valign="top">
              {GALLERY}
              <div style="text-align:center;">
  </div><center>



<span style="font-style: normal">



        <font color="#FFFFFF">

              <table width="824" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr><td style="font-family: Trebuchet MS; font-size: 9px; letter-spacing: 0px; line-height: 12px; text-align: center; font-weight: none; color: #5F5F5F" valign="top">
&nbsp;</td></tr></table>
              </font>
        </span></center>
              </p>
            </td>
          </tr>
        </table>
      </td>
  </tr>
</table>
</html>


lurkalot

If it's a theme for Coppermine 1.4.xx then you need to upgrade it to work with 1.5.xx 

See how to upgrade your theme here, http://documentation.coppermine-gallery.net/en/theme_upgrade_14x-15x.htm
Running SMF 2.1.4  / Tinyportal 3.0.1, bridged with Coppermine 1.6.25, plus cpmfetch 2.0.0