292 replies to this topic

[gerry5039]

Hi Vince managed to get this going now, however I think the font is too large and the box too big can you help me adjust them buddy,  and the icons are slightly above the text. Many thanks. This is actual size.

 Portal.png   62.91K   2 downloads

Edited by gerry5039, 17 August 2009 - 02:20 AM.

[ShootMe]

How easy is this menu skin able? Does it have css classes we can simply use to change size/colours etc?
I am desperate in need for drop down menu's to support 1024x768 screen resolutions but to be honest, what I have seen thus far I think it's ugly that does not fit with IPB's default skin at all.

The functionality and idea is very good thought. (on mouse hover would be even better)
I'm not good with adding css/html but if I can edit existing classes to change the looks I'll go ahead and order.

[Vince]

Gerry, You can change the style to your liking. Since i can make it work on *every* single skin out there, I tried to make it work with the IPB default skin to look as integrated as possible. To change the menu drop down box, fonts colors and styles just edit the css file located in public/menus/style.css and adjust it to your liking.

Dennis, I use a screen resultion of 1600x1280 and i can see that box very clearly and adjusted, As i already said i tested with the default skin. So the changes per skin will need to be done using the style.css file.

[leroub]

Hi all,

I bought the mod, but the problem is that the menus remain the same. How do you our menu that appears?

thx for your help...

stef (at) apprends-moi.com

p.s i test this mod (1.1) in local with the 3.0.2 version

[ShootMe]

Ok, I made the payment using my business account but put another delivery email, otherwise you create a support ticket that does not attache files.
It's for the forum www.theexiledgamers.com
Transaction ID: 8NV37693YL975254E

I'll play a bit with the CSS style and see what I can come up with.

BTW: This is the second product I bought from you ((IM) Manage Inactive Members), used the same paypal account to pay with
Edit, Im mistaken, that was a free product lol

Edited by ShootMe, 17 August 2009 - 07:29 AM.

[Vince]

leroub, Make sure you made the template and file edits required. They are listed inside the readme file.

Dennis, Thanks sent.

[gerry5039]

the CSS file in Public/Menus/style.css  I have tried everything in there and nothing changes, I wasnt to change the width of the box No Go, Tried size of font No Go, cant get anything to change at all.  Where do I go from here Vince.

[Vince]

CSS are cached, So do a hard refresh CTRL + F5, Try that.

[gerry5039]

Tried that many many times mate and to no avail, both in IE and FF  adjusted the box to 150 and it does nothing, changed font size to 8px and it does nothing. Here is a screen shot of the CSS.  Also mate without some sort of instructions its all gobblygook to me, I just managed to build the menu via trial and error.

 Capture2.JPG   61.9K   1 downloads

Edited by gerry5039, 17 August 2009 - 11:46 AM.

[leroub]

Vince, on Aug 17 2009, 03:21 AM, said:

leroub, Make sure you made the template and file edits required. They are listed inside the readme file.

Dennis, Thanks sent.

Hi Vince,

My readme file dont have a modification to make... is it possible to resend me a readme file??

thx for your support...

stef (at) apprends-moi.com

[Vince]

Can you PM me some access?

[gerry5039]

Ok got menu to go narrower can you assist in changing the size of font, and making graphic level with the text please.  And get rid of that black line


 Portal2.png   32.99K   0 downloads

Edited by gerry5039, 17 August 2009 - 11:57 AM.

[gerry5039]

If you are asking me for access to the forum Vince, I am sorry but it is a Military forum with some sensitive information and therefore is not open to the public at any time, all members are Serving or Ex Serving personel, and are security vetted before they get entrance.

Is there anyway you can write a small tutorial on how to adjust these settings, it seems like all paid mods come with no instructions on how to use them, when the mod is free you cant expect it but surely when you buy one you should get some kind of instructions.

Either that or I will have to remove it and cut my losses now on two paid mods, and never buy another from anywhere.

I hope you can help.

[Vince]

Try this:

.customNavigationMenu {
background: #fafbfc;
border: 1px solid #203b57;
padding: 4px;
min-width: 150px;
position: absolute;
z-index: 10000 !important;
cursor: pointer;
}

.customNavigationMenu a {
display: block;
padding: 4px 4px;
clear: both;
overflow: hidden;
font-size:10px; /* Font size here */
text-decoration: none;
width: 130px;
color:#192B40;

}
.customNavigationMenu a:hover {
background: #ecf1f5;
color:#192B40;
text-decoration: none !important;
}

.customNavigationMenu a img {
float: left;
margin:8px 6px 0 3px; /* image position here */
}

.customNavigationMenu a strong {
display: block;
color:#192B40;
float: left;
}

.customNavigationMenu a span {
display: block;
float: left;
clear: both;
margin-top: -3px;
font-size: 6px;
color: #666;
width: 90%;
}
#primary_nav ul li a:link, #primary_nav ul li a:visited, #primary_nav ul li a:active 
{
border: none; /* Border here */
}

I made some comments next to some items you might want to adjust.
Most of the modification comes with instructions on to install them, Not on how to alter the base items like the CSS and JS  stuff, For that it's a completely different story. I can help as much as i can but i can't write instructions that will fit to everyone because like i said most of the things are adjusted per forum/user basis so keeping track on every single one of them and making it compatible with every single one is very hard. Hope you will understand my perspective as well. Have no problem in helping out as much as i can in either free or paid mod, But my help is also limited.

[gerry5039]

Thank you Vince you have helped a lot, will give this a try now, as you have marked the bits to help,  Thank you so much.

[gerry5039]

Ok got it perfect now mate, any chance of just one more thing please, the distance apart of each part of the menu how do I adjust that mate, they seem so far apart.


 Portal3.png   35.17K   1 downloads

[Vince]

.customNavigationMenu {
background: #fafbfc;
border: 1px solid #203b57;
padding: 4px;
min-width: 150px; /* Comment this if you have problems with the width */
position: absolute;
z-index: 10000 !important;
cursor: pointer;
}

.customNavigationMenu a {
display: block;
padding: 4px 4px;
clear: both;
overflow: hidden;
font-size:9px; /* Font size here */
text-decoration: none;
width: 130px;
color:#192B40;

}
.customNavigationMenu a:hover {
background: #ecf1f5;
color:#192B40;
text-decoration: none !important;
}

.customNavigationMenu a img {
float: left;
margin:8px 6px 0 3px; /* image position here */
}

.customNavigationMenu a strong {
display: block;
color:#192B40;
float: left;
}

.customNavigationMenu a span {
display: block;
float: left;
clear: both;
margin-top: -3px;
font-size: 6px;
color: #666;
width: 90%;
}
#primary_nav ul li a:link, #primary_nav ul li a:visited, #primary_nav ul li a:active
{
border: none; /* Border here */
}

#nav_site_menucontent ul li a:link, #nav_site_menucontent ul li a:visited, #nav_site_menucontent ul li a:active
{
	padding: 0px 5px; /* Play with those to adjust the distance between the links */
}

[gerry5039]

Excellent now Vince thank you very much mate for your kind help, much appreciated, Thank you.     

[gerry5039]

Sorry Vince found another, each drop down does not seem to inherit the settings, I have posted two screenshots for you one on the right perfect, one on the left back to square one.

 Portal4.png   11.78K   0 downloads and this  Portal5.png   12.15K   1 downloads

[ShootMe]

Well, this is what I got on the default skin and I cannot get rid of the spaces at hose arrows
 menu.jpg   37.26K   0 downloads
I did try these settings but seemed not to help me a lot:

#nav_site_menucontent ul li a:link, #nav_site_menucontent ul li a:visited, #nav_site_menucontent ul li a:active
{
	padding: 0px 5px; /* Play with those to adjust the distance between the links */
}