How to change the twitter share button image
<a href="http://twitter.com/intent/tweet" class="twitter-share-button" data-show-count="false"`>
This is my code
There is a helpful article from Medium. In it, the author simply uses a Font Awesome icon and some CSS to create her own Twitter share button. Here is the code from her button.
<span class="fa fa-twitter"></span>
Is this what you were looking for? Or did you mean that you wanted to change the image that goes along with the tweet?
Related
I want to add a button on the passcard. I am using Laravel 8 to create a passcard. I can see that layout does not support doing so. Is there any way we can add a button on the passcard and that button will act as a clickable URL to route to some web link. Please help me to achieve this.
I am looking forward to hearing.
Thanks,
I think you cannot add button(s) on cards, maybe on Passes like boarding tickets, but the only link I can see on Passes is a image button (logo of the app) redirecting to the ios app linked.
Alternative for cards you can do:
Format your card with a text encouraging the user to press the dots button.
Then on card description you can add links
I followed this example on wc3schools
I tried to implement the exact code to my Project. I want the navigation bar to change pages but somehow I can not get it work. However I'm able to make the navigation bar to work if I Place a url within, like <li>Google</li>.
My question is if navbars can be used between Jquery mobile pages and if it is possible, what am I doing wrong? Would be nice with a working example!
There is some excellent documentation including examples available at the jQuery Mobile demos pages. The specific link to the NavBar docs can be found here. I'd suggest having a read at these documents.
In summary however, a navigation bar is is a <div> with a data-role of "navbar" that contains an <ul> list where each button in the navbar is a <li> which does indeed contain an anchor <a> tag which defines where a click of the specific button will take you.
I have a site that has some photos and I need to add to each of them twitter share button.
When user clicks that twitter share button, it should post to twitter the image, some text and
link to my site.
I tried to uploaded photos to twitrpix and put link to photos like this:
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://mysite" data-text="http://twitrpix.com/c36at My test" >Tweet</a>
It works, but photos are not displayed in twitter until you click details. I would like photos to be
displayed all the time.
It looks like when I twit mamually adding photo using button with camera photo photo, the photo is
displayed all the time. How can I make it behave the same way when I share from my site?
<a href="http://boosterads.co.uk/newsite/" tooltop="dashboard" tooltip="dashboard">
<img src="http://boosterads.co.uk/newsite/wp-content/uploads/2012/12/homelight.png" class="headerlogo" onmouseover="this.src='http://boosterads.co.uk/newsite/wp-content/uploads/2012/12/homedark.png'" onmouseout="this.src='http://boosterads.co.uk/newsite/wp-content/uploads/2012/12/homelight.png'" /></a>
I am using this code to change an image onmouseover. Does anyone know what i need to include for it to work on iphones/ipads?
i.e. the user clicks once and the hover displays, they click again and they are sent to the link.
To do this you would have to define what a "click" was, as tapping on a ipad is equivalent to clicking on a computer. This means that currently, your code would take a use straight to the link when they hover their mouse over the image (using a mouse) and on an ipad, there is no way to hover over an image, as there is no curser. the only way I can think of to get round this is to find some code (I don't know any myself) which adds a curser to your webpage when it is used on a mobile device. Hope this helps :)
I'm trying to add the Twitter Share button to my website. I've gone to https://twitter.com/about/resources/buttons#tweet and added the code to my html, but the "button" only shows up as a hyperlink.
Can someone tell me how to make the button look exactly like the normal twitter button that shows up on other sites?
Thanks.
I was able to make it work by changing the code that says
id;js.src="//platform.twitter.com/widgets.js
to
id;js.src="http://platform.twitter.com/widgets.js