MIkrotik hotspot: edit html files

I am trying to create some custom HTML pages (including CSS) for mikrotik hotspot.

Is there any application that could help me edit those pages instead of doing it using a standard text editor???

Thank you
LVL 10
Who is Participating?
meverestConnect With a Mentor Commented:

maybe try specifying 'fixed', i.e:

background: #000000 url(image.jpg) center fixed no-repeat;
Nenad RajsicConnect With a Mentor Commented:
can you show me a sample page?
I use Dreamweaver to edit html files.
amprantiAuthor Commented:
I attach the default login.html file
It isnt something complicated, but I want some automated tools to make my life easier! :)
Protect Your Employees from Wi-Fi Threats

As Wi-Fi growth and popularity continues to climb, not everyone understands the risks that come with connecting to public Wi-Fi or even offering Wi-Fi to employees, visitors and guests. Download the resource kit to make sure your safe wherever business takes you!

Nenad RajsicCommented:
download a trial version of Dreamweaver and you'll be able to make those changes both visually and by hand coding. or just get a free product such as pagebreeze.com - that is if you are not into web design and stuff
meverestConnect With a Mentor Commented:
I make that login.html file nothing more than a redirect page to our 'login page' server, and add the login server to the hotspot walled garden.  The form posts back to the right login script on the hotspot which works very well - this way, we can manage all hotspot login pages from just one server, in fact just one login page!

By making the login page scrip check source IP address of the request (server_name cgi variable), we can even display a customised page for that particular location (for edvertising or special information etc)

amprantiAuthor Commented:
What I want to do is to add a custom background, which will always fit 100% of the screen.
Anyone has an idea how to achieve that?
what about <body background="/image.jpg"> ?

amprantiAuthor Commented:
The image repeats in the background and when I resize the window it doesnt stay in the center! :(
amprantiAuthor Commented:
I have achieved what I wanted using the following css code:

body {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #000000 url(image.jpg) center no-repeat;	

Open in new window

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.