Help - Search - Members - Calendar
Full Version: [DW / PhotoPaint] - [Slicing and Coding] - [Faken]
Pixel2Life Forum > Member Tutorials and Requests > Forum Tutorial Archives > Miscellaneous Tutorials
Pages: 1, 2
Faken
MOVED TO TWODDED
Pix
hiya.gif
wow,thnx for the tut,Dan
I really love it.

Might come in handy , I am learning slicing,still sux at it tho mad.gif
mYth
Awesome tutorail, wish I had something like that when i first started. Just remeber to always think ahead when you slice, and dont go overboard. What you slice will be tables, so dont make it table hell... Easy and simple does the trick, but make sure its logic in how you do it.
Faken
Table hell = main page of P2L bigwink.gif

Actually it's not too bad... it's the includes that make my head ache.

Faken
Jaymz
I like includes, they make my life easier smile.gif
mYth
I love includes, make everything easier to see...
FaultySanity
So if you want a table content box inside a table content box (like the main p2l page) you just simply put the code inside the larger box?
Faken
QUOTE(FaultySanity @ Aug 11 2004, 04:02 PM)
So if you want a table content box inside a table content box (like the main p2l page) you just simply put the code inside the larger box?

Yeppers smile.gif

Faken
Gio
The index page of p2l is alittle cluttered, but it is pretty good code so I like it.
Unreal
Damm! Best slicing tutorial ive ever seen. Thanks.
vexir
I've tried a lot of tuts, but I just dont understand how they apply to my layout.. my layout is strange.. lol.. Can anyone walk me through it, its my first time.. im sure once I get walked through the first time, I'll get it..


Here ish a pic:




HELP!! sad.gif

btw, its just that middle box and the side runners which I want to expand...
Faken
QUOTE(vexir @ Sep 3 2004, 11:33 PM)
I've tried a lot of tuts, but I just dont understand how they apply to my layout.. my layout is strange.. lol.. Can anyone walk me through it, its my first time.. im sure once I get walked through the first time, I'll get it..


Here ish a pic:




HELP!! sad.gif

btw, its just that middle box and the side runners which I want to expand...

Same concept as my slicing... just do all your boxes the same way. The fact that you have some faded images on your table background complicates things though... you should walways try to use solid color backgrounds for boxes that you want to stretch with content.

Faken
Andy
Yea! Great tutorial, unfortunatley i already know dreamweaver extremley well... If only you would have been around a year ago... sad.gif


vexir, as faken said, try and use solid colours, although you can have gradients... just as long as they are going horizontal (right to left) that way, they can be repeated without any confusion.
vexir
Yeah, that gradient is right to left, but I can change it if you like... I sitll dont understand how to do it though..
vexir
Plus my layout is all oen image, not like yours in which just that content box its own img
ltjfansite
ok ive done it now, the tbleing got abit confusing when wonting to make a hole layout like the dude above but i figured u have to put tables inside other tables t get it right, lol

im not so good at coding layouts and this was hte first time ive used dreamwaver and its helped thanks.
vexir
Why is everyone understanding this except me!? mad.gif
Anarchy
great tutorial heartpump.gif
usually, i don't understand one thing that slicing tutorials tell u... bigwink.gif
vexir
Ok I tried my best and I'm stuck here:



See dat? The top cell won't fucking shrink mad.gif
mYth
Did you try dragging it in design view? And mke sure all images are the correct size as in they arnt stretched.
Jay
prob with setting a gradient to the middle box for background is that you want it to expand, and the background image might do the ugly "start over" repeat
GhostDZ
hey i got a question when every i make a table it doesn't stack ontop of each other the go side by side how do i change that??? huh.gif
GhostDZ
nevermind i was being stupid
lol
victory.gif

Ghost
vexir
I still dont get how to make it work Jay.. dry.gif

It IS possible because the guy at webdogpro.com made it work with his Pro Dark Blue template.
vexir
HEY SOMEONE HELP ME PLEASE
Faken
QUOTE(vexir @ Sep 7 2004, 12:02 AM)
HEY SOMEONE HELP ME PLEASE

I really don't get what you are not understanding... :/ I mean, just follow the tutorial and it's easy. Cut up all your boxes the way I showed, then create a table to hold them all. Easy as pie... I don't see what you mean by the top cell not collapsing. What top cell? You have quite a few...

Faken
vexir
By the top cell I mean the cell containing the top tab of the main content box. The cell below that has the repeater image, 416px by 1px.


Do you want a .zip of the stuff because mabye thats the only way to show you.. sad.gif
Banger
Hey thts all good and everything but i get like a white bit inbetween each pic how do i fix tht???????

hey and a few quick questions so i dont get called a newb from now on, on this forum

1 r u allowed 2 double post
2 y cant u have flash signatures thts a realy bumber
3 or can u the code i been using isnt working on these forums:<embed src="http://www.freewebs.com/flashpoop/revival.swf"quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="150"></embed>
......is there anything wrong with tht


and finally sum 1 please help me
Jamie Huskisson
no
no
and no html allowed in signature/posts (meaning it wont be executed but is allowed to be posted in its own right
Banger
thts great and all but u havent helped me


Y do i get the white bits for my table like in between the pics

plz help

like if this is my pic---> zzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzzzzzzzzzzzz

x being the middle xxxxxxxxxxxxxxxxxxxxx

zzzzzzzzzzzzzzzzzzzzz and z bieng top and bottum bits zzzzzzzzzzzzzzzzzzzzz


plz help
Banger
mad.gif come on people!!! help me its been 2 days and there only been 2 replies i dont wanna have to wait a day for an reply!!!!!!!!!!!!!
Ghost
Faken, what font is that u used? I like it smile.gif
Faken
QUOTE(Ghost @ Nov 1 2004, 04:39 PM)
Faken, what font is that u used? I like it smile.gif

http://www.dafont.com/en/bitmap.php

The first few pages are the fonts I use smile.gif

Faken
KenDM
Okay, sorry if I curse

Fucking hell, you really are L337. So simple and such a clear tutorial. You're a freeking genuis victory.gif

EDIT ::

Darn, I still got a problem sad.gif



See that? Everything nice and clean... only one problem, it's a .JPG :'(

the problem is I followed this tutorial to make a table for the nav menu for making the pictures into links. But it turns out horrible, can someone tell me what to do? The problem is the middle.gif. I loaded the middle part in the table as background, the width in pixels is as much as top.gif. So the top of the table. 182 pixels in this case. But it comes out like this



Please help me some one :'(

KenDM
KenDM
Okay, it finally worked. Now I have another question for you L337 GFX masters smile.gif

I made the table. And I inserted images (which I'm going to define as links later one) but I need the space of the images to be smaller...



Can anyone help me with this?
Ghost
TYVM Faken smile.gif Your site owns! hiya.gif
Penaf
Let me see if i got it right ... you just can't do website designs with gradients cause you'll be not able to pass them to photoshop?!?
Hell ... I've made a layout that i'm proud of but it has 3 or 4 gradients sad.gif
KenDM
Nope, you've gor it wrong, you CAN make gradients from left to right, or from right to left. But not vertically because the tables would be screwed.
Ghost
QUOTE(Banger @ Oct 8 2004, 03:37 PM)
thts great and all but u havent helped me


Y do i get the white bits for my table like in between the pics

plz help

like if this is my pic---> zzzzzzzzzzzzzzzzzzzzz
zzzzzzzzzzzzzzzzzzzzz

x being the middle xxxxxxxxxxxxxxxxxxxxx

zzzzzzzzzzzzzzzzzzzzz and z bieng top and bottum bits zzzzzzzzzzzzzzzzzzzzz


plz help

What...? Too confusing...

Like Faken said, if you follow the tutorial, you'll get it. I had never even thought of making a template until I saw this tutorial, then well, yeh...I did it smile.gif
shifted90
Remember, you can also use this for navigation menus too.
Skurai
sorry if i sound like a newb but why is there such a big space between the text when i type.
RaWHacK
Not sure what you mean but try border 0
Skurai
ohh sorryi forgott too use <br> command dry.gif
Scapegoat101
Now what would I do,if i preffered to do this with CSS,layers and such?
Also how do i get images to "float" over a text box,like I sometimes see.

Nice Site btw,I see its hosted by tysoft,i played tribes with that guy.
_AsD
could i use the pixel2life content box for my website ???
i mean it will looks the same
just the content box

please......


thanx
adam123
Altough you'll have to ask Faken, The answer will almost definetly be no.
JaK3rIUS
that was an awesome tut Faken. I'm slowly learning and building my own template.
Cheers
cnelson
great tut, but i just don't understand how to get evryting to "flow" with tables, when i make my design in photoshop, its great, but when i slice it and try to code it, yeah right.. lol. sad.gif
[mez]
What exactly are you having problems with cnelson?
cnelson
hey, i download some templaes from online to look to see how they put all the tables together, and i see its hard, but i understand how, it's just so hard to get everything to flow, i can make amizing website templates in Photoshop but once i try to code em, even if i slice right and all, or if i try this tutorial, they just never come out right.. sad.gif

P.S i'd have Dan code it, but i don't have teh $$ and plus i'd like to learn how, becuase i want to start designing templates. smile.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.