What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » Help this webdesign noob

Pages: (3): « First [ 1 ] 2 3 » Last »
Help this webdesign noob
Author: Message:
paperless
Veteran Member
*****

Avatar
Saved by the bell

Posts: 1113
Reputation: 37
35 / Male / Flag
Joined: Apr 2003
Status: Away
O.P. Help this webdesign noob
Hey people i need your help..
Look i want to make my own template in my blog im making but i dont know how to do one thing...

I have this image to use as skeleton of the blog...

[Image: ihnp-200265thumb.png]



What i want to know is how to dont let the text etc walk in every place of the image...i want the text only to circulate in some parts of it like limits in the image where text can be and where it cant....
And i dont know how to do this im some kind of a zero



And this site : http://www.n-sane.net/tutorials.php

How does he do that? Like he has the "building" "features" texts up on the image and it only stays in that place of the image, doesnt move.
And it has html uppon the image too how do i do that advanced thingy?

This post was edited on 02-03-2005 at 03:30 PM by paperless.
02-03-2005 03:28 PM
Profile E-Mail PM Find Quote Report
Titty
Full Member
***

Avatar
titty is me ;p

Posts: 177
Reputation: 14
– / Female / –
Joined: Aug 2004
RE: Help this webdesign noob
I thought of two ways to do this.

In Photoshop, you can go to slice images, and slice it and then go back and code it and include your text.  (I haven't tried this but I'm pretty sure it might work.)

Also, you could just div align it.  That's even easier if you're too lazy to slice images. ;p

Alright, I just looked at his source.
He has the main image as the background, and then aligned the
text to fit ontop of the 'background'.
02-03-2005 07:36 PM
Profile E-Mail PM Web Find Quote Report
.blade//
Veteran Member
*****

Avatar

Posts: 2856
Reputation: 39
35 / Male / –
Joined: Jan 2004
RE: Help this webdesign noob
I think the easiest way to do it would be to seperate the top, then set the bottom part as a repeating image in the back of a table, or as a stationary image in the back of a table with an iframe over top of it.
[Image: A%20Pointy%20Rock.jpg]
02-03-2005 07:38 PM
Profile PM Web Find Quote Report
paperless
Veteran Member
*****

Avatar
Saved by the bell

Posts: 1113
Reputation: 37
35 / Male / Flag
Joined: Apr 2003
Status: Away
O.P. RE: Help this webdesign noob
quote:
Originally posted by Titty
I thought of two ways to do this.

In Photoshop, you can go to slice images, and slice it and then go back and code it and include your text.  (I haven't tried this but I'm pretty sure it might work.)

Also, you could just div align it.  That's even easier if you're too lazy to slice images. ;p

Alright, I just looked at his source.
He has the main image as the background, and then aligned the
text to fit ontop of the 'background'.


Yeah i saw that on a code of a example template can u tell me how to div? please pelase..

quote:
Originally posted by blade
I think the easiest way to do it would be to seperate the top, then set the bottom part as a repeating image in the back of a table, or as a stationary image in the back of a table with an iframe over top of it.

Not the same i think..
02-03-2005 08:24 PM
Profile E-Mail PM Find Quote Report
megamuff
Full Member
***


Posts: 128
Reputation: -12
36 / – / –
Joined: Apr 2003
RE: Help this webdesign noob
quote:
Originally posted by paperless
can u tell me how to div? please pelase..

eww bad spelling.. :S anyway:

<div style="position:absolute;left:10;top:10;">
BLAH BLAH BLAH
</div>
02-03-2005 08:30 PM
Profile PM Find Quote Report
Titty
Full Member
***

Avatar
titty is me ;p

Posts: 177
Reputation: 14
– / Female / –
Joined: Aug 2004
RE: Help this webdesign noob
BEGINNER:

<div style="top: 0px; left: 0px; position: absolute; z-index:1">
<img="url here">
</div>
Play around with the numbers.


ADVANCED:

<div id="name here">
<img="url here">
</dvi>
After you've put the dimensions in your css file.  (If you have external css file like I have on my website.)
02-03-2005 08:30 PM
Profile E-Mail PM Web Find Quote Report
segosa
Community's Choice
*****


Posts: 1407
Reputation: 92
Joined: Feb 2003
RE: Help this webdesign noob
<img src="url here">, Titty. :p
The previous sentence is false. The following sentence is true.
02-03-2005 09:22 PM
Profile PM Find Quote Report
Titty
Full Member
***

Avatar
titty is me ;p

Posts: 177
Reputation: 14
– / Female / –
Joined: Aug 2004
RE: Help this webdesign noob
HAHA, I can't believe I made that mistake.


I'm glad I didn't do that on my website, lol.



Oh man, FOR SHAME !  I'm tired, nappy time !
02-03-2005 09:30 PM
Profile E-Mail PM Web Find Quote Report
paperless
Veteran Member
*****

Avatar
Saved by the bell

Posts: 1113
Reputation: 37
35 / Male / Flag
Joined: Apr 2003
Status: Away
O.P. RE: Help this webdesign noob
can u please be more specific on it.. ? anyone.. ?

This post was edited on 02-03-2005 at 11:21 PM by paperless.
02-03-2005 11:20 PM
Profile E-Mail PM Find Quote Report
surfichris
Former Admin
*****

Avatar

Posts: 2365
Reputation: 81
Joined: Mar 2002
RE: Help this webdesign noob
There is nothing better than learning how to do it yourself.

Take a look at the links and resources here: http://glish.com/css/

That design looks pretty cool too.

Spend a bit of time looking at the resources and if you don't get anywhere with how CSS and XHTML work then i'll give it a shot for you.
02-03-2005 11:37 PM
Profile PM Find Quote Report
Pages: (3): « First [ 1 ] 2 3 » Last »
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On