Share your custom login pages here…

t0m4s

Lightweight and consistent was the name of the game. Basic HTML and it renders the same on any browser I've tested, desktop or mobile.

hi, I'm wondering how can you change when CP appears not to show the local ip address (in the address bar) instead to show the name of the server, for example this image up

merald

Please post your code, I really suck on webdesign. It will save my ass. Thanks in advance :P

lol

@merald:

Please post your code, I really suck on webdesign. It will save my ass. Thanks in advance :P

If it's not too late…
Nothing spécial. Popup blocker detection, show IP.

cat captiveportal.html 

# Isalo Hotspot

## Bienvenue sur le Portail Captif de la Société Hôtelière de l'Isalo

### Veuillez entrer vos identifiants de connexion dans l'espace réservé ci-dessous :

<form method="post" action="#PORTAL_ACTION#" style="text-align: center;">
                        <a>Identifiant :</a> 
                        <a>Mot de passe :</a> 

                </form>

                ![](captiveportal-baptiste08.jpeg)

http://paste.isalo.org/13

cmb

@t0m4s:

hi, I'm wondering how can you change when CP appears not to show the local ip address (in the address bar) instead to show the name of the server, for example this image up

"HTTPS server name" field, have to use HTTPS.

capnsteve

@merald:

Please post your code, I really suck on webdesign. It will save my ass. Thanks in advance :P


<title>McKendree University Wireless Network</title> 

<center> 

##  
![](captiveportal-McKWireless.jpg)

Welcome to McKendree University's wireless network.

Please enter your username and password to continue.

<form method="post" action="https://sw01.mckendree.edu:8001/"> 

| Username: |  | 
| Password: |  | 

      |  

</form>

Having a problem? 
[Click HERE for 
assistance](**REMOVED**)!

McKendree Helpdesk  | Piper Academic Center  |  
Lower Level

Monday - Friday  |  8:00AM - 5:00PM

**REMOVED**; |  **REMOVED**@mckendree.edu

Yeah, I know spec'ing the font is silly.  But when it is displayable, it is PRETTY.  Otherwise, you get what you see above.
</center>

shadowis

tks a loot!!!

mrvanity

@chettawan:

Mine. Simple page tableless with css ;D

Great work there!
Could you share the code with us?

Regards.

stupots

Hi,

Here's one that I use:

Download link is: http://files.pfsense.org/misc/stupots-captiveportal.zip

In this zip file, you need to upload all of the files starting "captiveportal" using the file manager. The "Guest WIFI Services.html" file is what you need to set as the portal page contents.

You can easily change the strapline by editing and reuploading "captiveportal-helptext.html" (note this does not actually contain HTML but plain text).

Please don't ask me any questions about how it works - I gave one of the web geeks here a rough design and he coded it with Scriptaculous doing some of the fancy features.

It works on IE, Firefox, Safari plus iPhone/iPad.

Regards,
Stuart

valshare

Hi,

nice login page that you have createt but looks like the zip file is corruptet. I can´t open it.

Can you reupload it?

Thanx!

Regards, Valle

stupots

@valshare:

nice login page that you have createt but looks like the zip file is corruptet. I can´t open it.

Can you reupload it?

Weird. It wouldn't let me upload as a ZIP hence I renamed… might have to stick it on something like Rapidshare. No time today, will do it tomorrow.

Regards,
Stuart

valshare

Hi stupots,

thanx for that.

Regards, Valle

stupots

@valshare:

thanx for that.

No probs, please check the original post for a new link to the page… have asked mods to remove the attachment.

cmb

I uploaded that to one of our servers so no one has to deal with the annoying download page on the previous link, link updated.
http://files.pfsense.org/misc/stupots-captiveportal.zip

Thanks for sharing!

sapanda

@mrvanity:

@chettawan:

Mine. Simple page tableless with css ;D

Great work there!
Could you share the code with us?

Regards.

Please send the code so that we can share, your portal page is wonderful and nice

webguy

@cmb:

@t0m4s:

hi, I'm wondering how can you change when CP appears not to show the local ip address (in the address bar) instead to show the name of the server, for example this image up

"HTTPS server name" field, have to use HTTPS.

Is this only possible with HTTPS? I can setup the DNS Forwarder to forward "company.wifi" to pfSense, but can't order an SSL certificate for that, can I?

jduval

here's mine

Untitled.png_thumb

syedadi

@jduval:

here's mine

Your code please =)
Thanks in advance ::)

cheonne

nice…
more codes please...^^
tia

valshare

@stupots:

It works on IE, Firefox, Safari plus iPhone/iPad.

Regards,
Stuart

Hi Stuart,

thanx for sharing the custom login page. Do you have a mobile (ipone/android) optimized version, too?

I have tried to optimize it, but failed.

Regards, valle

klamath

@jduval:

here's mine

Verry Nice!!!