Official Facebook Connect button as PNG - facebook

Is there any official Facebook Connect button, as a image file?
There a lot of really different images on the web, with different sizes, different styles (and even colors), different licenses, free and paid. But I believe there should be some official example, as PNG image.
I know that by using https://developers.facebook.com/docs/reference/plugins/login/ I can generate HTML and make screenshot, but seems that it's too hacky, and I'm just missing right page. Is it?
Brand Permissions Center doesn't have 'Connect' button

You can get the official "Log in with Facebook" button here. ZIP has PNGs for different sizes
https://developers.facebook.com/docs/facebook-login/checklist/#brandedlogin
EDIT 26/07/2014: Facebook seems to have removed those image assets. They now suggest you using a Javascript log in button with their button style. https://developers.facebook.com/docs/plugins/login-button
EDIT 21/02/2018: Facebook has updated the guidelines with a new "Continue on Facebook" button image asset

Would comment on existing answer, but rep... =\
You can still download the icon here. I guess they've dedicated a separate domain to it now. I believe they will always have to provide you with an icon alternative since they require, just as google does:
The "f" Logo may be used alone or alongside other social icons. It should be used at equal size to neighboring icons. Be sure to maintain its shape and proportions and provide adequate clear space between logos.
You can't really do this consistently without a proper icon.

Related

How to get larger favicon from Google's api?

Is it possible to get a larger version of the favicon from the Google's api or from somewhere else?
This is the url.
http://www.google.com/s2/favicons?domain=google.com
I searched for an alternative api on ProgrammableWeb and Google but many of them don't exist anymore and the one I found that actually seems to work isn't free. (http://grabicon.com/)
I need the icon for a VB.NET project that has a list of websites with icons. But 16x16 icons are too small for that.
looks like there is size parameter in google now.
https://www.google.com/s2/favicons?sz=64&domain_url=yahoo.com
Editted:
The below answer is no longer valid, but the code is freely available on github:
Github -> Favicons for all!
Original answer
You can also try Statvoo's Favicon API, e.g.
https://api.statvoo.com/favicon/?url=google.com
https://api.statvoo.com/favicon/?url=stackoverflow.com
etc..
They also have quite a few other API's you can use if you look around. Most of which are free and have been around for years.
Looks like Google has an size attribute too.
https://www.google.com/s2/favicons?sz=64&domain_url=https://stackoverflow.com/
Here's some Favicon Fetchers I have found
Free Favicon-Service by AllesEDV.at - https://f1.allesedv.com/stackoverflow.com
Google Favicon Snatcher - https://www.google.com/s2/favicons?domain=stackoverflow.com
Favicon Grabber - http://favicongrabber.com/api/grab/stackoverflow.com
For Favicon Grabber it will return as JSON list of icon URLs.
Alternatively you can load the main page of the site and figure it out from there: https://stackoverflow.com/a/1990487/
According to https://news.ycombinator.com/item?id=17190599:
Unless that endpoint can also return other resolutions, Favicon Kit
offers more: https://api.faviconkit.com/twitter.com/144
https://api.faviconkit.com/twitter.com/16
(Though, I will say, the URIs returned for Twitter and the image sizes
don't actually align in those cases. The first is actually 192ˣ192
pixels, and the second is 32ˣ32 pixels. That seems odd. Maybe they
should have endpoints like domain/large, domain/medium, domain/small?)
Favicons are specified either as part of the HTML page, the HTTP response to a request for a page, or simply by being hosted at a default location.
That's true for all sites. There's plenty of browser extensions that can help you figure out the favicons a page send, if you don't manage by hand. For example, right clicking in firefox, "Page Info", "Media", "sort by type"->"Icon" should show all icons that a browser can find. It's not usual to have Icons larger than 32x32, and google might not be an exception.
Also be aware that the .ico format can contain multiple Icon sizes that not all tools show. So saving that .ico on your computer and inspecting it with a tool known to deal with all sizes contained in a single file might help.
Last word of advice: You're dealing with the logo, the very core of their brand, of a multi-billion dollar company. You might want to check with their policy of using that logo in your project. Probably it's OK (for example, browser don't seem to get in trouble for having a google logo for their google search box), but I'd still take care not to raise the impression that you're association a product of your own making with their logo.

How specify description in chrome developer dashboard?

I'm not able to specify the bolded description text separately from the description beneath. They're both showing up as the same text, just one is larger and bold:
A simple question, but I can't seem to easily find any clear documentation on it. Is one specified in the manifest and the other specified via the developer dashboard? If so, that doesn't seem like an easy way to manage that user-facing copy.
https://developer.chrome.com/apps/manifest/description
You have to do it in the developer dashboard. Uploaded a picture of mine, but removed my app info.
Fill out the detailed description box, outlined in black.

Attach picture to Facebook for Android Share Dialog

I am currently trying out the Facebook for Android Share Dialog(https://developers.facebook.com/docs/android/share-dialog/) that was introduced in Facebook for Android SDK 3.5.
The code for starting the dialog is straight forward:
FacebookDialog shareDialog = new FacebookDialog.ShareDialogBuilder(this)
.setLink("https://developers.facebook.com/android")
.build();
uiHelper.trackPendingDialogCall(shareDialog.present());
Similar to setLink() there is a setPicture(String url) method in FacebookDialog.ShareDialogBuilder. But I can't get this setPicture() method to work. I have tried to put Url to local image files, online images and also FB staged images (fbstage://...) but nothing seems to make any effect on the Share Dialog viewed or the resulting post.
Is there anyone that got the setPicture() method to work?
from documentation of facebook feed
The picture must be at least 200px by 200px.
And even more restriction on image to be, check here
This is an image associated with your media. We suggest that you use an image of at least 200x200 pixels. However, bigger is better, so if you have a 1500x1500 image that you can use, please use it. We'll downsample and crop it for for people using smaller-resolution devices but will use it on a larger device. The larger this image is, the more likely it will be used when sharing stories on Facebook. (Note: image sizes must be no more than 5MB in size.)
With ShareDialogBuilder its not permitted to shared a local file but only remote files.
Currently I think that the only way (via a share dialog) is through the open graph action dialog.
In order for you to call the setPicture() should be used with setLink().
Please refer to the article below.
https://developers.facebook.com/docs/reference/android/current/class/FacebookDialog.ShareDialogBuilder/
You need to use an external URL like:
.setPicture("http://yourdomain.com/images/xyz.png");
Also, it will only display if you've set the link.

A browser addon that makes a box pop up in the corner on certain domains

I want to create an addon where when you open a webpage from certain domains, a square or circle (not sure which yet) image will pop up on the corner of the page.
The closest example I can think of is the GetGlue addon. When you are on a page from specific domains, the toolbar pops up on the bottom and gives you options to pursue while you are on the page. Then once you go to a non-supported website, the toolbar is gone.
However the one I want to create is much more simpler where I just want an image to show up in the top corner of the page when you arrive at certain webpages, and disappear once you move to a domain not supported. It's not going to do anything or link anywhere or have any actions; it's just an image.
I don't know much about creating addons, but I am willing to learn how to do so as creating this is of somewhat importance to me. But I've been looking around, and I've come across things to get people started on creating them, but I don't really know how to go about it as I've not sure how I can get what I want done, and the ones I see are about things not related.
If anyone knows of any guides or tuts or anything similar that can explain the basics or even some more in-depth of doing what I want done, many thanks are sent your way.
Look into content scripts
This allows you to inject JS and CSS into any page that matches a url pattern
For example, including the following in your manifest will insert mystyles.css into any page under http://www.google.com/
"content_scripts": [
{
"matches": ["http://www.google.com/*"],
"css": ["mystyles.css"]
}
],

How to Change joomla logo to new logo and how to add suggestion forms in joomla 1.5.22

i added new logo in media manager the name is joomla_logo_black.png and also i changed in defalt temple css file but it's not working, and also i want to add a suggestion form in my web site it's shoud contain title descreption and email id, please help, thanks in advance
I don't really understand what kind of joomla logo you want to replace! If there is a joomla logo in your template you can change it with the tamplate.css for sure !
If you didn't find the logo, or the image, maybe there is another css file near the template.css file.
The image you replaced might be cached in your browser. If you right click on the image you want to replace you can usually open the image in another tab. Look at it in a new tab then refresh the page an see if it updates. If not, at least you will have the URL of the image you are replacing.
As for adding forms, there are several components for creating forms in Joomla. My favorite is ChronoForms, but there are several very highly rated and reviewed options.
http://extensions.joomla.org/extensions/contacts-and-feedback/forms