Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #11622

    Hello,

    I read many post in this great forum, but I’m not sure to identify the correct answer.

    So sorry if I create a duplicate…

    How to open the “social icons” below each post in another window (I already changed the icons located in header near search form) ?

    Thank you

    Bigi

    #72395
    #72396

    Hello Dude,

    Thank you, I’ll try one of this method. Do you know if the first with Java Script works with all browsers ?

    Best regards

    Bigi

    #72397

    Hello,

    For social icons in the header, it’s limited to 3 ? I use link to contact + feed + twitter (+ search form) : I could add Facebook ?

    Thank you

    Bigi

    #72398

    Hello,

    Its not limited, but you might have to adjust the width of the rounded box they are inside. Just add the following to your CSS and adjust the 335 number up if you need to.

    #headextras {
    width: 335px !important;
    }

    Regards,

    Devin

    #72399

    Ok Dude,

    I modify style.css or others style (1,2,3,4) ?

    Instead of #, I insert the url to my facebook account : I add “http://fr-fr.facebook.com/public/first-name-name ?

    It’s possible to insert each post in my facebook account ?

    And as you open the door…

    I want to add a link to viadeo and a link to linkedin, it’s possible ?

    Thank you

    Bigi

    #72400

    Hi Bigi,

    Yes, you replace href=”#” with href=”link-to-your-facebook-account”. To add LinkedIn and Viadeo, you would follow the same format as you did with Facebook but you’ll need to replace the class name. So for example:

    <li class='linkedin'><a class='ie6fix' href="#">LinkedIn</a></li>

    You’ll also need to add this to your CSS:

    .social_bookmarks .linkedin a{background: transparent url(../images/skin1/linkedin_16.png) 0 0 no-repeat;}

    Before you do that though you need to upload 16×16 icons for LinkedIn and Viadeo to your wp-content/themes/newscast/images/skin1/ folder.

    Now for clarification, what do you mean by “insert each post in my Facebook account”?

    Regards,

    Mya

    #72401

    Hello,

    This is stupid, but I can not find which file I change the code.

    Style.css ?

    Thank you

    Bigi

    #72402

    Hi,

    I think this code:

    Code:
    <li class='linkedin'><a class='ie6fix' href="#">LinkedIn</a></li>

    can be changed in: header.php

    just find this line of code:

    Code:
    <li class='rss'><a class='ie6fix' href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>

    and place the HTML code that Mya provided below it.

    The CSS code should inserted in style.css. Hope this helps. :)

    Regards,

    Ismael

    #72403

    Hello,

    I meet some problems, but I think that is number of skin. I work with dark, it’s skin 2 ?

    Thank you

    Regards

    Bigi

    #72404

    Sorry, it works except that the 2 icons linkdin and viadeo don’t appear… Links (= blank) work well…

    Name of icons seems ok, I put an icon in each skin…

    I think I’ve misplaced the following 2 lines :

    .social_bookmarks .linkedin a{background: transparent url(../images/skin2/linkedin_16.png) 0 0 no-repeat;}

    .social_bookmarks .viadeo a{background: transparent url(../images/skin2/viadeo_16.png) 0 0 no-repeat;}

    I have inserted them in style.css, in the paragraph :

    /*social bookmark icons*/

    .social_bookmarks{

    border:none;

    display: block;

    float: right;

    list-style-type: none;

    list-style-position: outside;

    padding:5px 5px 0 0;

    position: relative;

    z-index: 6;

    }

    .social_bookmarks li{

    float:left;

    margin:0;

    width:16px;

    padding:0 7px 0 0;

    }

    .social_bookmarks li a{

    height:16px;

    width:16px;

    display: block;

    float:left;

    text-indent: -9999px;

    border:none;

    padding:0;

    outline: none;

    }

    .social_bookmarks .linkedin a{background: transparent url(../images/skin2/linkedin_16.png) 0 0 no-repeat;}

    .social_bookmarks .viadeo a{background: transparent url(../images/skin2/viadeo_16.png) 0 0 no-repeat;}

    It’s ok or not ?

    Thank you

    Bigi

    #72405

    Sorry again, I understood that I insert in MY css, or style2.css…

    Read and read again answer…

    #72406

    Hey!

    If you inserted the code in style.css use following urls instead:

    url(images/skin2/linkedin_16.png)

    and:

    url(images/skin2/viadeo_16.png)

    Best regards,

    Peter

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Social icons’ is closed to new replies.