Skip to main content

Simple CSS Style

The HTML basic framework is completed, let's add some basic cascaded style sheet (CSS) to a better presentation of our website.

The id #nav_container { } is use for menu style, to control the list type style.
The id #nav_container li { } is use to stack the menu in horizontal using the display inline-block.
The id #nav_container li a { } is use to style of your menu links.
The class .left_column { } is use to style your website left column.
The class .right_column { } is use to style your website right column.

Sample Cascaded Style Sheet (CSS)

#nav_container {
list-style-type: none;
background: grey;
margin-bottom: 15px;
}

#nav_container li {
display: inline-block;

}

#nav_container li a {
display: inline-block;
text-decoration: none;
padding: 5px;
color: white;
}

#nav_container li a:hover {
color: black;
}

.left_column {
margin-right:170px;
}
.right_column {
float:right;
width:160px;

}
Learn these html, stylesheet, and javascript programming, visit Codecademy.com website.

Comments

Popular posts from this blog

Alternative Social Networks

If you are planning to create your  social network  e.g. similar to Facebook. Here's a short list of alternative software's: Open Source and Free​ http://buddypress.org/  - Wordpress (Open Source and Free) http://elgg.org/  - (Open Source and Free) Commercial Social Networks software http://www.socialengine.com/  ($299 Stand Alone, $29/mo Cloud) http://www.jomsocial.com/  (run with Joomla, need to know CMS) http://www.boonex.com/  (very expensive, $399 for Standard) http://www.anahitapolis.com/ http://www.oxwall.org/ http://sharetronix.com/ http://www.moosocial.com/ http://www.jcow.net/ http://phpdolphin.com http://www.grou.ps  (from free to Commercial, I left my networks and they are selling it  http://www.phpfox.com/  (I used this before, it's hard to maintain. I moved to NING but left too after it was sold to another company) http://www.ning.com  (I don't recommend using this service, it's hard to export your data when it's time to move) S

Learning Vulnerability Scanning by KING.NET

Learning Vulnerability Scanning is fun and easy. So I hope you enjoy reading this short how to guide on how to use vulnerability scanning to secure your servers and networks. NMAP is the swiss tool that you need to learn if you're serious in Cyber Security profession. The NMAP tool can be use with NSE scripting (Nmap Scripting Engine) to automate your tasks. For example using NSE Script using a  single vulnerability (cold fusion)  to scan our test lab machine. root@kali:~# nmap -v -p 80  --script http-vuln-cve2010-2861  10.11.1.220 Starting Nmap 6.47 ( http://nmap.org ) at 2016-07-22 17:34 EDT NSE: Loaded 1 scripts for scanning. NSE: Script Pre-scanning. Initiating ARP Ping Scan at 17:34 Scanning 10.11.1.220 [1 port] Completed ARP Ping Scan at 17:34, 0.04s elapsed (1 total hosts) Initiating Parallel DNS resolution of 1 host. at 17:34 Completed Parallel DNS resolution of 1 host. at 17:35, 13.01s elapsed Initiating SYN Stealth Scan at 17:35 Scanning 10.11.1.220 [1 port] Comp