Servage Magazine

Information about YOUR hosting company – where we give you a clear picture of what we think and do!

Archive for the ‘Guides & Tutorials’ Category

Create a cool CSS-based tab-menu

Friday, December 6th, 2019 by Helge
This time we showtabmenu how to create a nice-looking tab-menu, based purely on HTML and CSS. See a live tabmenu example here. First, we want to have the menu code created in HTML. I find that the most appropriate way of doing this, is by creating the menu as a list. Thereby non-supporting browsers will still show the menu as a list, which somewhat resembles a menu. Everyone else will see the cool tab-menu :-) <ul class="tabmenu"> <li><a href="">Overview</a></li> <li class="active"><a href="">About</a></li> <li><a href="">Products</a></li> <li><a href="">Contact</a></li> <li><a href="">Login</a></li> </ul> So far this is somewhat similar to the dropdown menu, except we don’t have sub-items. This tab-menu and the dropdown ...

Build nice HTML forms

Saturday, November 30th, 2019 by Helge
Building forms for your website may be a trivial task for many developers, but if you’re not so much into HTML yet, then it might be quite a challenge. Also, you may simply find it nicer to build them with a WYSIWY editor. It’s easier and nicer than coding HTML by hand. Check out JotForm to boost your forms for your website: “There was a time once when creating web forms was a big pain for webmasters. Then came JotForm, first web based WYSIWYG form builder, and turned into a joy. Today JotForm has over 750,000 users. JotForm is a free web form builder. For basic usage, upto 100 submissions/month, you ...

Comparing development environments

Wednesday, November 6th, 2019 by Helge
development-environmentWhen it comes to web development, there are many development environments to choose from. Roughly speaking, a development environment means the computer on which you run the applications you are developing. Such a computer can be virtual or physical and local or remote. This time we will compare popular development environments, such as Vagrant, and see what advantages and disadvantages each has. Vagrant Vagrant is one of the newest and most used development environments by professional developers. Here is how it works: You install Vagrant and a virtualization environment compatible with it, either VirtualBox or VMWare. Next, you open a command line and tell Vagrant which type of development environment you would like ...

Wordfence: WordPress security two-factor login

Tuesday, October 29th, 2019 by Helge
wordfence-medallionYou have probably already heard of the term two-factor authentication, maybe you already use it today even with other services? However, what you may not know is that two-factor authentication has more uses than the web, for example, it can be applied to secure the login for your WordPress page. According to estimations, more then 75.000.000 websites are running Wordpress. Unfortunately, its popularity has made the tool a target for people who want to use your website to send spam or spread malicious code. Therefore, any means of securing your website that does not affect its usability may be worth reviewing and may also be used.In this post, we particularly want ...

Easy as 1, 2, 3 … Servage application installer

Thursday, October 24th, 2019 by Helge
Screenshot_2019-10-25 Servage - Application Installer 1009145 Install applications with view clicks! The Servage application installer helps you to install and use complex apps with few clicks only. Our system will set up the files and the associated database. It is very easy to install tools like e.g. Wordpress, Joomla, Coppermine, openCart and many more. Here, you find a step by step instruction how to use the Servage application installer: https://servage.zendesk.com/hc/en-us/articles/115000057163-Application-Installer If you should decide to install a new application on the host on which you already installed a tool, you can simply uninstall the existing tool tool and then ...

Responsive or adaptive design? What’s the best choice?

Friday, October 18th, 2019 by Helge
responsive-adaptible-designWhen building a website today there is almost no question about if it should be made responsive or not. It makes sense to adapt websites to the device they are being used on, and thereby improve the user’s experience significantly. However, as soon as you begin discussing how you want to adapt the site to different devices and how that responsiveness should actually be implemented, then you run into some general decisions you need to make. Now, responsive and adaptable are different things. It is important to understand the difference because it makes you able to consciously choose the method that is best for your given scenario. Note that responsive and adaptable are ...

Is your website standard compliant?

Saturday, October 12th, 2019 by Servage
wc3Everyone who ever tried creating a website probably knows that annoying experience of HTML pages not being displayed the same way in every browser. Especially  older versions of browsers are having a hard time showing your site the way you intended it to look. The reason for this is browsers interpreting HTML code and CSS styles differently. In many cases this has lead developers to create workarounds, including the use of invalid HTML or CSS, to trick the browsers into displaying the content in a similar way. These issues are frequently discussed on the Internet, and a common interpretation of HTML and CSS across all browsers is unfortunately not in sight. However, there is ...

How to add links in HTML

Monday, October 7th, 2019 by Servage
If you’re creating a page for the Web, chances are you’ll want it to point to other web pages and resources, whether on your own site or someone else’s. Linking, after all, is what the Web is all about. There is one element that makes linking possible: the anchor (a). <a>...</a> Anchor element (hypertext link) To make a selection of text a link, simply wrap it in opening and closing <a>...</a> tags and use the href attribute to provide the URL of the target page. The content of the anchor element becomes the hypertext link. Here is an example that creates a link to the Google website: <a href="http://www.google.com">Go to Google Home Page</a> Linking to Pages ...

New Servage Hosting account – Sitebuilder part 2

Wednesday, October 2nd, 2019 by Helge
designIn the last blog, we gave you a general overview about our websitebuilder. In this blog, we like to explain some features of that tool more detailed. However, in case of questions or remarks, you are of course always welcome to contact our support via ticket or live chat. Start using the sitebuilder with installing it on one of your host. The guideline for that, can be found HERE. As soon as the installation is complete go to "Domains and Websites" -> "Sidebuilder" to find the "Admin" button. Push that button to enter the editor. In the design step you can adjust your template by selecting colors and fonts to ...

New Servage Hosting account – Sitebuilder part 1

Thursday, September 26th, 2019 by Helge
"A brilliant website is just the beginning" Screenshot_2019-09-24 Servage Sitecreator   Servage provides, beside the application installer, the Websitebuilder to help you to create websites - regardless of your technical skill level. Just create an account, pick a design and use the built-in editor to add your own images and text. You can make your website as simple or complex as you'd like. While the application installer helps you to install complex database based applications like e.g Wordpress, Joomla and many more (more info about that tool HERE), the Website builder is mainly for static pages which are basing upon HTML coding. In detail, Servage Website Builder ...