Joomla Templates Club 406,261 posts

[digitalwave Friend digitalwaveJoin date: February 2008Posts: 8Downloads:0Uploads:0 Thanks: 2]

#126454

Hey Every body ,,,,,
that template is a great template but i have a little problemes i can display is that screen shot

The kind Of Menu Is Transmenu, the problems Are :
1-Change The color of Active Button.
2-Change The posetion Of Menu To the one in The picture ( Pull The menu Right Up there)
3- Or ,,,can i replace the menu by imeges in header and make the links on it ….

And i well be thanksfull ,,,,,

best regardes

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#241707

It’s best if we can have a live URL because you seem have customized quite a lot.

However, you may want to change the following line (height:70px ) in template_css.css

#ja-header {template_css.css (line 812)
background:transparent url(../images/header-top.jpg) no-repeat scroll right top;
clear:both;
height:70px;
line-height:normal;
position:relative;
text-align:left;
}

[digitalwave Friend digitalwaveJoin date: February 2008Posts: 8Downloads:0Uploads:0 Thanks: 2]

#241898

The way you put Up There Didn`t work ….:((:((

But That is The life Url

http://alhajry-overseas.info/

I hope To help me There …:-*:-*

Best regardes,

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#242255

Plz open ja_transmenuh.css (templates/ja_nerine/ja_transmenu/ja_transmenuh.css). Code to change css of menu :


#ja-transmenu a.mainlevel-trans:hover,
#ja-transmenu a.mainlevel-trans:active,
#ja-transmenu a.mainlevel-trans:focus {
color: #FFFFFF;
text-decoration: none;
background: url(../images/arrow4.png) no-repeat bottom center #4F4F4F;
}

#ja-transmenu a.mainlevel-active-trans,
#ja-transmenu a.mainlevel-active-trans:hover,
#ja-transmenu a.mainlevel-active-trans:active,
#ja-transmenu a.mainlevel-active-trans:focus {
padding: 0 0 0 45px;
background: url(../images/mainnav-active-left.gif) no-repeat bottom left #1F1F1F;
color: #FFFFFF;
}

#ja-transmenu a.mainlevel-active-trans span,
#ja-transmenu a.mainlevel-active-trans:hover span,
#ja-transmenu a.mainlevel-active-trans:active span,
#ja-transmenu a.mainlevel-active-trans:focus span {
color: #FFFFFF;
padding: 0 45px 0 0;
background: url(../images/mainnav-active-right.gif) no-repeat bottom right #1F1F1F;
}

/* First item */
#ja-transmenu a.havechild-mainlevel-trans-first,
#ja-transmenu a.mainlevel-trans-first {
background: url(../images/mainnav-left.gif) no-repeat bottom left #4F4F4F;
padding-left: 30px;
}

#ja-transmenu a.havechild-mainlevel-trans-first:hover span,
#ja-transmenu a.havechild-mainlevel-trans-first:active span,
#ja-transmenu a.havechild-mainlevel-trans-first:focus span,
#ja-transmenu a.mainlevel-trans-first:hover span,
#ja-transmenu a.mainlevel-trans-first:active span,
#ja-transmenu a.mainlevel-trans-first:focus span {
color: #FFFFFF;
text-decoration: none;
background: url(../images/arrow4.png) no-repeat bottom center #4F4F4F;
}

#ja-transmenu a.havechild-mainlevel-active-trans-first,
#ja-transmenu a.mainlevel-active-trans-first {
background: url(../images/mainnav-active-fl.gif) no-repeat bottom left #1F1F1F;
padding-left: 45px;
}

#ja-transmenu a.havechild-mainlevel-active-trans-first span,
#ja-transmenu a.mainlevel-active-trans-first span {
color: #FFFFFF;
padding: 0 45px 0 0;
background: url(../images/mainnav-active-right.gif) no-repeat bottom right #1F1F1F;
}

/* last item */
#ja-transmenu a.havechild-mainlevel-trans-last,
#ja-transmenu a.mainlevel-trans-last {
background: #4F4F4F;
padding-right: 0;
}

#ja-transmenu a.havechild-mainlevel-trans-last:hover span,
#ja-transmenu a.havechild-mainlevel-trans-last:active span,
#ja-transmenu a.havechild-mainlevel-trans-last:focus span,
#ja-transmenu a.mainlevel-trans-last:hover span,
#ja-transmenu a.mainlevel-trans-last:active span,
#ja-transmenu a.mainlevel-trans-last:focus span {
color: #FFFFFF;
text-decoration: none;
background: url(../images/arrow4.png) no-repeat bottom center #4F4F4F;
}

#ja-transmenu a.havechild-mainlevel-active-trans-last,
#ja-transmenu a.mainlevel-active-trans-last {
background: url(../images/mainnav-active-left.gif) no-repeat bottom left;
padding-left: 45px;
}

#ja-transmenu a.havechild-mainlevel-active-trans-last span,
#ja-transmenu a.mainlevel-active-trans-last span {
padding: 0 10px 0 0;
background: #1F1F1F;
color: #FFFFFF;
}
You can replace menu by images have link, you can edit on index.php

[Author]

Posts