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
Started 15 years ago by sahl | 11 posts |
-
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 15 years ago # -
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 15 years ago # -
OK, I see.
Thank you very much for getting back to me about it so quickly.
Much appreciated, redityo.Posted 15 years ago # -
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 15 years ago # -
Oops, the url: http://www.tfscnc.org/machform/view.php?id=2
Posted 15 years ago # -
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 15 years ago # -
Thank you. Worked like a charm.
Posted 15 years ago # -
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 15 years ago # -
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 15 years ago # -
Where do I find the 'CSS FORM' mentioned above - Is it the one called 'edit_css.php' ?
Thank you.Posted 14 years ago # -
Never mind, I found it. I didn't realize this was something in the online 'Manage Forms' area.
Posted 14 years ago #
Reply
You must log in to post.