Th3 TeAm Of Th3 3RO Index du Forum
Th3 TeAm Of Th3 3RO
Si Tu VeUx NoUs ReJoInDr3 Tu PeUx ToUj0uR PoSt3R
Th3 TeAm Of Th3 3RO Index du ForumFAQRechercherS’enregistrerConnexion

:: Tumblr Post Facebook Like Button ::

Poster un nouveau sujet   Répondre au sujet    Th3 TeAm Of Th3 3RO Index du Forum -> team ero -> probleme
Sujet précédent :: Sujet suivant  
Auteur Message

Hors ligne

Inscrit le: 04 Avr 2016
Messages: 116
Localisation: Strossburi

MessagePosté le: Mer 10 Jan - 15:14 (2018)    Sujet du message: Tumblr Post Facebook Like Button Répondre en citant

Tumblr Post Facebook Like Button

Advertising & Marketing. Not the answer you're looking for? Browse other questions tagged css iframe svg tumblr cross-site or ask your own question. You've got a mobile app, or you want to do something wild with your website. You can see and test an example of this above, in the header of this post.Step 1. If we can visually hide the Tumblr Like Button and then place it over our own Like Button, we have a styled, working Like Button! Theme Markup Example of the theme markup, the key here is to have a containing element for both Like Buttons, and to make sure the Tumblr Like Button comes before our own Like Button so we can take advantage of the adjacent sibling selector in the css. Stack Overflow works best with JavaScript enabled .. Business Models & Organizational Structure. Your URL will be an unscrape-able barnacle on the keel of every post that sails from your site. You can see and test an example of this above, in the header of this post.Step 1. Business & Workplace Regulations. By default, share buttons will create a photo post (or a link post, if there aren't any suitable images) but with a bit of configuration you can make the button do exactly what you want. –lharby Feb 11 '14 at 19:27 2 bjb568 sadly the Iframe is generated when the theme is parsed and they are hosted on the Tumblr servers. Stack Overflow Questions Developer Jobs Tags Users current community help chat Stack Overflow Meta Stack Overflow your communities Sign up or log in to customize your list. Money & Debt. It injects an iFrame, which handles the "Like" functionality and provides SVG graphics. If you are happy doing that I can try to offer a solution, but I would need to see some code, or know what you want to do. Cut-and-paste the following code into your theme immediately before . /* Iframe */ ♥ CSS Magic The key again is to get the Tumblr Like Button above our Own Like Button. Above the button put the SVG used by Tumblr for the heart icon: {LikeButton size="14"} Change {ReblogButton size="14"} And the CSS .reblog svg path { /* Select your color of choice */ fill: #563d7c; } Originally posted here. By clicking or navigating the site, you agree to allow our collection of information on and off Facebook through cookies. Know what I mean? Sure, pal. –mikedidthis Feb 11 '14 at 22:56 2 lharby as the OP has stated, this can't be fixed with javascript due to the implementation / limitations. Email Sign Up or sign in with Google Facebook Customise Tumblr's *new* Like Button iFrame {LikeButton} Ask Question up vote 6 down vote favorite 8 The new code from tumblr {LikeButton} comes with a very few options: color and size. We know what you mean. Here's all the documentation for our API. Linked 0 change default tumblr like and reblog button 4 Custom tumblr like button 0 Tumblr like button not working for my tumblr blog 0 Tumblr theme like button in text Related 584Remove border from IFrame475Resizing an iframe based on content807How to apply CSS to iframe?531Invoking JavaScript code in an iframe from the parent page682jQuery/JavaScript: accessing contents of an iframe0Tumblr quick like button not working48How to style SVG with external CSS?0Color SVG Sprites2Edit the css of a cross domain iframe that is inside an internal iframe0SVG: How to change “fill” color of a symbol in an external svg sprite Hot Network Questions Obtain the values of a function which are greater than 1 Why is 11 am + 1 hour == 12:00 pm? Why is it so inefficient to generate electricity by absorbing heat? Which popular games have been studied mathematically? Is standing actually illegal in Venice? What's up with Archbishop Desmond? Is Sam Gamgee an orphan? Should I make my character suspect an upcoming twist or not? Does AWS offer a way to route HTTPS traffic to two different EC2 instances based on directory path? Can you share some screenshots of editor's control panels? Is verifying ISOs downloaded from the official website worthwhile? Does your ISP know what type of phone/computer you're using? Dashed Tubes in 3D Why do we only build 7th chords on the supertonic and dominant of a major scale? What are good examples that actually motivate the study of recursion? Definition of "telescope" How to make lowercase of a uppercase table caption? ssh - why can I login with partial passwords? Is a verbal response that directly expresses anger always the wrong choice? How should a student's inefficient calculation be pointed out? Did any computers use the Z80B? Can a Wish produce a paradox? What is causing the problem with the RAM in this (claimed) Spectrum 48k? Dealing with aggressive student suspected to be cheating more hot questions question feed default . Tumblr posts created by these post buttons include permanent links back to your page, no matter how many times they get reblogged. They'll probably like your blog—if you let them know about it. asked 3 years, 11 months ago viewed 14,986 times active 2 years, 4 months ago Blog Take the 2018 Developer Survey Get the weekly newsletter! In it, you'll get: The week's top questions and answers Important community announcements Questions that need answers see an example newsletter By subscribing, you agree to the privacy policy and terms of service. With the following code you can add the ability to Like and Reblog on the main page of your blog.Like Button - Default Tumblr HeartThis will create a heart button (the Tumblr default). Business Communications & Etiquette. .custom-like-button { position: relative; display: block; width: 40px; height: 40px; cursor: pointer; } /* class for the Tumblr Like Button iframe */ .likebutton { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; } /* Force iframe to fill button */ .likebutton iframe { width: 100% !important; height: 100% !important; } /* class for Our Like Button */ .ourbutton { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } Tada! You should now have your own Like Button that registers a users like! You can also style it when hovered: /* Hover State */ .likebutton:hover + .ourbutton { color: red; } And when a user has registered a like: /* Liked State */ .likebutton.liked + .ourbutton { background: red; color: white; } I hope that helps! If you get stuck I left the markup here. Stack Overflow Questions Jobs Developer Jobs Directory Salary Calculator Help Mobile Stack Overflow Business Talent Ads Enterprise Company About Press Work Here Legal Privacy Policy Contact Us Stack Exchange Network Technology Life / Arts Culture / Recreation Science Other Stack Overflow Server Fault Super User Web Applications Ask Ubuntu Webmasters Game Development TeX - LaTeX Software Engineering Unix & Linux Ask Different (Apple) WordPress Development Geographic Information Systems Electrical Engineering Android Enthusiasts Information Security Database Administrators Drupal Answers SharePoint User Experience Mathematica Salesforce ExpressionEngine Answers Stack Overflow em Portugus Blender Network Engineering Cryptography Code Review Magento Software Recommendations Signal Processing Emacs Raspberry Pi Stack Overflow Programming Puzzles & Code Golf Stack Overflow en espaol Ethereum Data Science Arduino Bitcoin more (26) Photography Science Fiction & Fantasy Graphic Design Movies & TV Music: Practice & Theory Worldbuilding Seasoned Advice (cooking) Home Improvement Personal Finance & Money Academia Law more (16) English Language & Usage Skeptics Mi Yodeya (Judaism) Travel Christianity English Language Learners Japanese Language Arqade (gaming) Bicycles Role-playing Games Anime & Manga Puzzling Motor Vehicle Maintenance & Repair more (32) MathOverflow Mathematics Cross Validated (stats) Theoretical Computer Science Physics Chemistry Biology Computer Science Philosophy more (10) Meta Stack Exchange Stack Apps API Data Area 51 Blog Facebook Twitter LinkedIn site design / logo 2018 Stack Exchange Inc; user contributions licensed under cc by-sa 3.0 with attribution required. .. Here, use our buttons. Managing Employees. –mikedidthis Feb 11 '14 at 22:56 mikedidthis Proxy? –bjb568 Feb 11 '14 at 23:46 show 2 more comments 3 Answers 3 active oldest votes up vote 18 down vote accepted Styling a Tumblr Like Button Sadly, as the OP has stated the Tumblr like buttons have minimal visual options and are hard to target with CSS / javascript 5a02188284
funny jokes for facebook downloadfacebook chat cell phone icon minutesalamat ngehack facebook download index.html logs.php dan logs.txtfacebook black sign inhow do i send a request for a friend of facebookfacebook app 5 downloadfacebook chat emoticons bracketsfacebook messenger for nokia 6700 classicrare650 facebookget app secret facebook page

Revenir en haut

MessagePosté le: Mer 10 Jan - 15:14 (2018)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Th3 TeAm Of Th3 3RO Index du Forum -> team ero -> probleme Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

Sauter vers:  

Portail | Index | Creer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
onyx © theme by larme d'ange 2006
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par :