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
Social icons
13 posts from 5 voices-
Posted 1 year ago #
-
Hi!
Please refer to this thread: http://www.kriesi.at/support/topic/i-want-that-external-links-links-to-other-websites-open-in-a-new-windowtab
Best regards,
PeterPosted 1 year ago # -
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
BigiPosted 1 year ago # -
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
BigiPosted 1 year ago # -
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
Posted 1 year ago # -
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
BigiPosted 1 year ago # -
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 16x16 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,
MyaPosted 1 year ago # -
Hello,
This is stupid, but I can not find which file I change the code.
Style.css ?
Thank you
BigiPosted 1 year ago # -
Hi,
I think this code:
<li class='linkedin'><a class='ie6fix' href="#">LinkedIn</a></li>
can be changed in: header.php
just find this line of 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,
IsmaelPosted 1 year ago # -
Hello,
I meet some problems, but I think that is number of skin. I work with dark, it's skin 2 ?
Thank you
Regards
BigiPosted 1 year ago # -
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
BigiPosted 1 year ago # -
Sorry again, I understood that I insert in MY css, or style2.css...
Read and read again answer...Posted 1 year ago # -
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,
PeterPosted 1 year ago #
Reply
You must log in to post.














