[Man of Valor]

np. Glad I could help. :h:

[omgitstehjesus]

I am an experienced HTML programmer and thought i would give some hints to people that want to get the most out of free hosting.

For beginning HTML users I suggest going with the free hoster Bravehost (http://www.bravehost.com). They have a text HTML editor and a WYSIWYG (what you see is what you get) editor so you can make a website easily without knowing to much code.

Also if you are making an actual website you should make a folder on your webspace called "Images" inside your root folder. Then when you call an image you can just call it from "\images\whateveritis.jpg" instead of calling it from another image hoster.

If you want to actually learn how to code HTML and make a full fledged interactive website I reccomend learning from HTMLGoodies (http://www.htmlgoodies.com). Its an amazing site that teaches you all about HTML you need to know.

Hope you dont mind all that input Man of Valor dont wanna hijack your tut or anythin. My results will be posted soon.

[prudvi]

Best tutorial in the whole forum for a webdesigner!

Thank you so much. I will post my results later.

P.S.- This with Chocolate's image map tutorial will go well together.


-----

[Man of Valor]

Quote

omgitstehjesus

Thank you I'll edit my tut for this helpful information. Hope you dont mind.

Quote

prudvi

Yes please try as I would like to see results. I'll go find the image map tutorial.

[stefcho_94]

I use normal HTML how do I arange the images ??? ana make them clickable?

[sydney]

Quote

I use normal HTML how do I arange the images ??? ana make them clickable?

Here's my code for 3 tables, if this helps...

[stefcho_94]

can you put in parentesis which goes where. I'm pwetty stupid you see :)

[Man of Valor]

Does this help???

Do you have the images sliced???

If so then use the code sydney has provided for tables. You can then visually (meaning without using code can align it in the middle if you view properties and such).
It all depends on how you layout looks. Post a pic and then I will tell you how you should define the tables and such.

Heres it align in the middle:

  

    

      
TABLE POST STUFF
HERE

      
    
    

      
TABLE POST STUFF HERE
    
    

      

TABLE POST STUFF HERE
    
  

[prudvi]

I didn't spend much time on mine and you can tell by the choppiness and the layout but
Here is my outcome:
http://www.freewebs....ile/website.htm

[Man of Valor]

Not bad not bad at all. I'm liking it and you even got google ads. Might I suggest using aligning the botton border under Announcments and maybe use a little smaller font. Maybe 8-12 pixels. Liking it and coded it. Do you know HTML???

[prudvi]

Ya, I know HTML... and CSS... and XHTML/XML.
My dad is a computer programmer so I learned some what.

What is the name of the font you used? I downloaded some pixel font in dafont.com. It is not one of my best but I tried following the tut.

[Man of Valor]

Its the first one in the link. Use size from about 8-11.

[moredhel]

man, that is one _nice_ tutorial (and final outcome ;) )

I will post again with my final result.

Oh, and whoever said they try to use divs over tables; well they smell.

[stefcho_94]

Quote

Scaled afterwards ( please ignore the black space as it is not part of the scaling. Thanks. Tell me if I should clarify more.):


Very Important: Since we want to create a field for the content, rotated the scaled layer that you created by 180 degrees or upside down. Note again please ignore the black space since to save me time I rotated what is being displayed up.


Now depending on how you want to lay out your website, created using the scaled layer of buttons places where the content will go.
First we’ll define the size of the top of the content box where the title will go.
This is what we’ll be doing ultimately so if you understand/know where and how I’ll do it, please feel free to skip the next few steps.


First of all with the scaled rotated button layer selected, go to Layers>Layer to Image Size. Select part of the button content.

You should now be able to move the selected floated layer.

Move it to where you want to place it and align it with the other content of the layer so it looks like a whole.

This is what you should have now. Note this is only an example and you should define the dimensions to how big you want this contents box to be.


Now we will define the background of the contents box. You should at this point chose a color for the background of your contents box that will blend in well. The easiest way to chose a color is to zoom into to the scaled button layer and using your color picker, chose probably the second to last pixel from the color. I say this because the last pixel if you were following my directions is stroked and when we put this contents box together, we will want the “written stuff” to stand out.

I don't get any of this O.o

[denegibson]

@ moredhe:

It's not just my opinion, it's becoming an industry standard for web professionals.

Why tables for layout is stupid

[Man of Valor]

stefcho_94

What that means is that after you scale the layer for contents box and stuff, you will want to give it a title and a closing at the bottom. To do this you duplicate the scaled button layer that you created just now and rotate it 180 degrees. After you do that you create a background for the contents box and align everything. look.
Mind the text since I dont even have GIMP now.

This is rotated 180 degrees:


Look at the contents boxes. See how they blend the background.

[capnhud]

I was wondering what brushes did you use for the background of the banner?

[FullMetalEnvy]

I have been thinking about doing this so I guess I'll try this out when I get home

[Man of Valor]

Sorry but I didn't use a brush. I used a tutorial made by A90. I didn't follow it all the way but I did use it to create those lines. You can use a c4d if that works for you but again a banner is a bigger version of a signature.

[ChevyVanDudeG20]

The tutorial images won't pop up in my IE....
What's the problem with this?
I have all the images in the images, to cut a short story short (:P)I downloaded (without giving errors whilst unpacking) it from the DA site.

Can you give the chronologic list of the images??
(you know, the 1st pic is called: ...., the second:....)
I will edit it with jEdit then:P