make me a layout

[Shawn]

Hey i was wondering if anyone could make me a layout? I would like frames, you don't have to though. I don't really care for the colors maybe black and some greys. Make this a contest! but no prize tho. hehe

[Flash ho]

Why frames? Can you give alittle more detail on what you are looking for?
There is a million ways to build frames. top, middle, left , bottom. floating frame etc etc. Maybe do a picture of what you invision and post it?

[Shawn]

click here http://www.tutorialforums.com/attachment.php?s=&postid=176713 ...thats what i want. And when somebody does make one, how do i go and make it in html or editable?

[Helen]

Wow Shawn!

That looks like a page template, not frames. You might want to check out these two links on the new Webmasters Idea Page:

http://ideabank.rightstuffhosting.com/

Click on Jan's Web Studio Templates under the Website Content heading
and
Free Page Templates under the Favorite Links heading

As you can see, lots more goodies are being added; many still need the links put in for them... we're working on it :)

[jan]

http://jansown.com/blgr.html

I just did a sample in PSP7. This can be made in the sizes you want.

I took a black background and used the triangle selection in PSP to clear away the lower right-hand corner.

Let me know if you want me to duplicate the whole page. It might take a little while but I think it can be done in Web Studio and PSP.

[Flash ho]

Hi Shawn, Like Jan says, that can be done using simple graphics. You would need 2 images like Jan's and scale them to the sizes you wanted. If you build in layers ( browser compatability - 4.0 and up) you could add your text, links and images on top of the gray box graphics.

[Shawn]

Hey Jan I liked what u made, but could you add more stuff to it like the sample i showed younz. Like I want a place to add links, my banner, and buttons and stuff.

[jan]

I'm sure I can fix you right up.

What color gray (RGB numbers or Hex numbers) do you need?

Do you want the gray to be the background color?

It might take me until tomorrow evening, but I'm sure it can be done.

I'll post here when I'm done. I could have done it this afternoon, but I spent the day with my girls.

[jan]

Rough Draft:

http://jansown.com/blgr.html

[Helen]

:D Girl, you're GOOOOOOOOOOOD!!!! :toast:

[Flash ho]

hi Jan, Just curious why you used jpg's? If you use gif's, you won't have colour shifts as you can get using jpg's. The "black " boxes show as #101010, not #000000. Jpg's shift colours to optimize the image, while gif's use 216 "pure" colours.

Shawn, Jan has done a great job for you. Page is only 5k. Just copy and paste! :) If you want to do this yourself- a couple of ways to build this. Both ways need 3 images. 1. a black rectangle, a grey rectangle and a black/grey square, split on the diagonal. Both ways use a solid grey background. You can build this using nested tables or layers or as one big image with hot spots. If your using a wysiwyg html editor, build in browser 3 and up compatability for table layout, in browser 4 and up compatability for layers. Place your images and resize as needed. 1k to 5k for page.

on edit - using tables would require only one image - the sq. with diagonal cut. The rectangle colours could just be table BG colours.

[Fred]

Jan - Thanks for that solution. You came through like a champ.
:toast:

[jan]

"you won't have colour shifts as you can get using jpg's"

Richard, I tried both gif/jpg. It seems like the colors shift when I put those boxes online. There showing up as #000000 in WS but the other online.

Gonna try again.

[jan]

Richard.....I went back and did everything in gif. I also used Vector.

Shawn.....what kinda buttons/banners/etc?

[jan]

http://jansown.com/grbl.html

Been playing.............jan

[Flash ho]

looks Good Jan!! and it is black as black! or back as black :?

As far as vectors - When you save as jpg or gif, it flattens your image and becomes a raster image. Using vectors is beneficial tho, as your native editing format ( psp, ps, fw ) maybe a little smaller and it allows you to export in vector recognizing formats - ai, esp swf etc. for future use.

Minor point - (Hope you don't mind the crit and I know you want to learn), as the quality of the black and grey boxes can't really be distorted by resizing "on the page", you could have accomplished the same thing with less images, as above. Ok, hit me now. The page is only 5k, so it won't save much overhead, just time creating images. 5k for a page layout is sweet.
on edit
You have a table tag in bottom of page. you could eliminate it I think.

[jan]

Hey Richard,

I'm alwayssss wanting to learn. And no amount of criticizing ever has nor ever will make me mad or upset.

I'm confused about the distorting statement. Do you mean I could have made 1 graphic and resized it in WS or PSP?

[Flash ho]

Good, Glad you have thick skin :P

Yeap, if you resize an image or a drawing or a photo on the page ( in ws or other web builder), it can mess it up. But, resizing a solid colour box- it won't affect it. Make one grey and one black rectangle and make a square consisting of - 1/2 grey triangle, 1/2 black triangle.

[Ron]

Thanks for helping out Shawn....i just wanted to post to let you know Shawn is usually only here at my place (where a computer is available), on the week-ends. He just called me and i read these replies to him and he wanted me to post to let you know this and he says Thanks and he'll reply to ya Friday.
-Ron

[Shawn]

Hey Jan I really love the layouts! I don't know what one to use!
But i was wondering how do i put stuff in it and news in it??

Buy the way, here are some links to my buttons:

http://iversonsource.com/images/button03.gif
http://iversonsource.com/images/button05.jpg
http://iversonsource.com/images/aigaragebutton.gif
http://iversonsource.com/images/aifantasybutton.gif

And i don't really care what the colors are right now.

[jan]

Do you own Web Studio? If not, you may want to purchase it.

Other than that, you will need to use HTML in order to get you material online.

[Shawn]

No, Jan...i meant since the layout you made is out of pictures...how do i add text and news in the boxes since they are pictures?

[jan]

I'm assuming that you don't own Web Studio, am I correct?

If not, you'd have to set the page up with HTML by using the images and tables. You would need to right click and save all the graphics on the page to your hard drive.

It would be a breeze if you had Web Studio. Right at this moment, I'm playing with the buttons you have and I'll put it online within the next 30 mins.

If you bought Web Studio, it would be a great investment.....especially if you are really into site building.

[Flash ho]

Or you could get a free 30 day trial of Dreamweaver. View source on Jan's page, copy it, open DW, paste it (the html ) into Dw. Your done! Then just drag your buttons , text, images etc on to page. Much easier. Name your page, save, and upload.

More than one page? Then save the copy of Jan's html in notepad and use it as a template for all your pages.

If you are a student Dw is 1/2 price.

[jan]

I put the buttons on the pages by using WS HTML gray box. This is only a test.

http://jansown.com/blgr.html
http://jansown.com/grbl.html

[jan]

Sure wish I could use these pages on my Template site, but it would be copying.

[Shawn]

Hey Jan i really liked it with the buttons. But you're still not answering my question. LOL

In the middle box, thats where i wanna add news and text and stuff. How would i do since it's a picture?

[jan]

Shawn,

What text do you want to add? I will put it there so you can see what it looks like.

[Shawn]

Just put this code in for the news in the center box:




<font face="verdana" size="1">Sixers BEAT Yao Ming and the Rockets

Allen Iverson had a double double with 20 points and 14 assists and Eric Snow had 19 points, including a pair of clutch free throws in the final seconds as The Sixers win in a 93-89 preseason victory against the Rockets. More (http://www.nba.com/games/20021024/PHIHOU/recap.html)

<font color="black" size="2" face="verdana">25/Oct.</font>





<font face="verdana" size="1">Sixers BEAT New Jersey Nets
The Sixers beat the New Jersey Nets 118-89 as Iverson added 14 points and eight assists, as Van Horn had 21 points against his former team.
(More (http://sports.espn.go.com/nba/recap?gameId=221022020)) (A.I.'s 100 things to do list (http://www.philly.com/mld/philly/sports/basketball/nba/philadelphia_76ers/4338300.htm))

<font color="black" size="2" face="verdana">25/Oct.</font>




<font face="verdana" size="1">I added a new picture in the 2002-03 Preseason (http://iversonsource.com/02pre.html) section today. Go check it out!</font>




<font face="verdana" size="1">Sixers lose another one vs. Jazz
The Sixers lost to the Utah Jazz 107-99 Saturday at First Union Center.
Iverson played 34 minutes and had 13 points, 2 rebounds, and eight
assists, while Van Horn had 15 points. More (http://sports.espn.go.com/nba/recap?gameId=221019020)

<font color="black" size="2" face="verdana">20/Oct.</font>




<font face="verdana" size="1">
<p align=justify>http://iversonsource.com/images/traincamp02.jpgIverson, Van Horn see a lot in Sixers

For a team that is 1-3 and has limped its way through the first half of the preseason schedule, the 76ers sure have some confident players. Allen Iverson, for one. Keith Van Horn, for another. Both players know what it takes to get to the championship round. They also know what it's like to be beaten by Shaquille O'Neal and Kobe Bryant in that round, but that's another story. "I think we are so much deeper than last year, and I think we are deeper than the team that went to the Finals," Iverson said after yesterday's practice at the Philadelphia College of Osteopathic Medicine. "I honestly believe that since I've been here, this is the most talent we've had." More (http://www.philly.com/mld/philly/sports/basketball/nba/philadelphia_76ers/4318414.htm)

<font color="black" size="2" face="verdana">19/Oct.</font>





<font face="verdana" size="1">I added a new picture in the Shoes section and in the 2002 Preseason Photos section. I also added 2 more tattoos in the Tattoos section. So go check em' all out.

<font color="black" size="2" face="verdana">19/Oct.</font>





<font face="verdana" size="1">
<p align=justify>http://iversonsource.com/images/top50.jpg (http://www.topsitelists.com/run/top50/topsites.html)
I added a Great top sites thing
today and you can go to it by
clicking on the button.

<font color="black" size="2" face="verdana">18/Oct.</font>

[fuhgedaboutit]

Jan, your layout page looks FANTASTIC! That's so sweet of you!

Hey Shawn, I made this for your birthday but got totally side tracked. Anyway "Happy "Really" Belated Birthday." I now know more about Iverson than any woman should know. :roll: I like some of his tattoos though.

http://www.fuhgedaboutit.com/HBShawn.gif
________
Anime manga (http://www.fucktube.com/categories/108/manga/videos/1)

[Shawn]

Hey fuhgedaboutit, Thanks so much for the picture. Maybe I can put that pic on my site. :wink:

If you can make good wallpapers, please help my site and make Allen Iverson wallpapers for me.

I'm terrible at designing. :D

[Flash ho]

Hi Shawn, Jan asked me to pitch in. On adding your text, (using Ws) using the code you have you could add it to the body, by using the html object and positioning it. You said you have ws correct? Another easier way, would be to open a new site in ws, open jans page, select all on jan's page and copy it on to the ws page, then just type your text where you want it. Or do the same thing in DW, but copy/paste code only.

If you are using ws, it may be a good begining for you to start playing around with text boxes, signs etc to get an understanding of what you are doing and what is possible.

[Shawn]

Hey Richard i don't have WebStudio or Dreamweaver...and someone else made me a really nice looking layout!!! (sorry Jan) But i need someone to code it i html and i can't find any tutorials on how to do that.

If your gonna help me and code it for me...then i'll just e-mail you the winzip...tell me your e-mail address.

[Helen]

Jan, you did a beautiful job on that template, as usual. It will be a
great addition to your portfolio. :cool:

Shawn, since you now have a nice site uploaded, and you want to
have an html template, this seems to be the perfect time for you to
learn html yourself. It is not an overnight thing, but you will benefit
from it for years to come and enjoy the pride of accomplishment too.

You can just print out some nice tutorials and study them during the
week when you don't have access to a computer. Then you will have
a basic understanding of it when you get back to the computer. People
will help you along the way when you get stumped. :)

Here are two very good places to get a quick head start:
http://www.webcode101.com/
http://www.pageresource.com/html/hclist.htm

Take your time and have some fun with it.... that's what real website
building is all about, not how fast we get the results. :D

[jan]

Hi Shawn, That's great you found someone else to get you started.

Helen, Do you really think I should add those templates?

[Flash ho]

Hi Shawn, Glad you found a layout. Yes, like Helen said, if you plan on being a web designer, you should start with the basics - learning html.

You won't learn anything having others do the design for you. There are also a bunch of great books out there ( ck e bay for cheap ones), grab a book on learning html and jump in, then learn a paint/photo editing program like Paint Shop Pro , fireworks, photoshop etc. While you are in e bay look at some web building programs like Nanoweb and Dreamweaver4. Using these programs will help you learn the basics.

[Helen]

Absolutely, Jan! It is a fantastic job. :D