MyBB Community Forums

i am trying this method: http://community.mybb.com/thread-119435.html

i am telling you what i did step by step:

step one:
admin panel>templates&styles> templates> intox fixed(my active theme) > header template> header

after that i pasted this code on the bottom line

<ul id="menu">
    <li><a href="#">Parent 01</a></li>
    <li><a href="#" class="selected">Parent 02 > </a>
        <ul>
            <li><a href="#">Item 01</a></li>
            <li><a href="#" class="selected">Item 02</a></li>
            <li><a href="#">Item 03</a></li>
        </ul>
        <div class="clear"></div>
    </li>
    <li><a href="#">Parent 03 > </a>
    <ul>
        <li><a href="#">Item 04</a></li>
        <li><a href="#">Item 05</a></li>
        <li><a href="#">Item 06</a></li>
        <li><a href="#">Item 07</a></li>
    </ul>            
        <div class="clear"></div>
    </li>
    <li><a href="#">Parent 04</a></li>
</ul> 

but for demo i didnt edit items and menu

step two:
admin panel> template &styles> themes> intox fixed> global.css> advance mode

after that i pasted this code in bottom line

/* remove the list style */
#menu {
    margin:0;
    padding:0;
    list-style:none;
}    

#menu li {
    float:left;
    display:block;
    width:100px;
    background:#ccc;
    position:relative;
    z-index:500;
    margin:0 1px;
}

/* this is the parent menu */
#menu li a {
    display:block;
    padding:8px 5px 0 5px;
    font-weight:700;  
    height:23px;
    text-decoration:none;
    color:#fff;
    text-align:center;
    color:#333;
}

#menu li a:hover {
    color:#fff;
}

/* submenu, it's hidden by default */
#menu ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}

#menu ul li {
    width:100px;
    float:left;
    border-top:1px solid #fff;
}


#menu ul a {
    display:block;  
    height:15px;
    padding: 8px 5px;
    color:#666;
}

#menu ul a:hover {
    text-decoration:underline;    
}

*html #menu ul {
    margin:0 0 0 -2px;
}

step 3:
dropdownmenu.js uploaded in jscripts folder

step 4:
again admin panel>templates&styles> templates> intox fixed(my active theme) > header template> header

i pasted this code here

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dropdownmenu.js"></script>
<script>
    jQuery.noConflict();
</script> 

but after much of editing i am unsuccessful please refer screenshot and please visit my site this is still present at that condition

my site: http://studentsuvidha.in

Have you removed the previous declaration for menu in global.css as directed?

(2013-07-19, 03:35 PM)effone Wrote: [ -> ]Have you removed the previous declaration for menu in global.css as directed?

no do i need to remove whole edit in global.css here is my current edit

body {
	background: #ebebeb;
        margin: 0px;
        color: #797979;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-align: center; /* IE 5 fix */
	line-height: 1.4;
}

a:link {
	color: #364047;
	text-decoration: none;
}

a:visited {
	color: #364047;
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: none;
}

#container {      
        background: #eaeaea;
	-webkit-box-shadow: 0px 0px 55px 15px rgba(0, 0, 0, 0.2);        
	box-shadow: 0px 0px 55px 15px rgba(0, 0, 0, 0.2);
	border: 1px solid #fff;
	color: #797979;
	margin: auto auto;
        padding: 25px;
        width: 1050px;
	text-align: left; /* IE 5 fix */
}

#content {
	/* FIX: Make internet explorer wrap correctly */
	width: auto !important;

}

.main_width {
	width: 1100px;
        margin: 0 auto;
}

.menu {		
	background: #0980b2 url(images/intoxfusion/menu_bg.png) top left repeat-x;
        padding: 1px 0;
        height: 43px;
        line-height: 39px;
	color: #fff;
        text-shadow: 0px -1px 0px #032735;
}

.menu ul {
        padding: 1px 4px;
        margin: 0px;
        height: 45px;
        list-style: none;
        text-align: left;
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);        
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
}

.menu ul li {
	display: inline;
        padding: 14px 4px 12px 0px;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.15);        
        box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.15);
}

.menu ul a {
	color: #fff;
	text-decoration: none;
        padding: 9px 15px 10px 15px;
}

.menu ul a:visited {
	color: #fff;
	text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	color: #fff;
	text-decoration: none;
        background-color: rgba(0, 0, 0, 0.7); 
}

#panel {
	background: #2c2c2c; /* Old browsers */
	background: -moz-linear-gradient(top,  #2c2c2c 0%, #1f1f1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2c2c), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2c2c2c 0%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2c2c2c 0%,#1f1f1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2c2c2c 0%,#1f1f1f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2c2c2c 0%,#1f1f1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
	color: #000000;
	font-size: 11px;	
        padding: 0px;
        height: 64px;
        text-align: left;
}

#panel .remember_me input {
	vertical-align: middle;
	margin-top: -1px;
}

table {
	color: #7c8488;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
}

.tborder {
	background: #ffffff;
	width: 100%;
	margin: auto auto;
	-webkit-border-radius: 6px;    
	border-radius: 6px;
}

.thead {
	background: #09536b; /* Old browsers */
	background: -moz-linear-gradient(top,  #09536b 28%, #043249 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#09536b), color-stop(100%,#043249)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #09536b 28%,#043249 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #09536b 28%,#043249 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #09536b 28%,#043249 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #09536b 28%,#043249 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09536b', endColorstr='#043249',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
        font-size: 12px;
        line-height: 2;
        border: 1px solid #000;
	-webkit-box-shadow: inset 0px 1px 0px 0px #1e7692;
	box-shadow: inset 0px 1px 0px 0px #1e7692; 
        text-shadow: 0px -1px 0px #000;
        -webkit-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px; 
}

.thead a {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover, .thead a:active {
	color: #ffffff;
        text-shadow: 1px 1px 0px #000;
}

.tcat {
	background: url(images/intoxfusion/pattern.png) #2c2c2c; /* Old browsers */
	background: url(images/intoxfusion/pattern.png)-moz-linear-gradient(top,  #2c2c2c 0%, #1d1d1d 100%); /* FF3.6+ */
	background: url(images/intoxfusion/pattern.png)-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2c2c), color-stop(100%,#1d1d1d)); /* Chrome,Safari4+ */
	background: url(images/intoxfusion/pattern.png)-webkit-linear-gradient(top,  #2c2c2c 0%,#1d1d1d 100%); /* Chrome10+,Safari5.1+ */
	background: url(images/intoxfusion/pattern.png)-o-linear-gradient(top,  #2c2c2c 0%,#1d1d1d 100%); /* Opera 11.10+ */
	background: url(images/intoxfusion/pattern.png)-ms-linear-gradient(top,  #2c2c2c 0%,#1d1d1d 100%); /* IE10+ */
	background: url(images/intoxfusion/pattern.png)linear-gradient(to bottom,  #2c2c2c 0%,#1d1d1d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#1d1d1d',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
	box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.1); 
        border-left: 1px solid #000; 
        padding: 6px 10px 9px;
	color: #fff;
	font-size: 12px;
        text-shadow: 0px -1px 0px #000;
}

.tcat a:link {
	color: #fff;
}

.tcat a:visited {
	color: #fff;
}

.tcat a:hover, .tcat a:active {
	color: #fff;
        text-shadow: 1px 1px 0px #000;
}

.trow1 {
	background: #f5f5f5;
        text-shadow: 0px 1px 0px #fff;
}

.trow2 {
	background: rgba(0, 0, 0, 0.06);
        text-shadow: 0px 1px 0px #fff;
}

.trow_shaded {
	background: #ffdde0;
}

.trow_selected td {
	background: #FFFBD9;
}

.trow_sep {
	background: #e5e5e5;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	background: #0980b2 url(images/intoxfusion/menu_bg.png) top left repeat-x;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	color: #fff;
        text-shadow: 0px -1px 0px #07374e;
        border: 1px solid #076E93;
}

.tfoot a:link {
	color: #fff;
	text-decoration: none;
}

.tfoot a:visited {
	color: #fff;
	text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
	color: #ffffff;
        text-shadow: 1px 1px 0px #00202f;
}

.bottommenu {
	background: #efefef;
	color: #000000;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
        font-size: 11px;
	color: #797979;
        text-shadow: 0 1px 0 #ffffff;
        margin: auto auto;
        text-align: left;
        height: 32px;
	position: absolute;
	top: 110px;
        left: 0;
        width: 100%;
}

.nav_main_width {
	background: #f4f4f4 url(images/intoxfusion/nav_bg.png) top left repeat-x;
	width: 1100px;
        margin: 0 auto;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
        height: 32px;
        padding-top: 12px;
}

.navigation a, .navigation a:link {
	text-decoration: none;
        padding: 0px 18px;
        color: #565656;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover, .navigation a:active {
	text-decoration: none;
        color: #000;
}

.navigation .active {
	color: #797979;	
	text-shadow: 0 1px 0 #ffffff;
        padding: 0px 24px;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

input.textbox {
	background: #ffffff;
	color: #000000;
	border: 1px solid #0f5c8e;
	padding: 1px;
}

textarea {
	background: #ffffff;
	color: #000000;
	border: 1px solid #D3D3D3;
	padding: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 1.4;
	font-size: 13px;
}

select {
	background: #ffffff;
	border: 1px solid #D3D3D3;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #0f5c8e;
}

.autocomplete {
	background: #fff;
	border: 1px solid #000;
	color: black;
}

.autocomplete_selected {
	background: #adcee7;
	color: #000;
}

.popup_menu .popup_item {
	background: #fff;
	color: #000;
}

.popup_menu .popup_item:hover {
	background: #C7DBEE;
	color: #000;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.invalid_field {
	border: 1px solid #f30;
	color: #f30;
}

.valid_field {
	border: 1px solid #0c0;
}

.validation_error {
	background: url(images/invalid.gif) no-repeat center left;
	color: #f30;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_success {
	background: url(images/valid.gif) no-repeat center left;
	color: #00b200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_loading {
	background: url(images/spinner.gif) no-repeat center left;
	color: #555;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

/* Additional CSS (Master) */
img {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background-color: #FFFBD9;
	font-weight: bold;
	text-align: center;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

.menu img {
	padding-right: 5px;
	vertical-align: top;
}

#panel .links {
	margin: 0;
	float: right;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 1px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

#copyright {
	font: 11px Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 10px 0 0 0;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

blockquote {
	border: 1px solid #ccc;
	margin: 0;
	background: #fff;
	padding: 4px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	margin: 4px 0;
}

blockquote cite span {
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 4px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	border: 0;
	vertical-align: middle;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

form {
	margin: 0;
	padding: 0;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	white-space: nowrap;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 10px 20px;
	margin-bottom: 15px;
	font-size: 11px;
        color: #8e8833;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

.pm_alert a {
	color: #5e5915;
}

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(images/error.gif) no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

.pagination {
	font-size: 11px;
	padding-top: 6px;
	margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
}
.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current, .pagination a {
	padding: 2px 6px;
	margin-bottom: 3px;
}

.pagination a {
        background: #e1e1e1;
	border: 1px solid #d5d5d5;
        -webkit-border-radius: 4px;    
        border-radius: 4px;
        color: #a4a4a4;
        text-shadow: 0px 1px 0px #fff;
}

.pagination .pagination_current {
	background: #F5F5F5;
	border: 1px solid #d5d5d5;
        -webkit-border-radius: 4px;    
        border-radius: 4px;
        color: #a4a4a4;
        text-shadow: 0px 1px 0px #fff;
}

.pagination a:hover {
	background: #F5F5F5;
	text-decoration: none;
}

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
        line-height: 4;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.post_body {
	padding: 5px;
}

.post_content {
	padding: 5px 10px;
}

.quick_jump {
	background: url(images/jump.gif) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

.pagination_breadcrumb {
	background-color: #f5f5f5;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
	white-space: nowrap;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
}

/*Intox Fusion CSS*/

/*Popup Login*/

#mask {
    position: absolute;
    z-index: 9010;
    background-color: #000000;
    display: none;
    top: 0;
    left: 0;
}

.modalBox {
    position: fixed;
    width: 440px;
    display: none;
    z-index: 9015;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
}
    .modalBox .thead {
        padding: 13px;
        height: 25px;
    }
    .modalBox .modalContent {
        padding: 5px 10px;
        background: #ffffff;
        border: 1px solid #000;
        -webkit-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px; 
        color: #61676a;       
        text-shadow: 0px -1px 0px #fff;
        } 
.modalContent input {
	height: 29px;
        background: #e2e2e2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        border: 1px solid #d4d4d4;	
        padding: 0px 8px;
        color: #a4a4a4;        
        text-shadow: 0 1px 0 #f3f3f3;
}

.modalContent input:focus{
        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
        box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
        outline: none;
        background: #fff;
        color: #474747;
        text-shadow: none;
        border:1px solid #fff;
}

.modalContent input:hover{
        -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
        border:1px solid #fff;
}

.modalContent label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

.modalContent input[type=checkbox] {
    position: relative;
    top: 10px;
}

/*End Popup Login*/

#modoptions {
	-webkit-border-radius: 4px;
        border-radius: 4px;
}

.button {
	background: #212121; /* Old browsers */
	background: -moz-linear-gradient(top,  #212121 0%, #0a0a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#0a0a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #212121 0%,#0a0a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#0a0a0a',GradientType=0 ); /* IE6-9 */
        padding: 4px 8px;
        -webkit-border-radius: 4px;    
        border-radius: 4px;
        -webkit-box-shadow: inset 0px 1px 0px 0px #333333;
        box-shadow: inset 0px 1px 0px 0px #333333;
        color: #fff;
        text-shadow: 0px -1px 0px #000;
        font-size: 11px;
        border: 1px solid #000;
        cursor: pointer;
}

.button:hover {
	  background: #0F96C2; /* Old browsers */
          background: -moz-linear-gradient(top, #0F96C20%, #076E93 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F96C2), color-stop(100%,#076E93)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #0F96C20%,#076E93 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #0F96C20%,#076E93100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #0F96C20%,#076E93 100%); /* IE10+ */
          background: linear-gradient(to bottom, #0F96C20%,#076E93 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F96C2', endColorstr='#076E93',GradientType=0 ); /* IE6-9 */
          border: 1px solid #115f77;
          -webkit-box-shadow: inset 0px 1px 0px 0px #57CEF2;
          box-shadow: inset 0px 1px 0px 0px #57CEF2;
}

.search {
	float: right;
        padding: 6px 10px;
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15) inset;
        width: 240px;
}

.search input {
	height: 29px;
        background: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 5px;
	border-radius: 5px;
        border: 1px solid #309bd0;
        -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.6);	
        padding: 0px 8px;
        color: #fff;        
        text-shadow: 0 1px 0 #000;
}

.search input[type="text"]:focus{
        outline: none;
        -webkit-box-shadow: 0px 0px 4px 0px #61C5FA;
        box-shadow: 0px 0px 4px 0px #61C5FA;
        background: #fff;
        color: #003a56;
        text-shadow: none;
        border:1px solid #003a57;
}

.search input[type="text"]:hover{
        -webkit-box-shadow: 0px 0px 4px 0px #61C5FA;
        box-shadow: 0px 0px 4px 0px #61C5FA;
}

#search_button {
	background: #8dd054 url(images/intoxfusion/go_button.png) no-repeat;
        height: 24px;
        width: 28px;
        box-shadow: none;
        -webkit-box-shadow: none;
        position: absolute;
        margin-left: -33px;
        margin-top: 3px;
        cursor: pointer;
}

#search_button:hover {
	background: #8dd054 url(images/intoxfusion/go_button.png) no-repeat !important;
	-webkit-box-shadow: inset 0px 3px 3px 1px rgba(255, 255, 255, 0.4);
	box-shadow: inset 0px 3px 3px 1px rgba(255, 255, 255, 0.4); 
}

.search input[type="text"]:focus + #search_button {
	background: #0980b2 url(images/intoxfusion/go_button_focus.png) no-repeat;
}


.user_panel {
	float: right;
        padding-top: 15px;
        margin-right: 19px;
}

.member_panel {
	float: left;
        padding: 0 0 0 5px;
        margin-right: 1px;
        width: 330px;
        height: 31px;
        line-height: 29px;
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 5px;    
        border-radius: 5px;  
        border-right: 1px solid #151515;      
        border-bottom: 1px solid #2d2d2d;
        -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.5);        
        box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
}

.member_panel a {
	color: #fff;
}

.mini_avatar img {
	border-radius: 4px;
        position: absolute;
        margin-top: 2px;
        margin-left: -35px;
        border: 1px solid #0f0f0f;
        -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
        box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); 
}

.message_icon {
	float: right;
        height: 20px;
        width: 22px;
        padding: 7px 0 0 7px;
        margin: 2px 0 0 4px;
        -webkit-box-shadow:  -1px 0px 0px 0px rgba(0, 0, 0, 0.6);        
        box-shadow:  -1px 0px 0px 0px rgba(0, 0, 0, 0.6);
        border-left: 1px solid #292929;
        border-right: 1px solid #292929;
}

.member_messages {
	float: right;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 0 8px;
        -webkit-border-radius: 0px 5px 5px 0px;
        border-radius: 0px 5px 5px 0px;
        font-size: 10px;
}

#pm_notification {
	display: inline-block;
        background-color: #d93131;
        height: 13px;
        line-height: 12px;
        border-radius: 3px;
        border: 1px solid #921515;
        text-shadow: 0 -1px 0 #921515;
        padding: 0 3px;
        margin-left: 4px;
        font-family: tahoma, sans-serif;
        font-size: 10px;
}

a#pm_notification {
	color: #FFF;
        text-decoration: none;
}

.popup_menu {
	background: rgba(0,0,0,0.95);
	color: #fff;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px; 
        -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
        min-width: 150px;
        padding: 0px 5px;
}

#usermenu_popup {
	top: 89px !important;
	margin: auto 18.57% auto auto;
}

.popup_menu .popup_item {
    margin: 1px;
    text-align: left;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
    color: #FFFFFF;
    margin-bottom: 2px;
    display: block;
    padding: 3px 5px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu .popup_item:hover {
	background: #000;
        color: #f5f5f5;
}

.login_button {
	background: #212121; /* Old browsers */
	background: -moz-linear-gradient(top,  #212121 0%, #0a0a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#0a0a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #212121 0%,#0a0a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#0a0a0a',GradientType=0 ); /* IE6-9 */
        padding: 4px 7px;
        margin-top: 1px;
        -webkit-border-radius: 3px;    
        border-radius: 3px;
        -webkit-box-shadow: inset 0px 1px 0px 0px #333333;
        box-shadow: inset 0px 1px 0px 0px #333333;
        color: #fff;
        text-shadow: 0px -1px 0px #000;
        font-size: 9px;
        border: 1px solid #000;
}

.register_button {
        background: #d05454; /* Old browsers */
        background: -moz-linear-gradient(top, #d05454 0%, #be2626 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d05454), color-stop(100%,#be2626)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #d05454 0%,#be2626 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #d05454 0%,#be2626 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #d05454 0%,#be2626 100%); /* IE10+ */
        background: linear-gradient(to bottom, #d05454 0%,#be2626 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d05454', endColorstr='#be2626',GradientType=0 ); /* IE6-9 */
        padding: 4px 7px;
        margin-top: 1px;
        -webkit-border-radius: 4px;    
        border-radius: 4px;
        -webkit-box-shadow: inset 0px 1px 0px 0px #da7b7b;
        box-shadow: inset 0px 1px 0px 0px #da7b7b;
        color: #fff;
        text-shadow: 0px -1px 0px #642424;
        font-size: 9px;
        border: 1px solid #220d0d;
}

/*Hover Description CSS*/

.forum_desc_hover {
    margin-left: 10px;
    margin-top: 2px;
    float: right;
    display:none;
    font-size: 10px;

}

.forum_desc_hover:after{
    position:absolute;
}

.forum_desc {
    float:left;
}

.forum_desc:hover .forum_desc_hover{
    display:block;
}

/*End*/

.tfoot_alt {
	background: #09536b; /* Old browsers */
	background: -moz-linear-gradient(top,  #09536b 28%, #043249 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#09536b), color-stop(100%,#043249)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #09536b 28%,#043249 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #09536b 28%,#043249 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #09536b 28%,#043249 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #09536b 28%,#043249 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09536b', endColorstr='#043249',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
        min-height: 24px;
        font-size: 12px;
        padding: 12px 10px 14px;
        border: 1px solid #000;
	-webkit-box-shadow: inset 0px -1px 0px 0px #1e7692;
	box-shadow: inset 0px 1px 0px 0px #1e7692; 
        text-shadow: 0px -1px 0px #000;
        -webkit-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px; 
}

.button_reply {	
	background: #212121; /* Old browsers */
	background: -moz-linear-gradient(top,  #212121 0%, #0a0a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#0a0a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #212121 0%,#0a0a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#0a0a0a',GradientType=0 ); /* IE6-9 */
        padding: 10px 19px;
        -webkit-border-radius: 4px;    
        border-radius: 4px;
        -webkit-box-shadow: inset 0px 1px 0px 0px #333333;
        box-shadow: inset 0px 1px 0px 0px #333333;
        color: #fff;
        text-shadow: 0px -1px 0px #000;
        font-size: 11px;
        border: 1px solid #000;
        cursor: pointer;
}

        .button_reply:hover {	
          background: #0F96C2; /* Old browsers */
          background: -moz-linear-gradient(top, #0F96C20%, #076E93 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F96C2), color-stop(100%,#076E93)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #0F96C20%,#076E93 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #0F96C20%,#076E93100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #0F96C20%,#076E93 100%); /* IE10+ */
          background: linear-gradient(to bottom, #0F96C20%,#076E93 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F96C2', endColorstr='#076E93',GradientType=0 ); /* IE6-9 */
          border: 1px solid #115f77;
          -webkit-box-shadow: inset 0px 1px 0px 0px #57CEF2;
          box-shadow: inset 0px 1px 0px 0px #57CEF2;
         }

        .button_reply:active {	
          border: 1px solid #fff;
          -webkit-box-shadow: inset 0px 1px 0px 0px #073644;
          box-shadow: inset 0px 1px 0px 0px #073644;
         }

.thead_button {	
	background: #182e38; /* Old browsers */
	background: -moz-linear-gradient(top,  #182e380%, #0a1a22 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#182e38), color-stop(100%,#0a1a22)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #182e380%,#0a1a22 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #182e380%,#0a1a22 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #182e380%,#0a1a22 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #182e380%,#0a1a22 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182e38', endColorstr='#0a1a22',GradientType=0 ); /* IE6-9 */
        border: 1px solid #07141a;
        padding: 3px 8px;
        -webkit-border-radius: 3px;    
        border-radius: 3px;
        -webkit-box-shadow: inset 0px 1px 0px 0px #26373e;
        box-shadow: inset 0px 1px 0px 0px #26373e;
        font-size: 9px;
        font-weight: normal;
}

#xbreadcrumb_multipage {
	margin-right: 9px;
        cursor: pointer;
}

div.navigation img#breadcrumb_multipage {display:none} 

.search_2 {
	float: left;
        width: 240px;
        margin-right: 5px;
}

.search_2 input {
	height: 29px;
        background: #e2e2e2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        border: 1px solid #d4d4d4;	
        padding: 0px 8px;
        color: #a4a4a4;        
        text-shadow: 0 1px 0 #f3f3f3;
}

.search_2 input[type="text"]:focus{
        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
        box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
        outline: none;
        background: #fff;
        color: #474747;
        text-shadow: none;
        border:1px solid #fff;
}

.search_2 input[type="text"]:hover{
        -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
        border:1px solid #fff;
}


#search_2_button {
	background: url(images/intoxfusion/go_button_2.png) no-repeat;
        height: 24px;
        width: 28px;
        box-shadow: none;
        -webkit-box-shadow: none;
        position: absolute;
        margin-left: -33px;
        margin-top: 4px;
        cursor: pointer;
        border: none;
}

#search_2_button:hover {
	background: #8dd054 url(images/intoxfusion/go_button_focus.png) no-repeat !important;
	-webkit-box-shadow: inset 0px 3px 3px 1px rgba(255, 255, 255, 0.4);
	box-shadow: inset 0px 3px 3px 1px rgba(255, 255, 255, 0.4); 
}

.search_2 input[type="text"]:focus + #search_2_button, .search_2 input[type="text"]:hover + #search_2_button {
	background: url(images/intoxfusion/go_button_focus.png) no-repeat;
}

.quick_reply_button {	
        background: rgba(0, 0, 0, 0.45);
	-webkit-border-radius: 5px;
	border-radius: 5px;
        border: 1px solid #044665;
        -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.13);
        box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.13);	
        padding: 4px 10px;
        color: #fff;        
        text-shadow: 0 1px 0 #000;
        font-size: 11px;
        cursor: pointer;
}

.quick_reply_button:hover {	
        background: rgba(0, 0, 0, 0.65);
}

#button_postbit {
	background: #212121; /* Old browsers */
	background: -moz-linear-gradient(top,  #212121 0%, #0a0a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#0a0a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #212121 0%,#0a0a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #212121 0%,#0a0a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#0a0a0a',GradientType=0 ); /* IE6-9 */
        padding: 5px 7px 5px 7px;
        -webkit-border-radius: 3px;    
        border-radius: 3px;
        -webkit-box-shadow: inset 0px 1px 0px 0px #333333;
        box-shadow: inset 0px 1px 0px 0px #333333;
        color: #fff;
        text-shadow: 0px -1px 0px #000;
        font-size: 9px;
        border: 1px solid #000;
        opacity: 0.3;
}

#button_postbit:hover {
        opacity: 1;
}


#button_report {
	background: #d25454; /* Old browsers */
	background: -moz-linear-gradient(top,  #f47272 0%, #c03f3f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47272), color-stop(100%,#c03f3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f47272 0%,#c03f3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f47272 0%,#c03f3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f47272 0%,#c03f3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f47272 0%,#c03f3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47272 ', endColorstr='#c03f3f',GradientType=0 ); /* IE6-9 */
        padding: 5px 7px 5px 7px;
        -webkit-border-radius: 3px;    
        border-radius: 3px;
        -webkit-box-shadow: inset 0px 1px 0px 0px #feafaf;
        box-shadow: inset 0px 1px 0px 0px #feafaf;
        color: #fff;
        text-shadow: 0px -1px 0px #2D0202;
        font-size: 9px;
        border: 1px solid #843535;
        opacity: 0.6;
}

#button_report:hover {
        opacity: 1;
}

#button_postbit_reply {	
	background: #a7da43; /* Old browsers */
	background: -moz-linear-gradient(top,  #a7da43 0%, #71ad3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7da43), color-stop(100%,#71ad3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a7da43 0%,#71ad3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a7da43 0%,#71ad3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a7da43 0%,#71ad3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a7da43 0%,#71ad3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7da43', endColorstr='#71ad3c',GradientType=0 ); /* IE6-9 */
        padding: 5px 10px;
        -webkit-border-radius: 3px;    
        border-radius: 3px;
        -webkit-box-shadow: inset 0px 1px 0px 0px #dcf1b4;
        box-shadow: inset 0px 1px 0px 0px #dcf1b4;
        color: #fff;
        text-shadow: 0px -1px 0px #4d6822;
        font-size: 9px;
        border: 1px solid #4c7e1f;
        opacity: 0.55;
}

#button_postbit_reply:hover {
	opacity: 1;
}

.footer_menu {	
	background: url(images/intoxfusion/pattern.png) #191919;
        height: 52px;
        line-height: 51px;
        padding: 0;
        border-top: 1px solid #000;
        font-size: 10px;
        color: #676767;
        text-shadow: 0px -1px 0px #000;
}

.footer_links ul {
        margin: 0px;
        list-style: none;
        text-align: left;
        padding: 0;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);        
        box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);
}

.footer_links ul li {
	display: inline;
        text-align: center;
        border-right: 1px solid #000;
        -webkit-box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.1);        
        box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
        padding: 19px 15px 18px;
}

.footer_links ul a {        
        color: #676767;
        text-shadow: 0px -1px 0px #000;
        text-decoration: none;
}

.footer_links ul a:visited {
        color: #676767;
        text-shadow: 0px -1px 0px #000;
        text-decoration: none;
}

.footer_links ul a:hover, .menu ul a:active {
	color: #fff;
	text-decoration: none; 
}
.footer_copyright {
	float: right;
        box-shadow: -1px 0 0 0 #333333 inset;
        border-right: 1px solid #000;
}

.footer_copyright a {	
        padding: 18px 15px;
        border-left: 1px solid #333333;
        box-shadow: 1px 0 0 0 #000 inset;
        color: #676767;
        text-shadow: 0px -1px 0px #000;
        text-decoration: none;
}

.footer_copyright a:hover {
	color: #fff;
	text-decoration: none; 
}
		

/* remove the list style */

#menu {

    margin:0; 

    padding:0; 

    list-style:none;

}    



#menu li {

    float:left; 

    display:block; 

    width:100px; 

    background:#ccc; 

    position:relative;

    z-index:500; 

    margin:0 1px;

}



/* this is the parent menu */

#menu li a {

    display:block; 

    padding:8px 5px 0 5px; 

    font-weight:700;  

    height:23px; 

    text-decoration:none; 

    color:#fff; 

    text-align:center; 

    color:#333;

}



#menu li a:hover {

    color:#fff;

}



/* submenu, it's hidden by default */

#menu ul {

    position:absolute; 

    left:0; 

    display:none; 

    margin:0 0 0 -1px; 

    padding:0; 

    list-style:none;

}



#menu ul li {

    width:100px; 

    float:left; 

    border-top:1px solid #fff;

}





#menu ul a {

    display:block;  

    height:15px;

    padding: 8px 5px; 

    color:#666;

}



#menu ul a:hover {

    text-decoration:underline;    

}



*html #menu ul {

    margin:0 0 0 -2px;

}

if i need to edit something please tell me

You made several mistakes. Also author of tutorial made them.

1.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dropdownmenu.js"></script>
<script>
    jQuery.noConflict();
</script> 

This is wrong. The noConflict should be just after jQuery is loaded.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
    jQuery.noConflict();
</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dropdownmenu.js"></script> 

2. It should be in headerinclude (ungrouped templates) not header to be fully proper.

3. That may still not work because you load another jQuery in headerinclude:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"/>

Remove the above line and place the dropdownmenu lines (2nd code box in my post) right above

<script type="text/javascript">
/**
 * Modal Boxes JS
 *
 * @author Euan T. <[email protected]>
 * @version 1.0.0
 */

4. In Firebug I noticed you ended your ul with another code than specified in 1st post:

</ul id="menu">

Should be simply </ul>
EDIT: Now having closer look there seem to be many other HTML mistakes like unclosed </div> between Parent 2 and Parent 3. Just get Firebug and look how weird your HTML looks in it. I suggest to remove the whole menu HTML in header and write it once again.

(2013-07-19, 04:20 PM)Destroy666 Wrote: [ -> ]You made several mistakes. Also author of tutorial made them.

1.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dropdownmenu.js"></script>
<script>
    jQuery.noConflict();
</script> 

This is wrong. The noConflict should be just after jQuery is loaded.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
    jQuery.noConflict();
</script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dropdownmenu.js"></script> 

2. It should be in headerinclude (ungrouped templates) not header to be fully proper.

3. That may still not work because you load another jQuery in headerinclude:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"/>

Remove the above line and place the dropdownmenu lines (2nd code box in my post) right above

<script type="text/javascript">
/**
 * Modal Boxes JS
 *
 * @author Euan T. <[email protected]>
 * @version 1.0.0
 */

4. In Firebug I noticed you ended your ul with another code than specified in 1st post:

</ul id="menu">

Should be simply </ul>
EDIT: Now having closer look there seem to be many other HTML mistakes like unclosed </div> between Parent 2 and Parent 3. Just get Firebug and look how weird your HTML looks in it. I suggest to remove the whole menu HTML in header and write it once again.

really i am messed up in all the things can you provide me a simple edit to replace all my global.css or html??
thanks in advance

You can use the default MyBB provided theme to make corrections with your unless your theme is fully custom.

(2013-07-19, 04:56 PM)Arbaz Wrote: [ -> ]You can use the default MyBB provided theme to make corrections with your unless your theme is fully custom.

really i love that theme from my heart

(2013-07-19, 05:00 PM)rkrusty Wrote: [ -> ]

(2013-07-19, 04:56 PM)Arbaz Wrote: [ -> ]You can use the default MyBB provided theme to make corrections with your unless your theme is fully custom.

really i love that theme from my heart

What I mean is to copy default MyBB templates' codes and paste it into the template you need to correct.