Announcement

Collapse
No announcement yet.

NEW 2 3D. Need help on how to change color on template. HELP plz :(

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • NEW 2 3D. Need help on how to change color on template. HELP plz :(

    Hi Guys,
    I am very new to 3d. Started about a week ago. I just downloaded firebug to view my template v32028 and understand the title of the style however, i for some reason i cannot locate where this "frame menu" is located. Please view photo for a better understand.

    http://i2.photobucket.com/albums/y45...nnotlocate.jpg


    HTML Code:
    <a href="http://photobucket.com" target="_blank"><img src="http://i2.photobucket.com/albums/y45/whoie15/cannotlocate.jpg" border="0" alt="Photobucket"></a>
    I just want the highlighted area (orange) to be gold (#bf9f62) but i do not even know how to do that...is it even possible to change color in that area? or its stock bc of the template? Any help, advise would be great guys.

    Thank you....

  • #2
    You may have to post the URL for your store so people can take a look at it to figure out the answer.

    Comment


    • #3
      Directions

      Settings > Design > Themes & Styles > Edit Look/Colors (css) > find the section having to do with the top navigation bar.

      Comment


      • #4
        Dump FireBug and install Safari. The web developer tools are better and it doesn't trash you speed. FireBug has a flaw that will chop your speed by as much as 50%.

        Originally posted by Whoie15 View Post
        Hi Guys,
        I am very new to 3d. Started about a week ago. I just downloaded firebug to view my template v32028 and understand the title of the style however, i for some reason i cannot locate where this "frame menu" is located. Please view photo for a better understand.

        http://i2.photobucket.com/albums/y45...nnotlocate.jpg


        HTML Code:
        <a href="http://photobucket.com" target="_blank"><img src="http://i2.photobucket.com/albums/y45/whoie15/cannotlocate.jpg" border="0" alt="Photobucket"></a>
        I just want the highlighted area (orange) to be gold (#bf9f62) but i do not even know how to do that...is it even possible to change color in that area? or its stock bc of the template? Any help, advise would be great guys.

        Thank you....
        David
        David's Gifts and Things

        Wholesale Gifts, Home Decorating, Jewelry and More

        Quality, Selection, Value Always

        The more you buy the more you save!

        Comment


        • #5
          I agree, you may need to post a URL.

          In the image, it looks like you may need to expand the selection in FireBug to see if there are any classes within frame_menu. Some id's are simply id's and don't have CSS styles in place. If you find any classes, go to Settings > Design > Themes & Styles click on "Edit Look/Colors (CSS)" and then click on "Advanced Mode". You'll then be able to search for the classes you find.

          Hope this helps!
          Shala

          Comment


          • #6
            Instructions

            Your image pointed to your top navigation bar. I posted the directions to the page with areas within your stylesheet that can be easily changed without any browser extensions. Read my previous post. Then look on the page you were directed to --> find the text indicating the top menu/navigation bar.

            Comment


            • #7
              Originally posted by celebra1 View Post
              Your image pointed to your top navigation bar. I posted the directions to the page with areas within your stylesheet that can be easily changed without any browser extensions. Read my previous post. Then look on the page you were directed to --> find the text indicating the top menu/navigation bar.
              Oops, I must have missed Celebra1's post. Right on, they've pointed you in the right direction.

              Comment


              • #8
                What you want is not exactly easy. The call line for that is in your frame template. It looks like this.
                <td height="55" valign="top" background="assets/templates/[template]/images/bg4.gif" align="right"><table border="0" cellspacing="0" cellpadding="0" width="100%">

                It is actually a gif image that creates the background in the table. It is then resized for height and width from within the table.

                You can download the image and change the color. FileZilla is great for doing it and it's free. Name it whatever you want and then upload it to the template image directory that you got it from. Do not change the size of the image. Do not name it the same as the original file. Do not change it to anything other than a gif image.

                Now open the frame template and change the name of the image being called for.
                David
                David's Gifts and Things

                Wholesale Gifts, Home Decorating, Jewelry and More

                Quality, Selection, Value Always

                The more you buy the more you save!

                Comment


                • #9
                  <td height="55" valign="top" background="assets/templates/[template]/images/bg4.gif" align="right">

                  IF what InsWizard says is correct, it is an image, do yourself a favor and change the code. Less images = faster page load. Just change

                  background="assets/templates/[template]/images/bg4.gif"

                  to bgcolor="#bf9f62"

                  You may want a border.

                  Better yet, convert all to a class in your stylesheet

                  .topnav {
                  width:55px;
                  background-color:#bf9f62;
                  border:1px #000 solid;
                  text-align:right;
                  }

                  Then you're code is simplified to <td class="topnav"> MUCH CLEANER!

                  Comment

                  Working...
                  X