Fixing my menu Fixing my menu
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

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