<html>
<head>
<title>My Menu Deisgn</title>
<style>
a
{
border-top: 1px solid orange;
border-bottom: 1px solid gold;
border-right: 1px solid orange;
border-top-right-radius: 10px;
background-color: gold;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
color: black;
}
#tbl_bg
{
background-color: rgba(0,0,0,0.0);
}
#blk{
background-color: black;
}
#gl{
background-color: orange;
}
</style>
</head>
<body>
<table align='center' width='700' height='150' border='1' id="blk">
<tr>
<td>
</td>
</tr>
</table>
<table align='center' width='700' id="gl" border="1">
<tr>
<td>
<a href="#">Home</a>
<a href="#">Gallery</a>
<a href="#">About Us</a>
<a href="#">Contact Us</a>
</td>
</tr>
</table>
<table align='center' width='700' height='500' border='1' id="gl">
<tr>
<td>
</td>
</tr>
</table>
<table align='center' width='700' height='100' border='1' id="blk">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>
Showing posts with label own. Show all posts
Showing posts with label own. Show all posts
Monday, October 28, 2013
HOW TO CREATE MY OWN LAYOUT IN HTML
Location:
Angeles City, Philippines
Sunday, October 27, 2013
HTML, CSS, PHP Tutorial -CREATING YOUR OWN MENU TAB by Rui Santos
1.) Copy this code, save it as my_menu.html
<html>
<head>
<title>My Menu Deisgn</title>
<style>
a
{
border-top: 1px solid orange;
border-bottom: 1px solid gold;
border-right: 1px solid orange;
border-top-right-radius: 10px;
background-color: gold;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
color: black;
}
#tbl_bg
{
background-color: rgba(0,0,0,0.0);
}
#blk{
background-color: black;
}
#gl{
background-color: orange;
}
</style>
</head>
<body>
<table align='center' width='700' height='150' border='1' id="blk">
<tr>
<td>
</td>
</tr>
</table>
<!--This is the menu tab-->
<table align='center' width='700' id="gl" border="1">
<tr>
<td>
<a href="#">Home</a>
<a href="#">Gallery</a>
<a href="#">About Us</a>
<a href="#">Contact Us</a>
</td>
</tr>
</table>
<table align='center' width='700' height='500' border='1' id="gl">
<tr>
<td>
</td>
</tr>
</table>
<table align='center' width='700' height='100' border='1' id="blk">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>My Menu Deisgn</title>
<style>
a
{
border-top: 1px solid orange;
border-bottom: 1px solid gold;
border-right: 1px solid orange;
border-top-right-radius: 10px;
background-color: gold;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
color: black;
}
#tbl_bg
{
background-color: rgba(0,0,0,0.0);
}
#blk{
background-color: black;
}
#gl{
background-color: orange;
}
</style>
</head>
<body>
<table align='center' width='700' height='150' border='1' id="blk">
<tr>
<td>
</td>
</tr>
</table>
<!--This is the menu tab-->
<table align='center' width='700' id="gl" border="1">
<tr>
<td>
<a href="#">Home</a>
<a href="#">Gallery</a>
<a href="#">About Us</a>
<a href="#">Contact Us</a>
</td>
</tr>
</table>
<table align='center' width='700' height='500' border='1' id="gl">
<tr>
<td>
</td>
</tr>
</table>
<table align='center' width='700' height='100' border='1' id="blk">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>
Location:
Angeles City, Philippines
Subscribe to:
Posts (Atom)
