[SOLVED] CB Content

approval is done

Hi, how did you implement the CB menu? I assume, substitution of the tab in a CB Content Module... The links show up automaticly... the same should apply to the icons?! Maybe "krileon" can check this out? I don´t use CBconnect, yet.

Do you substitute the menu-tab?
OR
Did you build the menu links manually? (I did it this way)

Your code output seems right, but there are no CSS for the missing images in your file. It loads the CSS from your main template.css file!

www.YourDomain.com/templates/gtvb/css/template.css

See all menu related lines at the bottom of that file.

Manual solution:
You might duplicate 2 lines of the existing ones! Easier, because all icons are in 1 big image file. Take the lines with the most suitable icons...


Example with Statistics icons, first line is the initial image. Second line is the rollover image:

ul.cbMenuULlist li.cbMenu_UE_STATISTICS a {background:url(images/mini-icons/cbicons.png) repeat-y 0px -5400px; display:block;}
ul.cbMenuULlist li.cbMenu_UE_STATISTICS a:hover {background:#dee1e3 url(images/mini-icons/cbicons.png) repeat-y 0px -5500px;}

Replace the UPPERCASE part with your two new FB items. Which are named:

UE_MENU_FB_UNJOIN

UE_MENU_FB_INVITE

Do this for each of them!

I could not find any reference to the special CBconnect user menu icons. There are no lines in CBconnect plugin folders and its own CSS files, nor in the CB 1.8.0 default template CSS. Maybe the default template was not updated by Joomlapolis? It usually includes all other menu related lines and links to the mini-icons. So, i assume it is a small "bug"... or missed feature.

@krileon: Please, correct me if I am wrong here.

Many thx for your help pepperstreet (And best wishes to the "Waterkant" :lol: ).

I found 4 lines in cbconnect.css, that I copied to the button of my template.
I changed the url and copied the icon icon.png to the folder.

ul.cbMenuULlist li.cbMenu_UE_MENU_FB_INVITE a {
background: url(images/mini-icons/icon.png) no-repeat 2px 2px;
display: block;
}

ul.cbMenuULlist li.cbMenu_UE_MENU_FB_INVITE a:hover {
color: #FFFFFF;
background: #1E5FA2 url(images/mini-icons/icon.png) no-repeat 2px 2px;
}

ul.cbMenuULlist li.cbMenu_UE_MENU_FB_UNJOIN a {
background: url(images/mini-icons/icon.png) no-repeat 2px 2px;
display: block;
}

ul.cbMenuULlist li.cbMenu_UE_MENU_FB_UNJOIN a:hover {
color: #FFFFFF;
background: #1E5FA2 url(images/mini-icons/icon.png) no-repeat 2px 2px;

It works now :woohoo:

GTvB

Congrats! Exactly what i was looking for. Maybe I was to fast, and did not look into the facebook subfolder I am curious if this is the only solution... shouldn't it load the cbconnect.css automticly if the login module displays the FB login/out button?! Mmh... maybe I am asking for too much