Author Topic: Please Help  (Read 17517 times)

July 02, 2004, 11:03:18 AM
  • Guest

Hi i have downloaded and edited the template saved it and all but not sure how to upload it. i have edited it with photoshop and wondered what i had to save it as so i can then upload it and it will work


July 03, 2004, 03:19:59 AM
Reply #1
  • Administrator
  • Expert
  • *****
  • Posts: 90
    • View Profile
    • Ossoba Studio

Photoshop provides tools for creating and manipulating static images for use on the Web. You can divide an image into slices, add links and HTML text optimize the slices, and save the image as a Web page. The template layout is already sliced, so you just need to save the image for use as a Web page. When you save the image for use as a Web page, you must choose to generate an HTML file (select File >Save for Web... Select HTML and Images (from "save as type" menu) to generate all files required to use the artwork as a Web page). Photoshop generate an HTML file and separate image files for the slices in the artwork. This file contains information that tells a Web browser what to display when it loads the page.
Upload all the generated files (HTML and all slices) to your hosting space.

Good luck!


Ognen


July 03, 2004, 07:16:02 AM
Reply #2
  • Guest

Thanks for that mate. But i have 1 more problem how do i insert a scroller to scroll down a sertain section on my webpage? Please Help

Thanks


July 03, 2004, 10:59:11 AM
Reply #3
  • Administrator
  • Expert
  • *****
  • Posts: 90
    • View Profile
    • Ossoba Studio

You have to use <iframe> tag to include external web page into main html file. Open the generated by Photoshop html file and insert the code below in the section where you would like do display the content.
Add the tag into the BODY of your HTML document:

<iframe src="page.html" width="300" height="400"scrolling="auto"></iframe>

-----------
page.html – this is the page with your content that will be displayed in the section.
width – width of the frame in pixels.
height – height of the frame in pixels.
scrolling – By default, browsers add vertical and/or horizontal scrollbars when the content loaded into an inline frame exceeds the visible content region of the element, so you can set the scrolling attribute to “auto”.   If you want scrollbars to be in the frame at all times, set the scrolling attribute to “yes”. If you want to prevent scrollbars from appearing in the frame, set the attribute to “no”.
You may also use the CSS overflow style attribute: style="overflow:auto"

Good luck!

Ognen


July 05, 2004, 10:20:28 AM
Reply #4
  • Guest

i dont understand what u mean by open it and put that in, im kinda new to it :P


July 06, 2004, 06:30:23 AM
Reply #5
  • Administrator
  • Expert
  • *****
  • Posts: 90
    • View Profile
    • Ossoba Studio

Actually to do this edit you must have some basic knowledge of HTML tags.
You can go here http://www.w3schools.com/html/tryit.asp?filename=tryhtml_iframe to see how the iframe looks. The left side of the example is Source Code and right side is Output.
So, open the HTML page (you generated by Photoshop - index.html) with any HTML editing program (such as Dreamweaver, Front Page ...or even Notepad) and insert the code I previously show you:
<iframe src="page.html" width="300" height="400"scrolling="auto"></iframe>
Then create a new html page named - page.html with all content you would like to display. This page will be displayed inside of the index.html. The result is a page in a page. Two pages in one.

If you find it too difficult to understand, we can do that for you for a small fee.

Ognen