This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 2

Custom header graphic and menu buttons


  1. sahl
    Member

    Hello,

    I'd like to have a custom header graphic at the top of my form pages that matches the rest of the website.
    And I have two queries:
    1. Could you possibly tell me: how big (pixels) can/must the header graphic be?
    2. Also is it possible for me to put the same navigation bar under the header graphic?

    Many thanks for help or advice.
    Best wishes,

    Posted 11 years ago #
  2. redityo

    Hello,

    Actually there is no standard size when you change the header with your image, but by default machform form width is 640px. it means you can use that width as your default, otherwise you need to adjust your form width also.
    To change the header, you can search logo section in your "CSS FORM", you'll see this code :

    #main_body h1
    {
    	background-color:#dedede;
    	margin:0;
    	min-height:0;
    	padding:0;
    	text-decoration:none;
    	text-indent:-8000px;
    	background-image: url('../../../images/machform.gif');
    	background-repeat: no-repeat;
    }

    Change background-image value with your header image path, for example :

    background-image: url('http://www.yourdomain.com/images/header.jpg');

    Anyway I'm not sure with your second question, do you wan't to add some menu bellow form header ? If it's so you need to edit "includes/view-function.php" file, go to around line 1839 and you'll see this code :

    <h1><a>{$form->name}</a></h1>

    add "div" line along with menu/navigation script, bellow that code. For example :

    <div>
    <!--your menu here -->
    </div>

    MachForm Support

    Posted 11 years ago #
  3. sahl
    Member

    OK, I see.
    Thank you very much for getting back to me about it so quickly.
    Much appreciated, redityo.

    Posted 11 years ago #
  4. teamwebb2008
    Member

    It seems that my header image is behind the form. What can I change to bring it forward. I can see the default gray, but not my image I selected.

    Posted 11 years ago #
  5. teamwebb2008
    Member

    Oops, the url: http://www.tfscnc.org/machform/view.php?id=2

    Posted 11 years ago #
  6. redityo

    It seems you've remove "text-indent" properties for logo style, I see you're using this :

    #main_body h1 {
    background-image:url(http://www.tfscnc.org/images/TFSCLOGO.gif);
    background-repeat:no-repeat;
    margin:0;
    min-height:0;
    padding:0;
    text-decoration:none;
    }

    to fix it try to replace with this one

    #main_body h1 {
    background-image:url(http://www.tfscnc.org/images/TFSCLOGO.gif);
    background-repeat:no-repeat;
    height:85px;
    margin:0;
    min-height:0;
    padding:0;
    text-decoration:none;
    text-indent:150px
    }

    MachForm Support

    Posted 11 years ago #
  7. teamwebb2008
    Member

    Thank you. Worked like a charm.

    Posted 11 years ago #
  8. debra
    Member

    How would one enter just text- the name of my business? Can that be done or will I need to create a jpeg file and upload the image to site and follow the above instructions?

    Thank you.

    Posted 11 years ago #
  9. redityo

    It's better to use an image instead of a text, because it would take some modification to your CSS and machform file.


    MachForm Support

    Posted 11 years ago #
  10. LisaH
    Member

    Where do I find the 'CSS FORM' mentioned above - Is it the one called 'edit_css.php' ?
    Thank you.

    Posted 10 years ago #
  11. LisaH
    Member

    Never mind, I found it. I didn't realize this was something in the online 'Manage Forms' area.

    Posted 10 years ago #

RSS feed for this topic

Reply