Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to show Icon in Sidebar?

  • @silversurferes

    Participant

    15 years, 9 months ago

    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?

Viewing 7 replies - 1 through 7 (of 7 total)

  • @chouf1

    Participant

    15 years, 9 months ago

    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;

    @silversurferes

    Participant

    15 years, 9 months ago

    #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????

    @silversurferes

    Participant

    15 years, 9 months ago

    sorry

    #lbImage is originally

    #lbImage {

    border: 10px solid #fff;

    }

    @chouf1

    Participant

    15 years, 9 months ago

    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....

    @silversurferes

    Participant

    15 years, 9 months ago

    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;

    }

    @chouf1

    Participant

    15 years, 9 months ago

    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 :-)

    @silversurferes

    Participant

    15 years, 9 months ago

    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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to show Icon in Sidebar?’ is closed to new replies.

Topic Info

Skip to toolbar