0% found this document useful (0 votes)

97 views

Css Menu and Hexa Colors

The document discusses how to create navigation bars using HTML and CSS. It provides examples of creating vertical and horizontal navigation bars from unordered lists. For vertical bars, the links are styled as block elements and given width. For horizontal bars, list items can be displayed inline or floated left. Additional styles are demonstrated like active links, borders, centering text, and fixed positioning. The examples show how basic navigation bars can be transformed into customizable navigation elements.

Uploaded by

alpha joy tinaza

Available Formats

Download as DOC, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

97 views

Css Menu and Hexa Colors

Uploaded by

alpha joy tinaza

Available Formats

Download as DOC, PDF, TXT or read online on Scribd

You are on page 1/ 43

Navigation Bars

Having easy-to-use navigation is important for any web site.

With CSS you can transform boring HTML menus into good-looking navigation bars.
Navigation Bar = List of Links
A navigation bar needs standard HTML as a base.
In our examples we will build the navigation bar from a standard HTML list.
A navigation bar is basically a list of links, so using the <ul> and <li> elements makes perfect
sense:
Example
<!DOCTYPE html>
<html>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

<p>Note: We use href="#" for test links. In a real web site this would be URLs.</p>

</body>
</html>

Now let's remove the bullets and the margins and padding from the list:
<html>
<head>
<style>
ul {
list-style-type: none;

margin: 0;
padding: 0;
}
</style>
</head>
<body>

<p>In this example, we remove the bullets from the list, and its default padding and margin.</p>

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

</body>
</html>
Example explained:

list-style-type: none; - Removes the bullets. A navigation bar does not need list markers
Set margin: 0; and padding: 0; to remove browser default settings
The code in the example above is the standard code used in both vertical, and horizontal
navigation bars.

Vertical Navigation Bar

To build a vertical navigation bar, you can style the <a> elements inside the list, in addition to
the code above:

Example:

<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li a {
display: block;
width: 60px;
background-color: #dddddd;
}
</style>
</head>
<body>

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

<p>A background color is added to the links to show the link area.</p>
<p>Notice that the whole link area is clickable, not just the text.</p>

</body>
</html>
Example explained:

display: block; - Displaying the links as block elements makes the whole link area
clickable (not just the text), and it allows us to specify the width (and padding, margin,

height, etc. if you want)

width: 60px; - Block elements take up the full width available by default. We want to
specify a 60 pixels width

You can also set the width of <ul>, and remove the width of <a>, as they will take up the full
width available when displayed as block elements. This will produce the same result as our
previous example:
Example

<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 60px;

li a {
display: block;
background-color: #dddddd;
}
</style>
</head>
<body>

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
<p>A background color is added to the links to show the link area.</p>
<p>Notice that the whole link area is clickable, not just the text.</p>
</body>
</html>

Vertical Navigation Bar Examples

Create a basic vertical navigation bar with a gray background color and change
the background color of the links when the user moves the mouse over them:
<!DOCTYPE html>
<html>

<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
}

li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}

/* Change the link color on hover */

li a:hover {
background-color: #555;
color: white;
}
</style>
</head>
<body>

<h2>Vertical Navigation Bar</h2>

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

</body>
</html>
Active/Current Navigation Link
Add an "active" class to the current link to let the user know which page he/she is on:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
}

li a {

display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}

li a.active {
background-color: #4CAF50;
color: white;
}

li a:hover:not(.active) {
background-color: #555;
color: white;
}
</style>
</head>
<body>

<h2>Vertical Navigation Bar</h2>

<p>In this example, we create an "active" class with a green background color and a white text.
The class is added to the "Home" link.</p>

<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>

<li><a href="#about">About</a></li>
</ul>

</body>
</html>

li a {
display: block;

color: #000;
padding: 8px 16px;
text-decoration: none;
}

li {
text-align: center;
border-bottom: 1px solid #555;
}

li:last-child {
border-bottom: none;
}

li a.active {
background-color: #4CAF50;
color: white;
}

li a:hover:not(.active) {
background-color: #555;
color: white;
}
</style>
</head>
<body>

<h2>Vertical Navigation Bar</h2>

<p>In this example, we center the navigation links and add a border to the navigation bar.</p>

<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

</body>
</html>

Full-height Fixed Vertical Navbar

Create a full-height, "sticky" side navigation:
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
}

ul {
list-style-type: none;

margin: 0;
padding: 0;
width: 25%;
background-color: #f1f1f1;
position: fixed;
height: 100%;
overflow: auto;
}

li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}

li a.active {
background-color: #4CAF50;
color: white;
}

li a:hover:not(.active) {
background-color: #555;
color: white;
}
</style>

</head>
<body>

<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

<div style="margin-left:25%;padding:1px 16px;height:1000px;">

<h2>Fixed Full-height Side Nav</h2>
<h3>Try to scroll this area, and see how the sidenav sticks to the page</h3>
<p>Notice that this div element has a left margin of 25%. This is because the side navigation is
set to 25% width. If you remove the margin, the sidenav will overlay/sit on top of this div.</p>
<p>Also notice that we have set overflow:auto to sidenav. This will add a scrollbar when the
sidenav is too long (for example if it has over 50 links inside of it).</p>
<p>Some text..</p>
<p>Some text..</p>
<p>Some text..</p>
<p>Some text..</p>
<p>Some text..</p>
<p>Some text..</p>
<p>Some text..</p>
</div>

</body>

</html>

Horizontal Navigation Bar

There are two ways to create a horizontal navigation bar.
Using inline or floating list items.

Inline List Items

One way to build a horizontal navigation bar is to specify the <li> elements as
inline, in addition to the "standard" code above:

Example
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
display: inline;
}
</style>
</head>
<body>

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

</body>
</html>

Example explained:

display: inline; - By default, <li> elements are block elements. Here, we

remove the line breaks before and after each list item, to display them on
one line

Floating List Items

Another way of creating a horizontal navigation bar is to float the <li>
elements, and specify a layout for the navigation links:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;

li {
float: left;
}

li a {
display: block;
padding: 8px;
background-color: #dddddd;
}
</style>
</head>
<body>

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

<p><b>Note:</b> If a !DOCTYPE is not specified, floating items can produce unexpected

results.</p>
<p>A background color is added to the links to show the link area. The whole link area is
clickable, not just the text.</p>
<p><b>Note:</b> overflow:hidden is added to the ul element to prevent li elements from going
outside of the list.</p>

</body>
</html>

Example explained:

float: left; - use float to get block elements to slide next to each other
display: block; - Displaying the links as block elements makes the whole
link area clickable (not just the text), and it allows us to specify padding
(and height, width, margins, etc. if you want)

padding: 8px; - Since block elements take up the full width available,
they cannot float next to each other. Therefore, specify some padding to
make them look good

background-color: #dddddd; - Add a gray background-color to each a

element

Tip: Add the background-color to <ul> instead of each <a> element if you
want a full-width background color:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #dddddd;
}

li {
float: left;
}

li a {
display: block;
padding: 8px;
}
</style>
</head>
<body>

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

<p>A background color is added to the list instead of each link to create a full-width background
color.</p>
<p><b>Note:</b> overflow:hidden is added to the ul element to prevent li elements from going
outside of the list.</p>

</body>
</html>

Horizontal Navigation Bar Examples

Create a basic horizontal navigation bar with a dark background color and
change the background color of the links when the user moves the mouse over
them:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;

li a:hover {
background-color: #111;
}
</style>
</head>
<body>

<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

</body>
</html>

Active/Current Navigation Link

Add an "active" class to the current link to let the user know which page he/she
is on:
<!DOCTYPE html>
<html>
<head>
<style>

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover:not(.active) {
background-color: #111;
}

.active {
background-color: #4CAF50;

}
</style>
</head>
<body>

<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

</body>
</html>

Right-Align Links
Right-align links by floating the list items to the right (float:right;):
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;

background-color: #333;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover:not(.active) {
background-color: #111;
}

.active {
background-color: #4CAF50;
}
</style>
</head>
<body>

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li style="float:right"><a class="active" href="#about">About</a></li>
</ul>

</body>
</html>

Border Dividers
Add the border-right property to <li> to create link dividers:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
float: left;

border-right:1px solid #bbb;

}

li:last-child {
border-right: none;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover:not(.active) {
background-color: #111;
}

.active {
background-color: #4CAF50;
}
</style>
</head>
<body>

<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li style="float:right"><a href="#about">About</a></li>
</ul>

</body>
</html>

Fixed Navigation Bar

Make the navigation bar stay at the top or the bottom of the page, even when
the user scrolls the page:

Fixed Top
<!DOCTYPE html>
<html>
<head>
<style>
body {margin:0;}

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;

position: fixed;
top: 0;
width: 100%;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover:not(.active) {
background-color: #111;
}

.active {
background-color: #4CAF50;
}
</style>
</head>

<body>

<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

<div style="padding:20px;margin-top:30px;background-color:#1abc9c;height:1500px;">
<h1>Fixed Top Navigation Bar</h1>
<h2>Scroll this page to see the effect</h2>
<h2>The navigation bar will stay at the top of the page while scrolling</h2>

<p>Some text some text some text some text..</p>

<p>Some text some text some text some text..</p>

</body>
</html>

Fixed Bottom
<!DOCTYPE html>
<html>
<head>
<style>
body {margin:0;}

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;

position: fixed;
bottom: 0;
width: 100%;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover:not(.active) {
background-color: #111;
}

.active {
background-color: #4CAF50;
}
</style>
</head>

<body>

<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

<div style="padding:20px;background-color:#1abc9c;height:1500px;">
<h1>Fixed Bottom Navigation Bar</h1>
<h2>Scroll this page to see the effect</h2>
<h2>The navigation bar will stay at the bottom of the page while scrolling</h2>

<p>Some text some text some text some text..</p>

</body>
</html>

Gray Horizontal Navbar

An example of a gray horizontal navigation bar with a thin gray border:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid #e7e7e7;
background-color: #f3f3f3;
}

li {
float: left;
}

li a {
display: block;
color: #666;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover:not(.active) {
background-color: #ddd;
}

li a.active {
color: white;
background-color: #4CAF50;
}
</style>
</head>
<body>

<ul>

<li><a class="active" href="#home">Home</a></li>

<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>

</body>
</html>

Black Text
Shadow
White Text
Shadow

Red
#ff0000
rgb(255, 0, 0)
hsl(0, 100%, 50%)

Lighter / Darker:
100
%
95%
90%
85%
80%
75%
70%
65%
60%
55%
50%

45%
40%
35%
30%

#ffffff
#ffe6e6
#ffcccc
#ffb3b3
#ff9999
#ff8080
#ff6666
#ff4d4d
#ff3333
#ff1a1a
#ff0000
#e6000
0
#cc0000
#b3000
0
#99000
0

25%
20%
15%
10%
5%
0%

#80000
0
#66000
0
#4d000
0
#33000
0
#1a000
0
#00000
0

Hue
Hue Hex

Rgb

Hsl

rgb(255, 0, 0)

hsl(0, 100%, 50%)

15 #ff4000

rgb(255, 64, 0)

hsl(15, 100%, 50%)

30 #ff8000

rgb(255, 128, 0)

hsl(30, 100%, 50%)

45 #ffbf00

rgb(255, 191, 0)

hsl(45, 100%, 50%)

60 #ffff00

rgb(255, 255, 0)

hsl(60, 100%, 50%)

75 #bfff00

rgb(191, 255, 0)

hsl(75, 100%, 50%)

90 #80ff00

rgb(128, 255, 0)

hsl(90, 100%, 50%)

0 #ff0000

105 #40ff00

rgb(64, 255, 0)

hsl(105, 100%, 50%)

120 #00ff00

rgb(0, 255, 0)

hsl(120, 100%, 50%)

135 #00ff40

rgb(0, 255, 64)

hsl(135, 100%, 50%)

150 #00ff80

rgb(0, 255, 128)

hsl(150, 100%, 50%)

165 #00ffbf

rgb(0, 255, 191)

hsl(165, 100%, 50%)

180 #00ffff

rgb(0, 255, 255)

hsl(180, 100%, 50%)

195 #00bfff

rgb(0, 191, 255)

hsl(195, 100%, 50%)

210 #0080ff

rgb(0, 128, 255)

hsl(210, 100%, 50%)

225 #0040ff

rgb(0, 64, 255)

hsl(225, 100%, 50%)

240 #0000ff

rgb(0, 0, 255)

hsl(240, 100%, 50%)

255 #4000ff

rgb(64, 0, 255)

hsl(255, 100%, 50%)

270 #8000ff

rgb(128, 0, 255)

hsl(270, 100%, 50%)

285 #bf00ff

rgb(191, 0, 255)

hsl(285, 100%, 50%)

300 #ff00ff

rgb(255, 0, 255)

hsl(300, 100%, 50%)

315 #ff00bf

rgb(255, 0, 191)

hsl(315, 100%, 50%)

330 #ff0080

rgb(255, 0, 128)

hsl(330, 100%, 50%)

345 #ff0040

rgb(255, 0, 64)

hsl(345, 100%, 50%)

360 #ff0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Saturation
Sat Hex

Rgb

Hsl

rgb(255, 0, 0)

hsl(0, 100%, 50%)

95% #f90606

rgb(249, 6, 6)

hsl(0, 95%, 50%)

90% #f20d0d

rgb(242, 13, 13)

hsl(0, 90%, 50%)

85% #ec1313

rgb(236, 19, 19)

hsl(0, 85%, 50%)

80% #e61919

rgb(230, 25, 25)

hsl(0, 80%, 50%)

100% #ff0000

75% #df2020

rgb(223, 32, 32)

hsl(0, 75%, 50%)

70% #d92626

rgb(217, 38, 38)

hsl(0, 70%, 50%)

65% #d22d2d

rgb(210, 45, 45)

hsl(0, 65%, 50%)

60% #cc3333

rgb(204, 51, 51)

hsl(0, 60%, 50%)

55% #c63939

rgb(198, 57, 57)

hsl(0, 55%, 50%)

50% #bf4040

rgb(191, 64, 64)

hsl(0, 50%, 50%)

45% #b94646

rgb(185, 70, 70)

hsl(0, 45%, 50%)

40% #b34d4d

rgb(179, 77, 77)

hsl(0, 40%, 50%)

35% #ac5353

rgb(172, 83, 83)

hsl(0, 35%, 50%)

30% #a65959

rgb(166, 89, 89)

hsl(0, 30%, 50%)

25% #9f6060

rgb(159, 96, 96)

hsl(0, 25%, 50%)

20% #996666

rgb(153, 102, 102)

hsl(0, 20%, 50%)

15% #936c6c

rgb(147, 108, 108)

hsl(0, 15%, 50%)

10% #8c7373

rgb(140, 115, 115)

hsl(0, 10%, 50%)

5% #867979

rgb(134, 121, 121)

hsl(0, 5%, 50%)

0% #808080

rgb(128, 128, 128)

hsl(0, 0%, 50%)

Lightness
Light Hex

Rgb

Hsl

rgb(255, 255, 255)

hsl(0, 100%, 100%)

95% #ffe6e6

rgb(255, 230, 230)

hsl(0, 100%, 95%)

90% #ffcccc

rgb(255, 204, 204)

hsl(0, 100%, 90%)

85% #ffb3b3

rgb(255, 179, 179)

hsl(0, 100%, 85%)

80% #ff9999

rgb(255, 153, 153)

hsl(0, 100%, 80%)

75% #ff8080

rgb(255, 128, 128)

hsl(0, 100%, 75%)

70% #ff6666

rgb(255, 102, 102)

hsl(0, 100%, 70%)

100% #ffffff

65% #ff4d4d

rgb(255, 77, 77)

hsl(0, 100%, 65%)

60% #ff3333

rgb(255, 51, 51)

hsl(0, 100%, 60%)

55% #ff1a1a

rgb(255, 26, 26)

hsl(0, 100%, 55%)

50% #ff0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

45% #e60000

rgb(230, 0, 0)

hsl(0, 100%, 45%)

40% #cc0000

rgb(204, 0, 0)

hsl(0, 100%, 40%)

35% #b30000

rgb(179, 0, 0)

hsl(0, 100%, 35%)

30% #990000

rgb(153, 0, 0)

hsl(0, 100%, 30%)

25% #800000

rgb(128, 0, 0)

hsl(0, 100%, 25%)

20% #660000

rgb(102, 0, 0)

hsl(0, 100%, 20%)

15% #4d0000

rgb(77, 0, 0)

hsl(0, 100%, 15%)

10% #330000

rgb(51, 0, 0)

hsl(0, 100%, 10%)

5% #1a0000

rgb(26, 0, 0)

hsl(0, 100%, 5%)

0% #000000

rgb(0, 0, 0)

hsl(0, 100%, 0%)

Traffic Signs Recognition-MiniProject Report
100% (1)
Traffic Signs Recognition-MiniProject Report
19 pages
CSS Navigation Bar
No ratings yet
CSS Navigation Bar
5 pages
Color: Design Principles and Problems
No ratings yet
Color: Design Principles and Problems
83 pages
CSS Navigation
No ratings yet
CSS Navigation
27 pages
Navigation Bars in CSS
No ratings yet
Navigation Bars in CSS
7 pages
Menu - Dropdown
No ratings yet
Menu - Dropdown
9 pages
Overlapping of Image
No ratings yet
Overlapping of Image
7 pages
CSS 3
No ratings yet
CSS 3
17 pages
Ul Li Home Li Li About Us Li Li Community Li Li Careers Li Ul
No ratings yet
Ul Li Home Li Li About Us Li Li Community Li Li Careers Li Ul
2 pages
Links and Navigation
No ratings yet
Links and Navigation
16 pages
Responsive Navigation Menu Using Only CSS
No ratings yet
Responsive Navigation Menu Using Only CSS
12 pages
Копия 50 Free HTML & CSS Coding Templates - HubSpot
100% (1)
Копия 50 Free HTML & CSS Coding Templates - HubSpot
132 pages
CSS Navigation Bar
No ratings yet
CSS Navigation Bar
3 pages
TVL COMPROG11-Q1-M18
No ratings yet
TVL COMPROG11-Q1-M18
13 pages
MSWD Unit2
No ratings yet
MSWD Unit2
24 pages
35 Coding Templates For HTML, CSS, and Javascript
No ratings yet
35 Coding Templates For HTML, CSS, and Javascript
104 pages
urgent need
No ratings yet
urgent need
3 pages
Webpage Using Navigation Bar (CSS)
No ratings yet
Webpage Using Navigation Bar (CSS)
2 pages
Navigation Menus With CSS and JavaScript_ Comprehensive Guide
No ratings yet
Navigation Menus With CSS and JavaScript_ Comprehensive Guide
9 pages
Lesson 6
No ratings yet
Lesson 6
31 pages
2015 - s1 - Op - Week 11 Coding Day 19 Adding Naviagtion Bars
No ratings yet
2015 - s1 - Op - Week 11 Coding Day 19 Adding Naviagtion Bars
13 pages
BARRE DE NAVIGATION HTML
No ratings yet
BARRE DE NAVIGATION HTML
3 pages
Practica HTML y Css
No ratings yet
Practica HTML y Css
6 pages
Creating Usable Website Navigation For Desktop and Mobile Devices
No ratings yet
Creating Usable Website Navigation For Desktop and Mobile Devices
56 pages
Thesis Css Menu
100% (2)
Thesis Css Menu
6 pages
Horizontal Scroll Navigation Using HTML CSS
No ratings yet
Horizontal Scroll Navigation Using HTML CSS
5 pages
Practical Positioning Examples - Learn Web Development - MDN
No ratings yet
Practical Positioning Examples - Learn Web Development - MDN
14 pages
Responsive Dropdown Navigation Bar - Tania Rascia
No ratings yet
Responsive Dropdown Navigation Bar - Tania Rascia
37 pages
CSS Worksheet: JMC 105 - Drake University
No ratings yet
CSS Worksheet: JMC 105 - Drake University
7 pages
This Menu Turns Into A When Window Is Less Than 960px To Conserve Space
No ratings yet
This Menu Turns Into A When Window Is Less Than 960px To Conserve Space
3 pages
Css Worksheet Notes
100% (1)
Css Worksheet Notes
7 pages
Advance CSS Properties: Prepared By: Sonia Narang
No ratings yet
Advance CSS Properties: Prepared By: Sonia Narang
29 pages
CSS Grid Layout: 5 Practical Projects
From Everand
CSS Grid Layout: 5 Practical Projects
Craig Buckler
No ratings yet
Deigning A Simple HTML and CSS Menu Bar
No ratings yet
Deigning A Simple HTML and CSS Menu Bar
4 pages
Page in
No ratings yet
Page in
19 pages
2015 - s2 - WD - Week 10 - Coding Day 18 Page Layout Part 2
No ratings yet
2015 - s2 - WD - Week 10 - Coding Day 18 Page Layout Part 2
24 pages
Create A Stunning Menu in Css3
No ratings yet
Create A Stunning Menu in Css3
10 pages
HTML Lists Styling Techniques - Noupe Design Blog
No ratings yet
HTML Lists Styling Techniques - Noupe Design Blog
20 pages
CSS Tutorials
100% (1)
CSS Tutorials
16 pages
belajar html
No ratings yet
belajar html
21 pages
Navigation-With-Css-And-Jquery/: Working Version Here
No ratings yet
Navigation-With-Css-And-Jquery/: Working Version Here
18 pages
Write Some Code with HTML, CSS, + JavaScript
From Everand
Write Some Code with HTML, CSS, + JavaScript
Tom Henricksen
No ratings yet
Web Assignment
No ratings yet
Web Assignment
7 pages
css pro_merged
No ratings yet
css pro_merged
13 pages
HTML Help Doc
No ratings yet
HTML Help Doc
1 page
Web Assign
No ratings yet
Web Assign
7 pages
Layouts
No ratings yet
Layouts
10 pages
backkupindexmoney
No ratings yet
backkupindexmoney
4 pages
Vicky HTML
No ratings yet
Vicky HTML
23 pages
Web and Tech PROGRAM
No ratings yet
Web and Tech PROGRAM
28 pages
Css Walk Through
No ratings yet
Css Walk Through
6 pages
Creating A Drop-Down Menu With Jquery: HTML Code
No ratings yet
Creating A Drop-Down Menu With Jquery: HTML Code
2 pages
Orca Share Media1575780332098
No ratings yet
Orca Share Media1575780332098
56 pages
Web Technologies Assignment 1
No ratings yet
Web Technologies Assignment 1
9 pages
web assignment (1)
No ratings yet
web assignment (1)
7 pages
Website Code
No ratings yet
Website Code
2 pages
Untitled document
No ratings yet
Untitled document
7 pages
Angular Shopping Store: From Scratch to Successful Payment
From Everand
Angular Shopping Store: From Scratch to Successful Payment
Abdelfattah Ragab
No ratings yet
Iict Assignment#2 Name: Safiullah Rehmani S.No:12413 Classid:105730
No ratings yet
Iict Assignment#2 Name: Safiullah Rehmani S.No:12413 Classid:105730
8 pages
Coding
No ratings yet
Coding
2 pages
Bootstrap 5 Sidebar
No ratings yet
Bootstrap 5 Sidebar
5 pages
About
No ratings yet
About
2 pages
Multi-Media Assignment
No ratings yet
Multi-Media Assignment
30 pages
Monika Zagrobelna - Improve Your Artwork by Learning To See Light and Shadow
No ratings yet
Monika Zagrobelna - Improve Your Artwork by Learning To See Light and Shadow
74 pages
A Review On Image Feature Extraction and Representation Techniques
No ratings yet
A Review On Image Feature Extraction and Representation Techniques
13 pages
Computer Graphics 1
No ratings yet
Computer Graphics 1
15 pages
Pixel Art Tutorial (Derek Yu)
No ratings yet
Pixel Art Tutorial (Derek Yu)
18 pages
Color Model 1
No ratings yet
Color Model 1
20 pages
M05 Developing Cascading Style Sheets
No ratings yet
M05 Developing Cascading Style Sheets
111 pages
Tongue Diagnosis
No ratings yet
Tongue Diagnosis
19 pages
Journal Pone 0269323
No ratings yet
Journal Pone 0269323
13 pages
Enhancing Degraded Color Images Using Fuzzy Logic and Artificial Bee Colony
No ratings yet
Enhancing Degraded Color Images Using Fuzzy Logic and Artificial Bee Colony
6 pages
Static Maps API V2 Developer Guide - Google Maps Image APIs - Google Developers
No ratings yet
Static Maps API V2 Developer Guide - Google Maps Image APIs - Google Developers
14 pages
Deneb Notes 3 General Part 3 1691851871
No ratings yet
Deneb Notes 3 General Part 3 1691851871
8 pages
Visual Analytics: Networks and Trees - Heat Map - Map Color and Other Channels - Manipulate View - Visual Attributes
No ratings yet
Visual Analytics: Networks and Trees - Heat Map - Map Color and Other Channels - Manipulate View - Visual Attributes
20 pages
1.1. Overview: Department of Computer Science & Engineering, VITS, Satna (M.P.) India
No ratings yet
1.1. Overview: Department of Computer Science & Engineering, VITS, Satna (M.P.) India
36 pages
Brochures Pablo Rio d11
No ratings yet
Brochures Pablo Rio d11
16 pages
Unit-Ii CSS
No ratings yet
Unit-Ii CSS
81 pages
Catia Photo
No ratings yet
Catia Photo
237 pages
Image Processing and Analysis
No ratings yet
Image Processing and Analysis
16 pages
Virtual Mouse Using Colour Segmentation: Vit University
No ratings yet
Virtual Mouse Using Colour Segmentation: Vit University
9 pages
The Gimp User Manual
100% (1)
The Gimp User Manual
591 pages
Css Menu and Hexa Colors
No ratings yet
Css Menu and Hexa Colors
43 pages
Page Maker
No ratings yet
Page Maker
293 pages
AIR HOCKEY Project
No ratings yet
AIR HOCKEY Project
26 pages
Image Processing
0% (1)
Image Processing
526 pages
Colour Theory
100% (1)
Colour Theory
46 pages
Topic - 1 Introduction To Image and Vision
No ratings yet
Topic - 1 Introduction To Image and Vision
118 pages
Tecnicas de Inteligencia Artificial Utilizadas para Detectar Objetos y Rostros en Una Imagen Una Revision
No ratings yet
Tecnicas de Inteligencia Artificial Utilizadas para Detectar Objetos y Rostros en Una Imagen Una Revision
4 pages
3
No ratings yet
3
17 pages