How to show Icon in Sidebar?
-
how can i add a icon to a menu in sidebar?
i´ve installed the actual wordpress mu and buddypress.
i´ve added the plugin “bpdev-youtube” and it doesn´t show the little icon in the sidebar.
how can i add it manual?
-
in the plugin css file there should be something with
background: url(../images/the plugin icon) 88% 52% no-repeat;
put in the right path and file name and add this
padding: 0.55em 3em 0.55em 0 !important;
margin-right: 0.85em !important;
#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff; text-align: center; padding: 5px;
}
.lbLoading {
background: #fff url(loading.gif) no-repeat center;
}
#lbImage {
background: url(../images/youtube_bullet.gif) 88% 52% no-repeat;
paddin#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff; text-align: center; padding: 5px;
}
.lbLoading {
background: #fff url(loading.gif) no-repeat center;
}
#lbImage {
border: 10px solid #fff;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 5px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
g: 0.55em 3em 0.55em 0 !important;
margin-right: 0.85em !important;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 5px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
That is the original css file
where do i have to insert the code????
sorry
#lbImage is originally
#lbImage {
border: 10px solid #fff;
}
There is a missing closing tag after #IbImage.
#lbImage {
background: url(../images/youtube_bullet.gif) 88% 52% no-repeat;
paddin#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
Should be this to work anyway:
#lbImage {
background: url(../images/youtube_bullet.gif) 88% 52% no-repeat;
}
paddin#lbOverlay ...etc....
Now for the icon, add the CSS code:
#lbImage {
background: url(../images/youtube_bullet.gif) 88% 52% no-repeat;
padding: 0.55em 3em 0.55em 0 !important;
margin-right: 0.85em !important;
}
paddin#lbOverlay ...etc....
now this is the css code
but the icon isn´n shown
#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff; text-align: center; padding: 5px;
}
.lbLoading {
background: #fff url(loading.gif) no-repeat center;
}
#lbImage {
background: url(youtube_bullet.gif) 88% 52% no-repeat;
padding: 0.55em 3em 0.55em 0 !important;
margin-right: 0.85em !important;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 5px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
does the image exist in the folder ?
Try the path to another, but surely existing, image in the css
And, euh….
No need to send the whole repertory of your site to answer this question
hey
i have added the exactli adress
i have copied the icon every where
i have changed the rights to 777
it will not be shown
i don´t know why
and in the dev forum from the person who wrote this plugin, the developer will not answer to an question
i don´t know what is wrong
- The topic ‘How to show Icon in Sidebar?’ is closed to new replies.