One more thing: In IE7 , it displays fine. Please let me know what you think. Thanks!
No problem.
HTML is:
<!- No link to current page in the following span ->
Products
CSS is:
/* navigation stripe / #nav {border-top: 1px solid #004483; border-bottom: 1px solid #999; background: #fff;} / Changed padding from 26px top and 25px bottom / #nav .inner-container {position: relative; z-index: 2; padding: 10px 0 10px 0;} / navigation section switcher / / SWS: Changed top from 14px / #nav #h-wrap {position: absolute; top: 5px; left: 0; =width: 220px;} / Set your width for section switcher (only in IE 7 and older, modern browsers will set optimal width automatically) / / SWS: Changed from 7px top / #nav #h-wrap.active {border: 4px solid rgba(200, 200, 200, 0.5); top: 0; left: -22px;} #nav #h-wrap.active {-moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;} / SWS: Changed from 2px top and 10px bottom / #nav #h-wrap.active .inner {border: 1px solid #999; background: #fff; padding: 0 0 5px 17px;} #nav #h-wrap.active .inner {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} #nav #h-wrap .h-ico {background: 0 50% no-repeat;} #nav #h-wrap .h-ico span {display: block; padding-left: 50px;} #nav #h-wrap .ico-dashboard {background-image: url(“img/h-ico/dashboard.png”);} #nav #h-wrap .ico-orders {background-image: url(“img/h-ico/orders.png”);} #nav #h-wrap .ico-customers {background-image: url(“img/h-ico/customers.png”);} #nav #h-wrap .ico-products {background-image: url(“img/h-ico/products.png”);} #nav #h-wrap .ico-account {background-image: url(“img/h-ico/account.png”);} #nav #h-wrap .ico-welcome {background-image: url(“img/h-ico/splashGreen.png”);} / SWS: Changed font-size from 200%, height from 51px, line-height from 55px and background to h-wrap-h2×24.png / #nav #h-wrap h2 {background: url(“img/h-wrap-h2×38.png”) 100% 100% no-repeat; position: relative; float: left; height: 38px; line-height: 42px; vertical-align: middle; font-size: 150%; font-weight: bold;} #nav #h-wrap.active h2 {background: none;} #nav #h-wrap h2 .h-ico {display: block; height: 100%; padding-right: 42px;} / SWS: Changed top from 18px */ #nav #h-wrap h2 .h-arrow {background: url(“img/h-arrow.gif”) 0 0 no-repeat; position: absolute; top: 12px; right: 19px; display: block; width: 11px; height: 15px; overflow: hidden;} #nav #h-wrap.active h2 .h-arrow {background-position: 100% 0;} #nav #h-wrap ul {display: none; clear: both;} #nav #h-wrap ul li {display: inline;} #nav #h-wrap ul a {border: 0; display: block; height: 40px; width: 100%; overflow: hidden; line-height: 45px; vertical-align: middle; font-size: 125%;} #nav #h-wrap ul a:hover, #nav #h-wrap ul a:focus, #nav #h-wrap ul a:active {color: #1d78bc;}
- Has been a member for 3-4 years
- Exclusive Author
- Bought between 10 and 49 items
- United Kingdom
- Referred between 1 and 9 users
I have a problem, the example for the tabs working says i just need to add rel=”idname” and it will work, however, i do this and create a div id=”idname” and when i try it, it just simply doesnt change.
and it has all three dispalyed below each other, any ideas?
thanks.
(Note. it is as though im just doing a div below a div constantly, and i want it to hide 2 while the first is showing)
Also, how do i get the class=”current” to change depending on which tab im looking at,
is this all js?
- Has been a member for 3-4 years
- Exclusive Author
- Bought between 10 and 49 items
- United Kingdom
- Referred between 1 and 9 users
ignore above, ive worked ito ut. thanks
- Has been a member for 3-4 years
- Exclusive Author
- Bought between 10 and 49 items
- United Kingdom
- Referred between 1 and 9 users
Okay, new problem. I have done something that i had thought impossible up until now, i have created a site that works in IE, but not in FireFox.
Try it out:
user: admin pass: admin
seriously, try it. it fails.
ps. (i need help sorting this out)
- Has been a member for 3-4 years
- Repeatedly Helped protect Envato Marketplaces against copyright violations
- Item was Featured
- Exclusive Author
- Sold between 5 000 and 10 000 dollars
- Bought between 50 and 99 items
- India
- Referred between 10 and 49 users
Simply Awesome! I might buy this some day…
Hi there.
I purchased this template.
I opened PSD files but all of these were with blue blackground. (purple..red..all colors have a blue blackground)
(I opened these files with gimp)
Something wrong?
gwaihir,
Is there any way to create a multi-level menu(without messing the beautiful design :))? I really want this template for my site, but the multi-level menu is a must-have. Thanks in advance
[Quote]
I have a problem, the example for the tabs working says i just need to add rel=”idname” and it will work, however, i do this and create a div id=”idname” and when i try it, it just simply doesnt change.
and it has all three dispalyed below each other, any ideas?
thanks.
(Note. it is as though im just doing a div below a div constantly, and i want it to hide 2 while the first is showing)
Also, how do i get the class=”current” to change depending on which tab im looking at,
is this all js?
[/Quote]
What is the solution i have the same problem now 
The JS code according to this behavior is on the line 68-54.
There you have one parent div#box1 and within it is .header and two .content divs. They have their IDs you need to link with links’ rel attribute in the .header section.
Class=”active” for active link is automatically driven by JS. You just need to keep that structure (both JS and HTML just in the same terms as in the example) I mentioned above.
Hi
1 – Can I use the template for a web application like a 100% height user interface. like the link below?
2 – What did you use for the rounded corners of the box?
Thanks a million
Hello,
How do I change the header logo, I wanna put a bigger one instead the small one that is included by default, the new size should be around 400×80.
Thanks!
Hello dklima,
you’ll need to open the CSS file and edit the line number 77: #header #logo – edit the dimensions to your 400×80. Then save your logo as css/img/logo.png That was the logo for the administration section.
Now the login window: Save your 400×80 logo again as css/img/logo-login.png Then open the CSS file and edit the line number 360: #login .header – change the padding-bottom to something around 35px.
That’s all. Cheers.
Hello gwaihir
I bought your template, and I find that this one is perfect.
I built several pages with it without a problem.
But there is one thing I can’t find how to do, because I am very not a CSS expert
I need to build a form with so many fields, and I want to put them on 2 columns.
Can you explain me how to do this with the fieldset layout.
Thanks
Hello gwaihir
Forget my last post. I found the way
I was stupidly focusing to modify or adapt your css instead to simply embed the code in my own div
Dose this work with Wordpress as well or ?
Hi, can you tell me if your tables have auto-pagination? I didn’t see anything in your comments/code that suggested it did.
Thanks.
Nav Menu in IE9 …
I am not sure if this has been discussed or not. Was testing it website with IE9 recently, and the dropdown nav menu is not working right. You see, when you hover on it, it drops nicely, but when you start to hover on any of the options, the menu expands to full width of the inner-container, which is 960px I supposed.
Any fix for this?
- Has been a member for 2-3 years
- Exclusive Author
- Sold between 100 and 1 000 dollars
- Bought between 10 and 49 items
- India
Purchased & Very satisfied with this. Thanks..
Can this template be applied to any CMS software?
Thanks
Mitch
Is it include chart code?
It doesn’t. But if you have decent knowledge of HTML and JS, you’ll be able to implement an existing solution. Eg. https://developers.google.com/chart/
- Has been a member for 1-2 years
- Exclusive Author
- Bought between 10 and 49 items
- Referred between 1 and 9 users
Gwaihir,
I apologize in advance if this sounds like the world’s stupidest question about a Themeforest template!
But, I usually purchase HTML /CSS templates on Themeforest from the ‘Site Templates’ category. I know how to code… HTML , CSS, stuff like that; but I do not know PHP or MySQL or anything like that.
So my question is is with this template, do I need to add in whatever programming is necessary to allow people to login and have passwords etc? or is that included with the template so that all I need to do is define the users and what their passwords are?
I have a new client who needs to have a section on their site or have a separate site that allows for password protection and username/password stuff, but I’ve never done this before.
I’m curious because I noticed some Admin templates mention “PHP Login/Password integration” in the preview image or item details. Please shed a little light on this for me so I know whether or not I have the right skills to be able to make an Admin template work, thanks!


1136 Purchases
60 Comments