Results 1 to 7 of 7

Thread: Redesign input type="file"(button)

  1. #1
    Join Date
    May 2011
    Posts
    59

    Redesign input type="file"(button)

    Hello friends I love to do new new things with the coding and according to me I am doing really great. Now I am trying to do something which is 100% possible and I have heard that some of them also done it without any issues. Now I am working with HTML code and I want to change the browse button. So please any one of you have any idea about it? So please let me know as I want to do this. I have the php file which have many input type and which are of the submit type

  2. #2
    Join Date
    May 2009
    Posts
    637

    Re: Redesign input type="file"(button)

    Yes you can easily do this if you apply your brain and try to solve it out. Do some research work and you will get your answer. Asking for help is good thing but learning on your own will help you remember things lifelong and you will be successful. So try to do most of the things on your own and you will surely get the answer today or tomorrow. I would give you hint to do this you can use the CSS and java script to do this things so learn about it and do it.

  3. #3
    Join Date
    May 2009
    Posts
    511

    Re: Redesign input type="file"(button)

    Yes the thing you are trying to do is very much possible and is as easy as eating a chocolates. Using the html and php will just give just simple things but one thing that change the complete look and feel of your code it the CSS and java scripts. I think before going further you should learn the CSS in detail so that you come to know what exactly it is and you will be not able to just change the look and feel of just one button but you would be able to change the look and feel of your full web page.

  4. #4
    Join Date
    May 2009
    Posts
    543

    Re: Redesign input type="file"(button)

    Try out this code and you will find your new button
    .test {
    background-color: #339933;
    border: thickpx double #000033;
    color: #cc0033;
    font-family: arial;
    font-weight: bold;
    padding: 2px;
    }

  5. #5
    Join Date
    May 2009
    Posts
    529

    Re: Redesign input type="file"(button)

    There are many and many things to work apone in CSS. It is said correctly in the previous post that you can change the look and feel for not just one button but for each and every thing that is present on your page and you can insert images, change color, change text format and everything you can think of. In the above post you may be seeing some numbers such as #339933; #000033; these all stand for some of the values and you can change them accordingly as of your needs.

  6. #6
    Join Date
    Apr 2009
    Posts
    569

    Re: Redesign input type="file"(button)

    You need two things to achieve your task. First thing you should create the CSS file and then you need to link it to the HTML file. Here is the example, follow this and make changes in it accordingly so that you can get your cup of tea.
    Example:
    HTML BLOCK:
    <form id=’first’ name=’testexample’>
    <input type=’submit’ name=’Browse’ class=’testcss’ size=’50’>
    </form>
    CSS BLOCK:
    .testcss{
    font-family: Calibri
    font-size: 13px;
    color: #013048;
    background-color: #E5EDF2
    }

  7. #7
    Join Date
    May 2009
    Posts
    637

    Re: Redesign input type="file"(button)

    Hey guys I am new to the programming and don’t know much about the CSS and know nothing about the JavaScript. I know a bit about the html. I was knowing that through CSS we can change the look and feel of our page, I don’t know about the the person have posted this post, whether he got the solution of his or not but I have tried the solutions given by different individuals over here this has certainly help me in learning something which I can implement in different things. Thank you very much.

Similar Threads

  1. Replies: 6
    Last Post: 31-08-2011, 12:33 AM
  2. Replies: 4
    Last Post: 26-06-2010, 04:36 PM
  3. Replies: 6
    Last Post: 18-05-2010, 12:27 AM
  4. Replies: 3
    Last Post: 25-05-2009, 08:35 PM
  5. Replies: 1
    Last Post: 06-11-2007, 02:18 PM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,642,971,954.96824 seconds with 17 queries