11 Replies Latest reply on Aug 10, 2006 6:25 PM by Princess_Toadstool

    Changing colours buttons

    Princess_Toadstool
      HI,

      This seems really stupid, but I'm on DW mx and I have to edit a .html file that has a few drop down menus etc, the default for the buttons is a light blue colour with a an upside-down ^ inside it... I need to change them al to red, how do I do it?
        • 1. Re: Changing colours buttons
          Level 7
          are the buttons images or are they form buttons, have you a link to your
          page.



          • 2. Re: Changing colours buttons
            Princess_Toadstool Level 1
            Hi, thanks for replying,

            No, not mages, they are just the form buttons when you insert a list/table... just simple blue little squares, but I just want them red..
            • 3. Re: Changing colours buttons
              Level 7
              canwe see the code please, or a link to the page



              • 4. Re: Changing colours buttons
                Princess_Toadstool Level 1
                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                " http://www.w3.org/TR/html4/loose.dtd">
                <html>
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
                <title>Untitled Document</title>
                <style type="text/css">
                <!--
                .style1 {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                color: #CC3300;
                font-weight: bold;
                }
                .style2 {
                font-size: 10px;
                color: #C4C4C4;
                }
                .style3 {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
                .style5 {font-weight: bold; color: #000000;}
                .style6 {
                color: #000000;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
                .style7 {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
                .style8 {font-size: 10px}
                -->
                </style>
                </head>

                <body bgcolor="#FFFFFF" text="#996666" link="#FF0000" vlink="#663333" alink="#FF9999">
                <p class="bodyCopy"><img src="home.gif" width="71" height="41"><img src="company.gif" width="70" height="41"><img src="careers%20copy.gif" width="68" height="41"><img src="suppliers.gif" width="77" height="41"><img src="good.gif" width="95" height="41"><img src="news.gif" width="47" height="41"><img src="financial.gif" width="91" height="41"><img src="wolseley_logo.gif" width="785" height="102"><img src="bottom_buttons.gif" width="1247" height="23" align="absbottom"><img src="bottom_buttons.gif" width="1247" height="23"></p>
                <p align="right" class="style3">You are logged in as : <span class="style5">Admin</span> </p>
                <p class="bodyCopy style1">Search<br>
                <span class="style2">.......................................................................... .......................................................................................... .............</span></p>
                <p class="bodyCopy style6">If you do not know the document ID, you will need to enter the search criterion to enable the search. You must select <br>
                a DATE FROM and a DATE TO for the period you wish to search. All other criteria are optional. However, the more <br>
                information you can supply, the faster your document's can be found. Once you have entered and selected your <br>
                search criteria, click on the SEARCH button and all those documents fitting your search criteria will be displayed.</p>
                <br>
                <table width="688" border="0" cellspacing="0" cellpadding="3">
                <form name="search" method="post" action="search_results.php">
                <input type="hidden" name="userid" value="<?php echo $userid; ?>">
                <input type="hidden" name="usertype" value="<?php echo $GLOBALS['usertype']; ?>">
                <!-- Search Criteria: doc id -->
                <tr>
                <td valign="top" width="150" height="30" class="style7"> Document ID </td>
                <td valign="top" colspan="2" width="200" class="textNormal"><input name="docidlist" type="hidden" value="">
                <table border="0" cellspacing="0" cellpadding="0">
                <tr valign="top">
                <td class="textNormal" valign="top" width="8" nowrap> : </td>
                <td class="textNormal" align="left" width="108" nowrap><input name="docidfrom" type="text" size="23" class="textField" onChange="readKey(event.keyCode)"></td>
                <td class="textNormal" align="center" width="65" nowrap><input class="bluButton" type="button" name="docidadd" value="&gt;&gt;" onClick="copyfromText(this.form.docidto, this.form.docidfrom);">
                <br>
                <br>
                <input class="bluButton" type="button" name="docidrmv" value="&lt;&lt;" onClick="deletefromSelect(this.form.docidto)">
                <br>
                <br>
                </td>
                <td class="textNormal" align="right" valign="top" rowspan="2" width="188"><select class="textField" name="docidto" width="108" size="10" style="width:175px;" multiple>
                </select>
                </td>
                </tr>
                </table></td>
                </tr>
                <input name="docidtype" type="hidden" value="primary">
                <!-- search criteria: doc id type
                <tr>
                <td height="30" class="subHeader"> Document ID Type </td>
                <td colspan="2" class="textNormal"> :
                <select class="textField" name="docidtype">
                • 5. Re: Changing colours buttons
                  Princess_Toadstool Level 1
                  <?php createOptionDocumentIDType($GLOBALS['docidtype']); ?>
                  </select>
                  </td>
                  </tr>
                  -->
                  <tr>
                  <td class="subHeader"> </td>
                  <td class="textNormal" align="left"><strong class="style7"> OR </strong></td>
                  </tr>
                  <!-- Search Criteria: doc type -->
                  <tr>
                  <td height="30" class="style7"> Document Type </td>
                  <td colspan="2" class="textNormal"> :
                  <select class="textField" name="documenttype">
                  <?php createMAUKOptionDocumentType1020($GLOBALS['userid'], $GLOBALS['doctype'], "none"); ?>
                  </select></td>
                  </tr>
                  <!-- Search Criteria: doc direction -->
                  <tr>
                  <td height="30" class="style7"> Document Direction </td>
                  <td colspan="2" class="textNormal"> :
                  <select class="textField" name="documentdir">
                  <option value="ALL" <?php if (strcmp($GLOBALS['docdir'], "ALL") == 0) echo "selected"; ?>>ALL</option>
                  <option value="incoming" <?php if (strcmp($GLOBALS['docdir'], "incoming") == 0) echo "selected"; ?>>Incoming</option>
                  <option value="outgoing" <?php if (strcmp($GLOBALS['docdir'], "outgoing") == 0) echo "selected"; ?>>Outgoing</option>
                  </select></td>
                  </tr>
                  <!-- Search Criteria: supplier code -->
                  <?php createTextSupplierCode($GLOBALS['supplier']); ?>
                  <!-- Search Criteria: branch code -->
                  <tr>
                  <td height="30" class="style7"> Branch Code </td>
                  <td colspan="3" class="textNormal"> :
                  <input name="branchcode" type="textField" size="10" class="textField" value="<?php echo $GLOBALS['branch']; ?>">
                  </td>
                  </tr>
                  <!-- Search Criteria: date from -->
                  <tr>
                  <td height="30" class="style7"> Date From (DDMMYYYY) </td>
                  <td colspan="2" class="textNormal"> :
                  <select name="datefromday" class="textField">
                  <?php createOptionDay($GLOBALS["frday"]); ?>
                  </select>
                  <select name="datefrommonth" class="textField">
                  <?php createOptionMonth($GLOBALS["frmonth"]); ?>
                  </select>
                  <select name="datefromyear" class="textField">
                  <?php createOptionYear($GLOBALS["fryear"]); ?>
                  </select>
                  <input class="bluButton" type="button" name="datefrom" value=" now " onClick="setDateTimeNow(form.datefromday, form.datefrommonth, form.datefromyear, form.timefromhour, form.timefromminute, form.timefromsecond);">
                  </td>
                  </tr>
                  <!-- Search Criteria: time from -->
                  <tr>
                  <td height="30" class="style7"> Time From (HHMMSS) </td>
                  <td colspan="2" class="textNormal"> :
                  <select name="timefromhour" class="textField">
                  <?php createOptionHour($GLOBALS["frhour"]); ?>
                  </select>
                  <select name="timefromminute" class="textField">
                  <?php createOptionMinute($GLOBALS["frminute"]); ?>
                  </select>
                  <select name="timefromsecond" class="textField">
                  <?php createOptionSecond($GLOBALS["frsecond"]); ?>
                  </select>
                  </td>
                  </tr>
                  <!-- Search Criteria: date to -->
                  <tr>
                  <td height="30" class="style7"> Date To (DDMMYYYY) </td>
                  <td colspan="2" class="textNormal"> :
                  <select name="datetoday" class="textField">
                  <?php createOptionDay($GLOBALS["today"]); ?>
                  </select>
                  <select name="datetomonth" class="textField">
                  <?php createOptionMonth($GLOBALS["tomonth"]); ?>
                  </select>
                  <select name="datetoyear" class="textField">
                  <?php createOptionYear($GLOBALS["toyear"]); ?>
                  </select>
                  <input class="bluButton" type="button" name="dateto" value=" now " onClick="setDateTimeNow(form.datetoday, form.datetomonth, form.datetoyear, form.timetohour, form.timetominute, form.timetosecond);">
                  </tr>
                  <!-- Search Criteria: time to -->
                  <tr>
                  <td height="30" class="style7"> Time To (HHMMSS) </td>
                  <td colspan="2" class="textNormal"> :
                  <select name="timetohour" class="textField">
                  <?php createOptionHour($GLOBALS["tohour"]); ?>
                  </select>
                  <select name="timetominute" class="textField">
                  <?php createOptionMinute($GLOBALS["tominute"]); ?>
                  </select>
                  <select name="timetosecond" class="textField">
                  <?php createOptionSecond($GLOBALS["tosecond"]); ?>
                  </select>
                  </td>
                  </tr>
                  <!-- Search Criteria: limit -->
                  <tr>
                  <td height="30" class="subHeader style3 style5"> Limit </td>
                  <td colspan="2" class="textNormal"> :
                  <select class="textField" name="limit">
                  <?php createMAOptionLimit(50, 500, 50, $GLOBALS['limit']) ?>
                  </select>
                  <span class="style7">per page</span> </td>
                  </tr>
                  <!-- Search Criteria: option -->
                  <tr>
                  <td colspan="3" class="subHeader"><hr size="1"></td>
                  </tr>
                  <tr>
                  <td colspan="3"><table width="200" border="0" align="left">
                  <tr>
                  <td width="80"><input class="bluButton" type="button" name="add" value=" search " onClick="submitSearchForm()"></td>
                  <td width="80"><input class="bluButton" type="button" name="reset" value="  reset  " onClick="resetForm()"></td>
                  </tr>
                  </table></td>
                  </tr>
                  </form>
                  </table>
                  <p><img src="wolseley.gif" width="260" height="26"><img src="yellow.gif" width="482" height="25"><img src="logobar_r1_c1.gif" width="27" height="25"><img src="logobar_r1_c2.gif" width="30" height="25"><img src="logobar_r1_c3.gif" width="30" height="25"><img src="logobar_r1_c4.gif" width="30" height="25"><img src="logobar_r1_c5.gif" width="30" height="25"><img src="logobar_r1_c6.gif" width="30" height="25"><img src="logobar_r1_c7.gif" width="35" height="25"></p>
                  </body>
                  </html>
                  • 6. Re: Changing colours buttons
                    Princess_Toadstool Level 1
                    Ok cool, its in the last 2 messages, just didn't fit in 1...
                    • 7. Re: Changing colours buttons
                      Level 7
                      wowa I had a quick look

                      this is one of your buttons.

                      <input class="bluButton" type="button" name="docidrmv" value="<<"
                      onClick="deletefromSelect(this.form.docidto)">

                      you have added a class for that button but i see no reference to it in the
                      css, maybe its because I havnt had my coffee yet.

                      the class that is applied to your button is blubutton. if you want you can
                      add the css below for your buttons. at present the color is lite red or
                      smoke color. just change where it says background color with a hexi if you
                      want it a different color. note that the css below has the class for both
                      button and textfield.



                      <style type="text/css">
                      <!--
                      input.bluButton{
                      color:#050;
                      font-family:'trebuchet ms',helvetica,sans-serif;
                      font-size:84%;
                      font-weight:bold;
                      background-color:#fed;
                      border:1px solid;
                      border-top-color:#696;
                      border-left-color:#696;
                      border-right-color:#363;
                      border-bottom-color:#363;
                      filter:progid:DXImageTransform.Microsoft.Gradient
                      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}


                      .formttable{background-color:#fed;
                      border:1px solid;
                      border-top-color:#696;
                      border-left-color:#696;
                      border-right-color:#363;
                      border-bottom-color:#363;
                      filter:progid:DXImageTransform.Microsoft.Gradient
                      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
                      }

                      -->
                      </style>




                      • 8. Re: Changing colours buttons
                        Princess_Toadstool Level 1
                        Coool! I'll try that... Thankyou!
                        Haha coffee thats funny
                        • 9. Re: Changing colours buttons
                          Princess_Toadstool Level 1
                          Tried it... its being a poo... all text went a great darky-red, except those crappy buttons on the drop down menu/lists are still blue...dammmnnn
                          • 10. Re: Changing colours buttons
                            Level 7
                            up load your page and lets view it



                            • 11. Re: Changing colours buttons
                              Princess_Toadstool Level 1
                              ItIf you go to the top of this pags the little square under the black text "Other Dreamweaver Support Forums" , to the left of the go button