Skip to main content

Here's what a VPN can't protect you from (but you need to use it)

The abbreviation " VPN " has slowly become established among average Internet users, which is certainly good, but the problem is that people have started to see VPN as the ultimate solution to all problems.

[CSS] Vertical Menu

[CSS] Vertical Menu

If you want to make a simple vertical Menu with links, images, or plain text, you can do it with plain HTML code and a bit of CSS.

HTML will help us to create a "list" using <li>, and CSS will "make up" all that and place the Menu in the desired place.

I suggest you download Notepad++ to start with, where you will write Codes. You can download it from the following link http://notepad-plus-plus.org/download/v6.1.4.html


You can download the finished Code from THIS link.

<style type=“text/css“>
.test{
position:fixed; /*The menu will stay in place even when you scroll the page*/
width:36px; /*width*/
height:300px; /*length*/
bottom:0px; 
right:0px; /*will be pasted at the top of the screen*/
top:0px; /*it will be stuck to the right edge of the screen*/
}
.test ul {
margin-top:100px; /*distance from the top of the screen*/
padding:2; 
}

.test li {list-style: none;} /*drops black dots next to the text*/
</style>

<div class=’test’>
<ul>
<li>Tekst1</li>
<li>Tekst2</li>
<li>Tekst3</li>
<li>Tekst4</li>
</ul>
</div>

Instead of <li>Text</li>, you can put text, image, and link.

Save as name.html and open. If you don't like how it looks, you can change the position, size, etc. in the CSS section. More about CSS at THIS link.

You can see how this all looks on the right side of the blog. Only I inserted images instead of text and linked them.

Comments

Popular this month

Google offline maps - instructions

Google has recently added several new features to its maps, including Offline maps and turn-by-turn navigation. It was these two options that were missing so that Google Maps  that could be used as a standalone offline navigation app.

Remove the background from the image with one click!

Removing backgrounds from images can be exhausting if you do it manually. Most people don't even know how to use advanced tools (such as Photoshop) and remove wallpaper. If you don't know or don't have time, to remove the background from an image, this AI tool will help you.

How to create a temporary email to SEND messages?

About six years ago, I wrote about services that allow you to create temporary email addresses to receive email messages. These services cannot send messages, so I decided to write a new article for that purpose.

New smileys for Facebook "grew" into pictures!

Lately, the  new option on Facebook has become a favorite among users. Namely, when the new option for Facebook chat appeared, it was known that it would not stop at troll smilies . There are already a lot of those smileys now, users are looking for something better, more interesting, so they made a whole mosaic of these little pictures!

The Galaxy Note was ridiculed when it appeared, and now…

Did you know that the first Samsung Galaxy Note was ridiculed by users and the media? Everyone laughed at his "huge" case and said that it would fall apart immediately after it appeared. They said that it was too big and that such a phone would never be used every day.