Go Back  HTML Forums - Free Webmaster Forums and Help Forums > WEBSITE DEVELOPMENT > HTML / XHTML
User Name:
Password:
 

Reply
Thread Tools   Display Modes
  View First Unread
 
Old 09-14-2009, 03:28 PM
  #1
LeafyBlade
Novice (Level 1)
 
Join Date: Sep 2009
Posts: 10
iTrader: (0)
LeafyBlade is an unknown quantity at this point
Help with a template :(

Hey everyone,

First of all, I don't know any HTML, I'll be following a tutorial later this week to learn it, yet I decided to give website lay-outs, a go. Here's what I got so far.

Now my questions are, do I have to add the text on there now? Or will I add it with HTML later on?

And my other question is, how exactly does the slice tool work? Do I just have to slice it all in pieces? Or do I have to add the URL to it too? (If you double-click a slice you can enter a URL, how can I know the URL if I don't even have a site yet?)

Thanks a lot!
LeafyBlade is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-14-2009, 03:41 PM
  #2
Pegasus
Extremely Flighty Admin
 
Pegasus's Avatar
 
Join Date: Nov 2001
Location: 35º South of Santa Claus
Posts: 21,467
iTrader: (0)
Pegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to all
You have to slice the images into smaller pieces and then add the text afterwards. The parts that will have text should be put as backgrounds to the section, rather than as contained images.

I believe you can use relative URLs, images/corner1.jpg for example, to create the sliced pieces. You'll need to have an HTML page to hold them, though.
__________________


Decaf is the root of all evil...
HTMLForums Awards 2008
Pegasus is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-14-2009, 03:44 PM
  #3
LeafyBlade
Novice (Level 1)
 
Join Date: Sep 2009
Posts: 10
iTrader: (0)
LeafyBlade is an unknown quantity at this point
Uhh, I don't really get it.. Maybe it's better for me to follow a HTML tutorial first? :/
LeafyBlade is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-14-2009, 04:07 PM
  #4
Pegasus
Extremely Flighty Admin
 
Pegasus's Avatar
 
Join Date: Nov 2001
Location: 35º South of Santa Claus
Posts: 21,467
iTrader: (0)
Pegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to all
That sounds like a good plan, yes.
__________________


Decaf is the root of all evil...
HTMLForums Awards 2008
Pegasus is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-14-2009, 04:14 PM
  #5
LeafyBlade
Novice (Level 1)
 
Join Date: Sep 2009
Posts: 10
iTrader: (0)
LeafyBlade is an unknown quantity at this point
Yeah, I guess I'll just study HTML for a bit till I understand it, and then use dreamweaver. Would that be any good?
Placing ALL those lay-out splices would be one big mess in notepad, no?
LeafyBlade is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-14-2009, 04:51 PM
  #6
Pegasus
Extremely Flighty Admin
 
Pegasus's Avatar
 
Join Date: Nov 2001
Location: 35º South of Santa Claus
Posts: 21,467
iTrader: (0)
Pegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to all
It's not hard if you know what you're doing, but yeah, DW should be able to do it for you quite nicely.
__________________


Decaf is the root of all evil...
HTMLForums Awards 2008
Pegasus is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-14-2009, 05:04 PM
  #7
LeafyBlade
Novice (Level 1)
 
Join Date: Sep 2009
Posts: 10
iTrader: (0)
LeafyBlade is an unknown quantity at this point
Okay thanks, maybe I'll post my website here if I manage to get it done!
LeafyBlade is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-14-2009, 05:17 PM
  #8
LeafyBlade
Novice (Level 1)
 
Join Date: Sep 2009
Posts: 10
iTrader: (0)
LeafyBlade is an unknown quantity at this point
Okay.. Well.. I just read about HTML and stuff, some sorta tutorial. But it really didn't explain me how I should apply a lay-out. I don't really think it matters, I'll just use dreamweaver to apply the lay-out and change everything else manually I guess.
LeafyBlade is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-15-2009, 11:36 AM
  #9
LeafyBlade
Novice (Level 1)
 
Join Date: Sep 2009
Posts: 10
iTrader: (0)
LeafyBlade is an unknown quantity at this point
Ugh, I'm really sorry for posting here all the time, but honestly, I'm totally clueless
I'm following this tutorial to make the lay-out:
http://www.grafpedia.com/tutorials/d...rdpress-themes
As you can see they add text there on the PSD file? Don't you add text with HTML later? :S
And can anyone tel me how I'm supposed to slice the lay-out I created using that tut? And maybe step by step explain the coding?
LeafyBlade is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-15-2009, 11:45 AM
  #10
Pegasus
Extremely Flighty Admin
 
Pegasus's Avatar
 
Join Date: Nov 2001
Location: 35º South of Santa Claus
Posts: 21,467
iTrader: (0)
Pegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to all
Try this tutorial:

http://www.webmonkey.com/tutorial/We...ing_We_Will_Go

Comments on this post
LeafyBlade agrees: Thanks for the effort!
__________________


Decaf is the root of all evil...
HTMLForums Awards 2008
Pegasus is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-15-2009, 12:38 PM
  #11
LeafyBlade
Novice (Level 1)
 
Join Date: Sep 2009
Posts: 10
iTrader: (0)
LeafyBlade is an unknown quantity at this point
Quote:
Originally Posted by Pegasus View Post
Thanks! I've read it! I understand some more now Afraid that tut is only about single images though, and I'm working with a whole lay-out

Also, I'm working on my lay-out some more, and I've made some sort of box called 'On my mind', I want to be able to place pictures and videos inside there, is that possible? And can I just draw a 1pix border box inside there in which I can add my pictures and videos later?
Here is an image:


Gee, this is really hard, didn't expect just HTML and a lay-out to be this hard

Last edited by LeafyBlade : 09-15-2009 at 01:19 PM.
LeafyBlade is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-15-2009, 02:09 PM
  #12
Pegasus
Extremely Flighty Admin
 
Pegasus's Avatar
 
Join Date: Nov 2001
Location: 35º South of Santa Claus
Posts: 21,467
iTrader: (0)
Pegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to all
It's time-consuming more than hard, I think. What I'll do is move this thread over to the HTML/XHTML Forum and someone there with more experience in templates can see what they can do.
__________________


Decaf is the root of all evil...
HTMLForums Awards 2008
Pegasus is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-15-2009, 02:50 PM
  #13
LeafyBlade
Novice (Level 1)
 
Join Date: Sep 2009
Posts: 10
iTrader: (0)
LeafyBlade is an unknown quantity at this point
Ugh, I guess I looked over something, all the time when I was slicign and clicked, save for web, it was Images only, I saved it as HTML and images (.html), now, I guess that makes stuff some easier, will mess around with my HTML file for a bit in dreamweaver now

Yay! Finally some succes! Managed to get the whole stuff into dreamweaver!!

Now all I need to do is figure out how to type text on the green area! Because now it treats it as an image I need to make it the background or somewhat?

Last edited by LeafyBlade : 09-15-2009 at 03:00 PM.
LeafyBlade is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-15-2009, 09:13 PM
  #14
Pegasus
Extremely Flighty Admin
 
Pegasus's Avatar
 
Join Date: Nov 2001
Location: 35º South of Santa Claus
Posts: 21,467
iTrader: (0)
Pegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to allPegasus is a name known to all
Put the green area as the background to the table cell. It'll show up in the Inspector as <td> background
__________________


Decaf is the root of all evil...
HTMLForums Awards 2008
Pegasus is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 09-16-2009, 09:51 AM
  #15
LeafyBlade
Novice (Level 1)
 
Join Date: Sep 2009
Posts: 10
iTrader: (0)
LeafyBlade is an unknown quantity at this point
Yay, I managed to add text on the green part (although it goes to the gray part when I open it in firefox.. It's probably something with the code)
I've got a question about dreamweaver though, if anyone can help me with that?

How can I get my buttons to change when I mouse over them?
Insert -> image object -> rollover image, doesnt work because it ruins my lay-out, here's some pix.

I want:

Into:

Using insert -> rollover image makes it like:
LeafyBlade is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote

Reply
KEEP TABS
SPONSORS
 
Boxedart
 
 


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



 
  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
Thread Tools
Display Modes

Forum Jump

 

All times are GMT -5. The time now is 01:35 AM.

   

Mascot team created by Drawshop.com

Powered by vBulletin® Version 3.6.7
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.

Server Monitoring by ENIACmonitor 0.01
HTMLforums.com © Big Resources, Inc. Web Design by BoxedArt.com
vRewrite 1.5 beta SEOed URLs completed by Tech Help Forum and Chalo Na.