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?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Nenad RajsicCommented:
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! :)
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
Discover the Answer to Productive IT

Discover app within WatchGuard's Wi-Fi Cloud helps you optimize W-Fi user experience with the most complete set of visibility, troubleshooting, and network health features. Quickly pinpointing network problems will lead to more happy users and most importantly, productive IT.

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


maybe try specifying 'fixed', i.e:

background: #000000 url(image.jpg) center fixed no-repeat;

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Wireless Networking

From novice to tech pro — start learning today.