 |
Rating
The Ultimate Layout Slicing and Coding Guide!, The Official Support Thread
  Jul 10 2005, 07:40 PM
Post
#1
|
|
|
Pimpmaster G  Group: Admin Posts: 5,673 Joined: 17-December 03 From: Montreal, Canada Member No.: 2  |
Welcome to the official Ultimate Layout Slicing and Coding Guide official support forum.
 After over 80 hours of writing, taking screenshots and finally designing a website to host this tutorial, the Ultimate Slicing Guide is finally released and ready for viewing! For those of you that missed this, I have been working on the largest online tutorial ever created on how to manually slice a layout with Corel Photopaint (Or any other graphics program) and then code it into an HTML page in Dreamweaver. You can check out this HUGE tutorial (Over 60MB in screenshots and samples) at http://www.slicingguide.com (The entire website is 1 tutorial!) and learn how to slice a complicated layout by hand and completely code it using Dreamweaver! You'll never have your content boxes screwing up your site everytime they get too long or scratch your head on how to tile gradients. The tutorial will show you how to:
Please use this thread to post any questions or comments you may have! Otherwise, hope you enjoy the tutorial! Faken |
 |
|
|
Jul 11 2005, 10:08 PM
Post
#2
|
|
|
Pidgeon Trainer  Group: Twodded Staff Posts: 1,541 Joined: 29-January 05 From: Connecticut, US Member No.: 2,479 |
Okay....holy crap....this is the coolest thing ever!!! GREAT WORK cant WAIT to get started!
The site kinda scared me at first, a lot of information all of a sudden, but lookin at it for a second cleared everything up. WOW.....just....WOW :bowtofaken: great stuff dude, i cant say that enuf ---and congrats to Griffin again! awesome layout man! |
|
|
|
|
Jul 11 2005, 10:20 PM
Post
#3
|
|
|
P2L Che Group: Members Posts: 1,016 Joined: 23-March 05 From: New Hampshire Member No.: 4,342 |
Is there any fast and painless way to convert the final products code to css or is that a stupid question?
|
|
|
|
|
Jul 11 2005, 10:23 PM
Post
#4
|
|
|
Retired P2L Staff Group: Members Posts: 4,104 Joined: 25-September 04 Member No.: 21 |
QUOTE Lesson 14 - Final Notes and Support Find out how to get help or leave comments on this tutorial, and find out whop's behind this madness! Donna missed a typo 
|
|
|
|
|
Jul 11 2005, 10:25 PM
Post
#5
|
|
|
Pimpmaster G Group: Admin Posts: 5,673 Joined: 17-December 03 From: Montreal, Canada Member No.: 2 |
QUOTE(Jaymz @ Jul 11 2005, 11:23 PM) QUOTE Lesson 14 - Final Notes and Support Find out how to get help or leave comments on this tutorial, and find out whop's behind this madness! Donna missed a typo Fixed  Faken |
|
|
|
|
Jul 11 2005, 10:28 PM
Post
#6
|
|
|
Lead Forum Admin Group: Admin Posts: 12,292 Joined: 29-September 04 From: B.C Canada Member No.: 111 |
QUOTE(Jaymz @ Jul 12 2005, 03:23 AM) QUOTE Lesson 14 - Final Notes and Support Find out how to get help or leave comments on this tutorial, and find out whop's behind this madness! Donna missed a typo My eyes were going so buggy at the end, so yes I probably have missed some thats what young fresh eye balls are for 
|
|
|
|
|
Jul 11 2005, 11:00 PM
Post
#7
|
|
|
P2L Jedi Group: Members Posts: 822 Joined: 29-October 04 Member No.: 618 |
It's good but I dunno if it's good enough for P2L
Well done Faken! |
|
|
|
|
Jul 11 2005, 11:13 PM
Post
#8
|
|
|
Code Enforcer Group: Members Posts: 540 Joined: 2-May 05 From: Battle Creek, Michigan Member No.: 5,620 |
Excellent work! *applauds* The best tutorial on slicing ever.
|
|
|
|
|
Jul 12 2005, 04:38 AM
Post
#9
|
|
|
Young Padawan Group: Members Posts: 2 Joined: 18-June 05 Member No.: 7,529 |
Hello,
Is that possible to download the tut in a pdf file ? Or will you do that ? Thanks WIngslave 
|
|
|
|
|
Jul 12 2005, 12:47 PM
Post
#10
|
|
|
P2L patient #4819 Group: Twodded Staff Posts: 1,311 Joined: 6-April 05 From: Nottingham, UK Member No.: 4,819 |
I dont know whether this is supposed to be like this but in lesson 9-10 there seems to be a lot of images missing, its says like figure 9.3 about the faint line in the red cirlce and i cant see an image. (there are a lot more i just picked that 1)
im in FF btw does that make a difference? |
|
|
|
|
Jul 12 2005, 12:51 PM
Post
#11
|
|
|
Pimpmaster G Group: Admin Posts: 5,673 Joined: 17-December 03 From: Montreal, Canada Member No.: 2 |
QUOTE(syndrome @ Jul 12 2005, 01:47 PM) I dont know whether this is supposed to be like this but in lesson 9-10 there seems to be a lot of images missing, its says like figure 9.3 about the faint line in the red cirlce and i cant see an image. (there are a lot more i just picked that 1) im in FF btw does that make a difference? All the images are fine... there;s a small description error, but the image is there... 9.4 is the one with the line. Tested and works fine in FF. Mayb clear your cache? Anyhow, fixing that error.. Faken |
|
|
|
|
Jul 12 2005, 12:52 PM
Post
#12
|
|
|
Young Padawan Group: Members Posts: 48 Joined: 6-April 05 Member No.: 4,831 |
Worked fine for me.
Brilliant tut Dan.  I can finally make my website and thousands of goes. |
|
|
|
|
Jul 12 2005, 01:20 PM
Post
#13
|
|
|
P2L patient #4819 Group: Twodded Staff Posts: 1,311 Joined: 6-April 05 From: Nottingham, UK Member No.: 4,819 |
QUOTE(Faken @ Jul 12 2005, 06:51 PM) QUOTE(syndrome @ Jul 12 2005, 01:47 PM) I dont know whether this is supposed to be like this but in lesson 9-10 there seems to be a lot of images missing, its says like figure 9.3 about the faint line in the red cirlce and i cant see an image. (there are a lot more i just picked that 1) im in FF btw does that make a difference? All the images are fine... there;s a small description error, but the image is there... 9.4 is the one with the line. Tested and works fine in FF. Mayb clear your cache? Anyhow, fixing that error.. Faken erm iv tried FF cleared cache, tried IE and cleared cache but no joy, would screenshots help? |
|
|
|
|
Jul 13 2005, 12:54 AM
Post
#14
|
|
|
Young Padawan Group: Members Posts: 2 Joined: 2-July 05 Member No.: 8,120 |
Hello Faken,
I must say brilliant tutorial, I have been searching for something this in depth for probably the last year or two. Well I am slicing the layout you provided and I am currently stuck. Everything was going perfect until I ran into this mess. I have finished doing the left content area, and started on the main content area to the right, and after finishing my right content area it seemed to mess up my left content area, just below the first content box on the left content area section. Below I have provided a link to view my progress. Thanks in Advance for all your help. Progress: www.hybridmed.net/Slice/index3.html Download My Files in Use: http://www.hybridmed.net/Slice/ Thanks, Taylor Leach Hybrid Media |
|
|
|
|
Jul 13 2005, 07:00 AM
Post
#15
|
|
|
Young Padawan Group: Members Posts: 35 Joined: 30-March 05 Member No.: 4,594 |
 uhm i got a few questions, sorry if i just didnt pay attention when i create a table in dreamweaver, it doesnt place it at the top. it places it one break down.  second, when i split my table with a background image, the background image doesnt stay the same: original:  after splitting:  and third, after i set the vertical size to 100%, it shows it correcly in dreamweaver, but not in my browser!  help! edit: nvm it worked after copying your source code. weird it was the same only in a different shape 
This post has been edited by skandalouz: Jul 13 2005, 08:17 AM |
|
|
|
|
Jul 13 2005, 07:31 AM
Post
#16
|
|
|
Young Padawan Group: Members Posts: 1 Joined: 13-July 05 Member No.: 8,495 |
Hi . I registered here after reading this AWESOME TUTORIAL about slicing...I laready know how to slice ,but I was shocked how much effort u had to put into that.
BIG THUMBS UP !!! great and very helpfull job u did ! |
|
|
|
|
Jul 13 2005, 08:22 AM
Post
#17
|
|
|
Pimpmaster G Group: Admin Posts: 5,673 Joined: 17-December 03 From: Montreal, Canada Member No.: 2 |
QUOTE(HybridMedia @ Jul 13 2005, 01:54 AM) Hello Faken, I must say brilliant tutorial, I have been searching for something this in depth for probably the last year or two. Well I am slicing the layout you provided and I am currently stuck. Everything was going perfect until I ran into this mess. I have finished doing the left content area, and started on the main content area to the right, and after finishing my right content area it seemed to mess up my left content area, just below the first content box on the left content area section. Below I have provided a link to view my progress. Thanks in Advance for all your help. Progress: www.hybridmed.net/Slice/index3.html Download My Files in Use: http://www.hybridmed.net/Slice/ Thanks, Taylor Leach Hybrid Media Ok your problem is simple Back in Lesson 11a you create a table with two cells - one for your left column, and one for you right column (See Fig 11a.3). Now you did that all fine, but you made a booboo in Lesson 11b. If you scroll down to Fig 11b.24, that's there you paste additional copies of the first left column content box you made.Here's the problem: You have to paste that content box under the first, but in the same table (The table you created in 11a.3). In your case, you pasted it under the table. That's why you have that huge gap under the first content box. So just move the second and third content boxes you created into that main table that holds all the content boxes and you're all set. Faken |
|
|
|
|
Jul 13 2005, 08:27 AM
Post
#18
|
||||||||||||||||||||
|
Pimpmaster G Group: Admin Posts: 5,673 Joined: 17-December 03 From: Montreal, Canada Member No.: 2 |
QUOTE(skandalouz @ Jul 13 2005, 08:00 AM) uhm i got a few questions, sorry if i just didnt pay attention when i create a table in dreamweaver, it doesnt place it at the top. it places it one break down. second, when i split my table with a background image, the background image doesnt stay the same: original: after splitting: and third, after i set the vertical size to 100%, it shows it correcly in dreamweaver, but not in my browser! help! edit: nvm it worked after copying your source code. weird it was the same only in a different shape Well you seem to be skipping steps... gotta make sure you read the entire tutorial or you get issues like this For your first problem, it's because you didn't set your margins as per the instructions in Lesson 4. For your second issue, it's because you set the image as the background for the cell, not for the table. Click inside the table then remove the background image you have set in the properties box. Then click on the
Forum Options & Statistics
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
 |
