2. PHPRunner General questions
  3. [SOLVED]  Adding an image background
This topic is locked
[SOLVED]

 Adding an image background

 		10/27/2006 8:39:42 AM
PHPRunner General questions
B
 bluestrikealpha author

Hi,
I wanted to add a background image to the login page. Therfore I used Visual editor in HTML mode and pasted the HTML code in from a generated page in Frontpage ( I am a real novice, as you can see)where I made the background from an image. This does not work.

How can I solve this?
J
 		Jane 10/27/2006

Dion,
you can open Login page in the HTML mode on the Visual Editor tab, find this line:

</HEAD>



and add your code just after it.

Here is a sample:

{literal}

<STYLE>

BODY {background-image : url('your_image.jpg');}

</STYLE>

{/literal}
B
 		bluestrikealpha author 10/27/2006

Dion,

you can open Login page in the HTML mode on the Visual Editor tab, find this line:
and add your code just after it.

Here is a sample:


Hi Jane,
A white area with the same height as the login area comes over the background image, and the page is displayed twice below each other.

Furthermore when I build it, it does not show at all on the web.
This is my HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>{mlang_message tag="LOGIN"}</TITLE>{literal}

<STYLE>

BODY {background-image : url(///C:/Documents%20and%20Settings/users/Mijn%20documenten/database%20ontwerp/background.jpg);}

</STYLE>

{/literal}

<META http-equiv=Content-Type content="text/html; charset=windows-1252"><LINK

href="include/style.css" type=text/css rel=stylesheet>

<META content="MSHTML 6.00.2800.1561" name=GENERATOR></HEAD>

<BODY text=#000000 link=#0066cc bgColor=white leftMargin=0 topMargin=0

onload=java script:document.forms[0].username.focus(); marginwidth="0"

marginheight="0">{include_if_exists file="include/header.php"} {doevent name="LoginOnLoad"}

<TABLE height="99%" cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>
Furthermore when I build it, it does not show at all on the web.
Can you help me here?
Dion
J
 		Jane 10/27/2006

answered in your personal email.
M
 		mmponline 10/28/2006

Dion
Seeing that you have frontpage, you can also use the following workaround, as Visual editor has several table formatting issues, etc. (I know support is working on this) This seems to be a long process, but you wont have limitations on your formatting.

  1. Make one change to your menu, add, etc. pages in visual editor. (You'll see why now)
  2. Close PHPRunner.
  3. Find the visual folder in your output directory. - There you will see a list of your changed files. (If you didn't make at least 1 change to a page, it will not be listed.
  4. Open the file in frontpage and edit it as you like. (Change formatting of table, add background pictures to cells, background pictures, etc.
  5. Set the picture's file path to the folder on the remote server (Eg. images/thepicture.jpg) Unfortunately it won't show in the design, but will oncee the uploaded. (I do the whole design offline and then just change the paths on final save)
  6. When you now open the project in PHPRunner, you'll see the new formatting in visual editor. (Except pictures, as the paths are not correct. You can tweak some final tuning.
  7. Build and upload the project. (Also remember to upload the pictures into the correct folder).
  8. Done
    I use this method especially when working on several project files, as it's far easier to copy headings, setting more columns, etc. in Frontpage than currently in Visual editor.
    Hope this helps.
    Stephan
B
 		bluestrikealpha author 11/21/2006

Dion

Seeing that you have frontpage, you can also use the following workaround, as Visual editor has several table formatting issues, etc. (I know support is working on this) This seems to be a long process, but you wont have limitations on your formatting.

  1. Make one change to your menu, add, etc. pages in visual editor. (You'll see why now)
  2. Close PHPRunner.
  3. Find the visual folder in your output directory. - There you will see a list of your changed files. (If you didn't make at least 1 change to a page, it will not be listed.
  4. Open the file in frontpage and edit it as you like. (Change formatting of table, add background pictures to cells, background pictures, etc.
  5. Set the picture's file path to the folder on the remote server (Eg. images/thepicture.jpg) Unfortunately it won't show in the design, but will oncee the uploaded. (I do the whole design offline and then just change the paths on final save)
  6. When you now open the project in PHPRunner, you'll see the new formatting in visual editor. (Except pictures, as the paths are not correct. You can tweak some final tuning.
  7. Build and upload the project. (Also remember to upload the pictures into the correct folder).
  8. Done
    I use this method especially when working on several project files, as it's far easier to copy headings, setting more columns, etc. in Frontpage than currently in Visual editor.
    Hope this helps.
    Stephan



Thanks Stephan,
I had not seen you remark therefore my late response