# Entrance page

**URL:** https://forum.kirupa.com/t/entrance-page/25251
**Category:** Uncategorized
**Created:** [July 10, 2003, 9:51pm UTC](https://forum.kirupa.com/t/entrance-page/25251 "2003-07-10T21:51:07Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Eberth](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/eberth/32/41_2.png) [@Eberth](https://forum.kirupa.com/u/Eberth)
#### Post date: [July 10, 2003, 9:51pm UTC](https://forum.kirupa.com/t/entrance-page/25251/1 "2003-07-10T21:51:07Z")

</div>

Hi, how can i do a entrance page with a resizable background?, so it fits on any browser??

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:02pm UTC](https://forum.kirupa.com/t/entrance-page/25251/2 "2003-07-10T22:02:41Z")

</div>

example? (and no, I’m not gunning for samples from your new ‘supah amazing’ website ;)). I _think_, (though, dont quote me) that generally you can’t resize the background, unless you have one background for each res and then you have a script to determine the users’ resolutions…

you could just have the smallest res (800x600 I assume?). Or whouldn’t that work?

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:04pm UTC](https://forum.kirupa.com/t/entrance-page/25251/3 "2003-07-10T22:04:37Z")

</div>

> \*Originally posted by asphaltcowboy \*  
> \*\*example? (and no, I’m not gunning for samples from your new ‘supah amazing’ website \*\*

ahahahahaha :bad:

like electrongeek´s entrance page, that thing is also on 2advanced…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:05pm UTC](https://forum.kirupa.com/t/entrance-page/25251/4 "2003-07-10T22:05:10Z")

</div>

if your splash page is vector (no bitmaps), then simply make it 100% of width and height… it will be slightly slower on larger res, but that will solve it…

Rev ![](http://www.aulman.com/rev.gif)

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:25pm UTC](https://forum.kirupa.com/t/entrance-page/25251/5 "2003-07-10T22:25:28Z")

</div>

post an example of wut u are reffering to

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:26pm UTC](https://forum.kirupa.com/t/entrance-page/25251/6 "2003-07-10T22:26:12Z")

</div>

[size=1]_whispers_ Pssst! he can’t! it’s a secret! ;)[/size]

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:27pm UTC](https://forum.kirupa.com/t/entrance-page/25251/7 "2003-07-10T22:27:43Z")

</div>

nah…I know ES is a secret…but like where he has seen it b4…he referenced 2a but I dont get what he is talking baout

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:29pm UTC](https://forum.kirupa.com/t/entrance-page/25251/8 "2003-07-10T22:29:19Z")

</div>

> \*Originally posted by asphaltcowboy \*  
> \*\*[size=1]_whispers_ Pssst! he can’t! it’s a secret! ;)[/size] \*\*

[SIZE=4] **enough!!!** [/SIZE]

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:36pm UTC](https://forum.kirupa.com/t/entrance-page/25251/9 "2003-07-10T22:36:12Z")

</div>

are you going to show them some examples or not? 😛

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:38pm UTC](https://forum.kirupa.com/t/entrance-page/25251/10 "2003-07-10T22:38:19Z")

</div>

this image, is repeated until it reaches the edge of the browser  
(this is on eg’s site)

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:39pm UTC](https://forum.kirupa.com/t/entrance-page/25251/11 "2003-07-10T22:39:00Z")

</div>

and on 2advanced…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:41pm UTC](https://forum.kirupa.com/t/entrance-page/25251/12 "2003-07-10T22:41:00Z")

</div>

> \*Originally posted by asphaltcowboy \*  
> \*\*are you going to show them some examples or not? 😛 \*\*

(-:

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:44pm UTC](https://forum.kirupa.com/t/entrance-page/25251/13 "2003-07-10T22:44:56Z")

</div>

oooooh! like that! well… if it’s like EG’s one, then you just make it 1 pixel thick and set it as the table background - then assign the width you need for the page 🙂

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:47pm UTC](https://forum.kirupa.com/t/entrance-page/25251/14 "2003-07-10T22:47:27Z")

</div>

and it wont appear on all the background repeatedly,?

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:49pm UTC](https://forum.kirupa.com/t/entrance-page/25251/15 "2003-07-10T22:49:47Z")

</div>

😛

nono, just use it as a bg-image in a table cell 🙂

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:50pm UTC](https://forum.kirupa.com/t/entrance-page/25251/16 "2003-07-10T22:50:15Z")

</div>

ok… i’ll try that…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:51pm UTC](https://forum.kirupa.com/t/entrance-page/25251/17 "2003-07-10T22:51:33Z")

</div>

Yup pretty much what he said.

You set html table borders width to 100% and you put this image, usually 1-5 pixels thick as your background image.

On higher resolutions, the html just repeats the background image (which is only a few pixels thick) but it gives an awesome effect of the entrance page graphics “extending”.

If you need instructions (not saying you…but if) then ask i will tell you how to do that.

🙂

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:51pm UTC](https://forum.kirupa.com/t/entrance-page/25251/18 "2003-07-10T22:51:35Z")

</div>

yeah make a table with 3 cols 1 row. The table dimensions should be 100% wide and however tall you want it. now the 1st td set its width to 50% set the middle td to lets say 300px, now the last td make it 50%… In the 2 td’s with 50% as the width place a bgrd image in the tag… Be sure to set you top, left, right and bottom margins to 0px, in the body tag or CSS. If you need the code let me know but I think you’ll learn better if you take my steps and do it.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:54pm UTC](https://forum.kirupa.com/t/entrance-page/25251/19 "2003-07-10T22:54:00Z")

</div>

> \*Originally posted by Alucard\_X \*  
> \*\*

If you need instructions (not saying you…but if) then ask i will tell you how to do that.

🙂 \*\*

i’m not so good on html, so yes… i need some instructions please…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [July 10, 2003, 10:54pm UTC](https://forum.kirupa.com/t/entrance-page/25251/20 "2003-07-10T22:54:14Z")

</div>

> \*Originally posted by 3d-iva \*  
> \*\*yeah make a table with 3 cols 1 row. The table dimensions should be 100% wide and however tall you want it. now the 1st td set its width to 50% set the middle td to lets say 300px, now the last td make it 50%… In the 2 td’s with 50% as the width place a bgrd image in the tag… Be sure to set you top, left, right and bottom margins to 0px, in the body tag or CSS. If you need the code let me know but I think you’ll learn better if you take my steps and do it. \*\*

Bullseye!

[Next page](https://forum.kirupa.com/t/entrance-page/25251.md?page=2)
