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

[Windows] How to create an invisible folder

At the time when I got my first computer, games weren't that popular, so we researched the system, and the whole computer in general (at least I did). After discovering something interesting, we try to use it to "challenge" each other.

Fix your photos with one click!

A new tool based on artificial intelligence has appeared, which fixes photos in the best possible way! This tool scans the photo and adjusts the parts to get the best possible lighting, colors, and details… even adding elements that the camera did not capture.

Protect your Facebook account to the maximum

Although web browsers and antiviruses today protect us quite well from phishing, keyloggers, viruses, etc. many Facebook users are still facing hacked accounts . Most often, these are the mistakes of the users themselves, because they are not careful or simply do not know how to protect themselves. That's why I decided to write this article where I will explain how to protect your email and Facebook account, as well as the computer itself.

How to find differences in 2 text files

You have two text documents, almost identical, you have to find the difference but the text is too long so it will take time. But here's a simpler solution. A site designed for just that will help us with that - finding differences in text files.

The difference between an AMOLED and an LCD screen

UPDATE : This is an outdated article. Read the new, more detailed one here: Differences between AMOLED, LCD, Infinity Display, and Retina display You've probably heard many times about AMOLED, LCD, TFT, and OLED screens on mobile phones, TVs, and tablets, but you don't know the difference between them? Below I will try to clarify the difference between LCD and AMOLED screens in the phone.