PDA

View Full Version : Need some coding help


Oscar99
19-06-10, 21:01
Right well basically i'm working on a site & i've designed something to show you what i want.

I just want this as a background & have the grey transparent area as the editable bit

http://img294.imageshack.us/img294/4016/templateqy.png

Is driving me insane
ZodiarK
19-06-10, 21:06
these are 2 separate elements right?

have ya picture as bg
and the grey area as main content
Rhys
19-06-10, 21:10
Id be happy to code it for you if u sent me over the background image without the grey bit.
that would go on a seperate layer.

simple thing to do but it may need a bit of editing to the background so it fits in well. since it seems to just stop.
so yeah :)
PM me or just reply.
Oscar99
19-06-10, 21:11
Okay here's the original image

http://img709.imageshack.us/img709/8562/template1t.png
Rhys
19-06-10, 21:13
i think he means that the guy would be the background.
and have the grey bit on top as a seperate bit.
ZodiarK
19-06-10, 21:15
yer basically 2 different layers
Rhys
19-06-10, 21:36
just to ask, you did notice that the image has some blacked out text in the middle next to his arm?

ohh and finished.

www.codingogo.net/b/

Valid:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.codingogo.net%2Fb%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.781

download @
www.codingogo.net/b/dl.zip

i hope thats all good for you.
you should be able to see how to do it if it does need changing tho :D.
Oscar99
19-06-10, 21:49
The image needs to be smaller - the quality is reduced by having it that large.

& yes i changed the link for the original image lol

but yeah i think i know how to do it
Pullen
19-06-10, 22:04
The image needs to be smaller - the quality is reduced by having it that large.

& yes i changed the link for the original image lol

but yeah i think i know how to do it

You have to give him a cookie now, as disclamied in his sig. :)
Rhys
19-06-10, 22:04
yeah i just got the static image.

You can just change the image from the body {} bit in the CSS and itll be good.
if not add #000000 after the url() bit and before the ;

:D


You have to give him a cookie now, as disclamied in his sig. :)

and he's right fyi. :D:D
Oscar99
19-06-10, 22:17
All is good however the grey box refuses to appear

www.InsomniaGaming.co.uk
Rhys
19-06-10, 22:23
thats because it cant find the image.

i had a second image which was grey.png in the images folder.
upload that and edit the css where needed in the box{} bit.
:D
Pullen
19-06-10, 22:24
All is good however the grey box refuses to appear

www.InsomniaGaming.co.uk

Do u need the grey box? Looks fine to me
Oscar99
19-06-10, 22:42
I'll upload an image later what i plan on doing.

The grey box will act as a template where the rest of the site goes.

I'm trying to make something like this

http://www.cynicalbrit.com/
VJ
20-06-10, 04:19
how would you code something like this
http://notquitewhite.co.cc/nqw/

where the background image is static, but the page still scrolls up and down..
Oscar99
20-06-10, 13:21
Yeah that would be nice to know aswell :o

But also, how do i have a background that stays the same size - cause when i'm designing this site, it looks fine on my monitor with my resolution but on a mates monitor the image is tiled. how do i constrain the image to a certain size so it fits all monitors.
Rhys
20-06-10, 19:20
background: url(image.png) no-repeat #000000;
That makes the image not repeat and have a black background if it needs extra space. which i think would be good for you Mr Raspberry.

@VJ:
Its done through CSS.


#fixed {
display: block;
position: fixed;
right: 5px;
top: 5px;
}
this means its fixed to the position and will always be 5px from the right and 5px from the top.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>------- SITE NAME HERE -------</title>
<style type="text/css">
#fixed {
display: block;
position: fixed;
right: 5px;
top:5px;
}
</style>
</head>
<body>
<div id="fixed">
TOP RIGHT :D:D:D<br />
Epic Right :D
</div>
And just normal
</body>
</html>
or www.codingogo.net/c/

hope this helps :D
Shakyj
20-06-10, 19:32
More on fixed: Fixed positioning is always relative to the browser window. So padding-top: 10px is always 10px from the top of the browser. Not the parent block
AaronWHUFC
20-06-10, 19:42
Rhys why is that "Top right :D:D:D Epic Right :D" permanantely stuck on this page, wherever we scroll?
Rhys
20-06-10, 19:57
Rhys why is that "Top right :D:D:D Epic Right :D" permanantely stuck on this page, wherever we scroll?

Problem with stuff. PMed double top.
yeah :D


but thats what it looks like when you put the CSS in to make it fix to that corner. if thats what VJ was trying to do :)
VJ
20-06-10, 19:57
So just dont tell other people :D

you've just told the world. ;)
Rhys
20-06-10, 19:59
you've just told the world. ;)

FML. =[

well try not to get this thread out which it will.

but only web people will read it...

EDIT
-----
edited so yeah. now nobody knows muahahahahaha :D
Shakyj
20-06-10, 20:23
Unsanitized forums, and DT is meant to be a Security Geek. Embarrassing... :D