Hello,I recently modified the "Tweet This" option to appear in the social sharing list. Unfortunately it doesnt appear in all templates... actually the link is there but the twitter image is missing. How can i fix this?Thanks :D

Hi,
How did you modify the "Tweet This" option to appear in the social sharing list? I think it's a great addition.

John Willis said:Hi, How did you modify the "Tweet This" option to appear in the social sharing list? I think it's a great addition.


Hey,

I put the "Tweet this" code inside the "social sharing" list. Just copied and pasted really. The problem is that i didnt manage to make the twitter icon appear with the other social sharing logos. Do you have an idea how to do this? The link is there but the image is missing :P

There should be a link to an image. I will be looking at this over the next couple of days and will let you know what i find

farid said:
John Willis said:Hi, How did you modify the "Tweet This" option to appear in the social sharing list? I think it's a great addition.


Hey,

I put the "Tweet this" code inside the "social sharing" list. Just copied and pasted really. The problem is that i didnt manage to make the twitter icon appear with the other social sharing logos. Do you have an idea how to do this? The link is there but the image is missing :P

The trick is to link to the image. You do this by adding the following to the k2.css file
a.twitter {
background-image:url("../images/social/twitter.png");
}

The twitter icon is in the k2 images folder.

I've added the line to the k2.css file, and don't see the twitter icon. Is there other code that i need to add based on Farid's comment to make this work?

Great idea by the way, and thanks for sharing.

Amulet said:The trick is to link to the image. You do this by adding the following to the k2.css file a.twitter {
background-image:url("../images/social/twitter.png");
}

The twitter icon is in the k2 images folder.

Sorry, my post was following on from the previous posts. You need to modify the php file, as per farid's reply above.

-> Hey,

I put the "Tweet this" code inside the "social sharing" list. Just copied and pasted really. The problem is that i didnt manage to make the twitter icon appear with the other social sharing logos. Do you have an idea how to do this? The link is there but the image is missing :P ->


The CSS comes in to add the Twitter icon to the code, so that it appears on the page:

->The trick is to link to the image. You do this by adding the following to the k2.css file
a.twitter {
background-image:url("../images/social/twitter.png");
}
->

Amulet said:The trick is to link to the image. You do this by adding the following to the k2.css file a.twitter {
background-image:url("../images/social/twitter.png");
}

The twitter icon is in the k2 images folder.


it worked!

thanks alot for the tip.

cheers :D

To generate the link you can just add this:

 

&lt;li&gt;&lt;a class="twitter" title="&lt;?php echo JText::_("Tweet this"); ?&gt;" href="twitter.com/home?status=<?php echo $this->item->socialLink; ?>&amp;t=<?php echo urlencode($this->item->title); ?>" target="_blank"><span><?php echo JText::_("Twitter"); ?></span></a></li>

I did it!

 

Thanks for your help =D