Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question table background like button

    hi,
    i like your site and and love your way of explaination i hope you can help me before 2 years i visited Guistuff.com there is a popup window was appeared and its background likes a windows menu it is looks like a button as 3d object of windows and looking so good i thaught it is an image i changed my windows appreance colour then the page's background colour was auto chage as my appreance colour it was table based i saved that page they used style in table now i have lost that page and now i need to make page like that and i have no knowledge of style sheet and new to html but basics i know.
    i am finding this page or tutorial last 4 hour now i'm tired i hope you can help me please Reply me and suggest me what should i do.
    thanks Ghaniz
    Last edited by Ghaniz786; 03-08-2005 at 05:41 AM.

  • #2
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    I was posted this thread yesterday but could not get help please please please HELP me

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Be more clear

    Considering the number of views and the lack of response I fear your question is not clear enough; I understand that if English is not your native language it can be difficult, but please try to decribe your question in more detail.
    Guistuff still exists; perhaps you can find something similar to what you are looking for and lead us to an example.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #4
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks
    ronaldb66,
    for reply me yes it is true english is not my language I'm toofar from USA and UK,
    and on this topic i don't know how to explain and even i havent any example.
    but i want to know about a tutorial wich is describe that how to make table back ground like button...
    i saw a tutorial about it but there is the use of border, color it means that if visitor change the appearance color the page still gray,
    but i have visited on a page which was table based and backgroung looks like button when i changed my windows appreance color the page color was changed they use any kind of style in table and show same color of my appreance.

    i hope now you can help me to make that style ,

    i have many E-mails to Guistuff to getting help but they are not replying therefore i have to post this thread on your forum.
    Last edited by Ghaniz786; 03-08-2005 at 09:46 AM.

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Button appearance

    The usual trick to make any element (it doesn't need to be a table) have a button-like appearance is to set the border colors on the top and left to a slightly lighter version of the fill color, and the bottom and right borders to a slightly darker one.
    This can easily be accomplished using Cascading Style Sheets (CSS) using the various border properties; a demonstration of this effect can be seen at the Brainjar site where it is applied to various page elements.

    If you are working on a page where you want to apply such an effect, then maybe you can supply the markup ("code") so I or someone else can give a more specific example.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #6
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yes it is what i looking for, the page's background like a little bevel and it creates a effect of button can you tell me the trick to do this.
    Or make me a Example page it would be very help full for me.
    thanks
    Last edited by Ghaniz786; 03-08-2005 at 10:32 AM.

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS borders

    This can be accomplished using CSS border properties; say, you have a header div you want to give a background color and a beveled edge, and the header has id "header":
    Code:
    <div id="header">
      <p>This is some text in a paragraph.</p>
    </div>
    the following rule will set the color and border (I chose a medium grayish blue):
    Code:
    #header {
    background-color: #99c;
    border: 2px solid;
    border-color: #ccf #669 #669 #ccf;
    }
    The background-color property sets the background color (no real surprise there... ), the border shorthand property sets the border width (2 pixels) and style (a solid line) and the border-color shorthand property sets the color for each of the sides in the order top - right - bottom - left (clockwise, starting at 12 o'clock).
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #8
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thank you sir!
    but i am sorry to say that i never use css before would you please tell me where should i paste the codes ooops!

  • #9
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HTML Dog

    For this, I'd like to refer to the HTML Dog tutorials; they do a far better job then I!
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #10
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    thank You very Much for help me i was almost satisfied by your code but other person on sitepoint forum gave me this


    #btn {
    background-color:ButtonFace;
    color:ButtonText;
    border:1px solid;
    border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    }

    it is really what i need.
    change color when visitor change windows appearance color.
    you really sincerely help me God bless You


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •