Code A Site Template with minor HTML use. [E A S Y]

Code A Site Template with minor HTML use. [E A S Y]

LinkBack

Thread Tools

Display Modes

#1 (permalink)

10-17-2004, 07:01 PM

Code A Site Template with minor HTML use. [E A S Y]

THIS TUTORIAL HAS MOVED!!!! CLICK HERE TO FIND IT!

This thread is now used as a dicussion place for the tutorial

__________________

Time for a Change.

Think Big, Expect Big

[ reply ]

Jay

Jay is offline that other guy?

Join Date: Feb 2004

Location: Hawaii

Posts: 1,832

#2 (permalink)

10-17-2004, 09:02 PM

Make sure you go to View > View Slices

That was the only reason I had such a hard time with this one those many months ago when I hounded you for this tutorial

__________________

[:: CursedProphets :: BlizzCenter :: VDCore :: MeloDeath :: Battleforums ::]

Cold was my soul
Untold was the pain
I faced when you left me
A rose in the rain....
So I swore to the razor
That never, enchained
Would your dark nails of faith
Be pushed through my veins again

[ reply ]

jd-inflames

jd-inflames is offline VDC Team Member

Join Date: Feb 2004

Location: Kentucky

Posts: 245

#3 (permalink)

10-17-2004, 09:32 PM

hehe yeah, its not too hard to do, i'm going to revise it with some coding help to help people get it down even if they dont know css or HTML, though pat knows more about coding than me, i've been studying up on CSS

__________________

Time for a Change.

Think Big, Expect Big

[ reply ]

Jay

Jay is offline that other guy?

Join Date: Feb 2004

Location: Hawaii

Posts: 1,832

#4 (permalink)

10-17-2004, 10:25 PM

cool. i pretty much figured this out on my own two months ago, but my problem is when its in dream weaver... although i believe that using tables makes it not get all fucked up and move around... am i right? so i have given up on making sites and templates for the time being due to this frustration.

[ reply ]

Turbo

Turbo is offline Flowers"

Join Date: Aug 2004

Location: Connecticut

Posts: 846

#5 (permalink)

10-17-2004, 10:52 PM

Nesting tables fixes the fucked up problems. But only like 5% of the people realize that using nested <div>'s is so much more powerful and is what web coding is meant to be.

__________________
Audi Videos | MySpace Layouts | About Me

[ reply ]

missionsix

missionsix is offline loves you.

Join Date: Feb 2004

Location: under you.

Posts: 4,774

#6 (permalink)

10-18-2004, 10:06 AM

ahh.right...

[ reply ]

Turbo

Turbo is offline Flowers"

Join Date: Aug 2004

Location: Connecticut

Posts: 846

#7 (permalink)

10-18-2004, 01:30 PM

yea sicloan can be confusing sometimes when it comes to coding, confuses me too lol. But he's right about that <div> tags keep tables much more orderly, experiment with them and you'll see. Back on topic, This tutorial is good, explains what the slice tool does and should really be helpfull for newbs

__________________

[23:18] J: OH MY GOD DUDE
[23:18] J: you're a fucking tool
[23:18] J: open the fucking drawer
[23:18] J: and right there
[23:18] J: next to the goddamn hammer
[23:18] J: is you
[23:18] J: you fucking tool

New And Improved! NoodleDesigns.NET, my blog / portfolio.

jsb.com

[ reply ]

Death_Noodle

Death_Noodle is offline That Stupid Guy.

Join Date: May 2004

Location: Sacramento

Posts: 774

Send a message via Yahoo to Death_Noodle

#8 (permalink)

10-18-2004, 03:30 PM

confusing? probably, but just to make it clear (or try to at least) i'm going to be writing a html coding tutorial based strictly on <div>'s and css, and possibly combine it with akules tutorial to make a master website "how to".

__________________
Audi Videos | MySpace Layouts | About Me

[ reply ]

missionsix

missionsix is offline loves you.

Join Date: Feb 2004

Location: under you.

Posts: 4,774

#9 (permalink)

02-06-2005, 08:10 AM

I need help. I sliced it all up and everything but I dunno how to save my images when their sliced up and I know a basics of html and stuff but I dunno how to add text without using photoshop to my template. I dunno how to explain it better but can someone help me. If so all I got it yim my id is the_used_and_neglected Please someone help me.

[ reply ]

*MusicMan*

*MusicMan* is offline Mr Gothica

Join Date: Feb 2005

Location: Alabama

Posts: 19

#10 (permalink)

02-06-2005, 10:13 AM

You have to put your images in the background of the table cells.

HTML Code:

<table><tr><td style="background-image:url(1.jpg);">content content content</td></tr></table>

As you can see the image is moved from <td><img> to <td style=""> This is so you can add text over it.

__________________
Audi Videos | MySpace Layouts | About Me

[ reply ]

missionsix

missionsix is offline loves you.

Join Date: Feb 2004

Location: under you.

Posts: 4,774

#11 (permalink)

02-07-2005, 04:29 PM

I still don't get it...I got my layout all made out and sliced it up...and save for web...but I dunno how to add my content...some people told me to do css and div's cuz they are alot easier but I do not know how to do that...I tried one time and messed up my whole layout...

__________________
"Being a little gothic isn't so wrong"

What is that? Could it be my sig!

[ reply ]

*MusicMan*

*MusicMan* is offline Mr Gothica

Join Date: Feb 2005

Location: Alabama

Posts: 19

#12 (permalink)

02-07-2005, 04:39 PM

css and <div>'s are a very good way to learn html the RIGHT way. But, you cannot use the method posted in this thread to get the layout the way you want it.

To add content on top of a layout, you simply add the image to the background of your <td>'s like i did in the post above yours.

__________________
Audi Videos | MySpace Layouts | About Me

[ reply ]

missionsix

missionsix is offline loves you.

Join Date: Feb 2004

Location: under you.

Posts: 4,774

#13 (permalink)

02-07-2005, 04:58 PM

Do I do that on all my images that I sliced up?

__________________
"Being a little gothic isn't so wrong"

What is that? Could it be my sig!

[ reply ]

*MusicMan*

*MusicMan* is offline Mr Gothica

Join Date: Feb 2005

Location: Alabama

Posts: 19

#14 (permalink)

02-07-2005, 04:58 PM

if you want content on top of them yes.

__________________
Audi Videos | MySpace Layouts | About Me

[ reply ]

missionsix

missionsix is offline loves you.

Join Date: Feb 2004

Location: under you.

Posts: 4,774

#15 (permalink)

02-07-2005, 04:59 PM

but I want content in the content box...how do I do that?

__________________
"Being a little gothic isn't so wrong"

What is that? Could it be my sig!

[ reply ]

*MusicMan*

*MusicMan* is offline Mr Gothica

Join Date: Feb 2005

Location: Alabama

Posts: 19

#16 (permalink)

02-07-2005, 05:06 PM

I want my content in red writing on this http://www.ma-tt.net/Practice/images/index_04.gif how do i do that...when i try i just mess up the way you told me

__________________
"Being a little gothic isn't so wrong"

What is that? Could it be my sig!

[ reply ]

*MusicMan*

*MusicMan* is offline Mr Gothica

Join Date: Feb 2005

Location: Alabama

Posts: 19

#17 (permalink)

02-07-2005, 05:24 PM

you put the image in the background of the <td> But you ahve to specify the width of the <td> as well as the height. Because tables suck, this is the shittiest way of coding html.

HTML Code:

<table><tr><td style="width:532px; height:352px; background-image:url(http://www.ma-tt.net/Practice/images/index_04.gif);">
CONTENT HERE</td></tr></table>

of course you will have WAY more <td>'s and <tr>'s depending on your layout.

__________________
Audi Videos | MySpace Layouts | About Me

[ reply ]

missionsix

missionsix is offline loves you.

Join Date: Feb 2004

Location: under you.

Posts: 4,774

#18 (permalink)

02-07-2005, 05:28 PM

Here is your image ready source code, very very shitty.

HTML Code:

<html> <head> <title>Untitled-1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Untitled-1) --> <table id="Table_01" width="700" height="500" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"> <img src="images/index_01.gif" width="700" height="108" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/index_02.gif" width="700" height="40" alt=""></td> </tr> <tr> <td> <img src="images/index_03.gif" width="168" height="328" alt=""></td> <td rowspan="2"> <img src="images/index_04.gif" width="532" height="352" alt=""></td> </tr> <tr> <td> <img src="images/index_05.gif" width="168" height="24" alt="Hey everyone!"></td> </tr> </table> <!-- End ImageReady Slices --> </body>

Even thought its shitty, lets add some content over the images.

HTML Code:

<html> <head> <title>Untitled-1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Untitled-1) --> <table id="Table_01" width="700" height="500" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" style="background-image:url(images/index_01.gif); width:700px; height: 108px;"> &nbsp;</td> </tr> <tr> <td colspan="2" style="background-image:url(images/index_02.gif); width:700px; height:40px;"> &nbsp;</td> </tr> <tr> <td style="background-image:url(images/index_03.gif); width:168px; height:328px;"> &nbsp;</td> <td rowspan="2" style="background-image:url(images/index_04.gif); width:532px; height:352px;"> &nbsp;</td> </tr> <tr> <td style="background-image:url(images/index_05.gif); width:168px; height:24px;"> &nbsp;</td> </tr> </table> <!-- End ImageReady Slices --> </body>

__________________
Audi Videos | MySpace Layouts | About Me

[ reply ]

missionsix

missionsix is offline loves you.

Join Date: Feb 2004

Location: under you.

Posts: 4,774

#19 (permalink)

02-07-2005, 06:45 PM

nice tips in here guys. gj

[ reply ]

psycho

psycho is offline registered.

Join Date: Feb 2005

Posts: 30

« Making your Renders more 3d [Easy] | Liquid Metal in C4D [Intermediate - Advanced] »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off Trackbacks are On Pingbacks are On Refbacks are On

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Template	Kuza	Website Design	3	03-17-2005 10:53 AM
My site.	ArtificialWings	Website Design	0	09-25-2004 02:27 PM
Flash Forum Site	Fluffy_monkey	Discussion Lounge	0	06-04-2004 12:04 PM

All times are GMT -7. The time now is 12:42 AM.

Bad Credit Loan | Loans | Myspace Proxy | Mortgage | Loans

Art, Design & Discussion

Code A Site Template with minor HTML use. [E A S Y]