main menu thing
2 posters
Page 1 of 1
Re: main menu thing
you can put it in a widget or in HTML page, but im busy so it will take a little time
Guest- Guest
Re: main menu thing
Try this:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>JAN2XONLINE</title>
<style type="text/css">
/* Copyright Ali-G */
a:link,a:active,a:visited {
padding: 0px;
text-shadow: 1px 1px 1px #111;
color: #82e310;
text-decoration: none;
}
a:hover{
padding: 0px;
text-shadow: -1px -1px 1px #000;
text-decoration: none;
color: #eb6c32;
}
h3
{
text-align: center;
color: #82e310;
font-family:Arial,Helvetica,sans-serif;
}
h3:hover
{
color: #0033FF;
text-shadow: 1px 1px 2px black, 0 0 0.2em #0000FF, 0 0 0.2em #0000FF;
font-family:Arial,Helvetica,sans-serif;
}
.navbar {
background-image: url("http://www.durastill.com/images/blue_gradient_background.jpg");
position: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 1px #000;
border: 1px solid #1e1e1d;
height: 250px;
width:220px;
}
.navbar ul{
list-style-image:url(http://cdn.iconfinder.net/data/icons/miniicons2/arrow_dash_right.gif);
list-style-position:inside;
}
.navbar ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
line-height:20px;
word-spacing: 2px;
}
</style>
</head>
<body>
<div class="navbar">
<h3> Main Menu </h3>
<hr>
<ul>
<li><a href="#">Home page</a></li>
<li><a href="#">Enter Forum</a></li>
<li><a href="#">Portal</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>
</ul>
</body>
</html>
Guest- Guest
Re: main menu thing
not perfectly working, its like when i click one of the buttons in there, nothings happen, and can i change the background picture and the names of the buttons?
Re: main menu thing
LOL. its because there is no link man, i didn't knew witch links you want, and what name,??
Guest- Guest
Re: main menu thing
ow sorry man!xD
the links i want are all the tabs in my forum
my forum:click here
the names like forum, portal, FAQ, application form, search, etc etc etc
and the background is naruto, is that ok???
the links i want are all the tabs in my forum
my forum:click here
the names like forum, portal, FAQ, application form, search, etc etc etc
and the background is naruto, is that ok???
Re: main menu thing
Try this:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>JAN2XONLINE</title>
<style type="text/css">
/* Copyright Ali-G */
.navbar li a:link,a:active,a:visited {
padding: 0px;
text-shadow: 1px 1px 1px #111;
color: #33CCFF;
text-decoration: none;
font-weight : bold;
}
.navbar li a:hover{
padding: 0px;
text-shadow: -1px -1px 1px #000;
text-decoration: none;
color: #eb6c32;
}
h3
{
text-align: center;
color: #33CCFF;
font-family:Arial,Helvetica,sans-serif;
}
h3:hover
{
color: #0033FF;
text-shadow: 1px 1px 2px black, 0 0 0.2em #0000FF, 0 0 0.2em #0000FF;
font-family:Arial,Helvetica,sans-serif;
}
.navbar {
background-image: url("http://www.gameguru.in/images/naruto-clash-of-ninjas-wii.jpg");
position: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 1px #000;
border: 1px solid #1e1e1d;
height: 270px;
width:250px;
}
.navbar ul{
list-style-image:url(http://cdn.iconfinder.net/data/icons/miniicons2/arrow_dash_right.gif);
list-style-position:inside;
}
.navbar ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
line-height:20px;
word-spacing: 2px;
}
</style>
</head>
<body>
<div class="navbar">
<h3> Main Menu </h3>
<hr>
<ul>
<li><a href="#">Home page</a></li>
<li><a href="forum.htm">Enter Forum</a></li>
<li><a href="portal.htm">Portal</a></li>
<li><a href="faq.htm">FAQ</a></li>
<li><a href="memberlist.forum">Member List</a></li>
<li><a href="/first-step-f4/application-form-t2.htm">Application Form</a></li>
<li><a href="msg.forum?folder=inbox">Inbox</a></li>
<li><a href="/login.forum?connexion">Login</a></li>
<li><a href="/profile.forum?mode=register">Register</a></li>
</ul>
</body>
</html>
Last edited by Gangstar15 on Sat 11 Sep - 17:19; edited 1 time in total
Guest- Guest
Re: main menu thing
thanks, its awesome,
Btw how did u put the image background before the words?
and all of my font colors becomes sky blue, and i dont want that ;(
Btw how did u put the image background before the words?
and all of my font colors becomes sky blue, and i dont want that ;(
Re: main menu thing
NP.
-With CSS
-Hmm let me fix that then , wait a little
Edit: Try the code in my old post
-With CSS
-Hmm let me fix that then , wait a little
Edit: Try the code in my old post
Guest- Guest
Re: main menu thing
Since this thread appears to be solved, I will lock this thread and mark it as solved.
Sanket
Sanket
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» Menu Thing
» Menu Widget & a CSS chatbox thing.
» Main Menu
» Main Menu and Background
» I need help with the main page menu
» Menu Widget & a CSS chatbox thing.
» Main Menu
» Main Menu and Background
» I need help with the main page menu
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum