Creating custom social icons - css

I'm new to using AddThis, or any form of social media toolbars etc, however I have the following image:
http://songhype.com/wp-content/themes/song/images/social/twitter.png
I need to code this into a social icon, along with a Facebook version.
My initial idea was to just add that in as an image, and then position the text for the number of followers/tweets to be over the top of the grey portion, however I've found this to not work, is there any other method I could use?

With Twitter, you need to get a site key and use their API. Facebook provides a pretty simple copy/paste functionality and has the basic instructions for how to do it on their page.
If you check the HTML for the you can replace the image with your own.
https://dev.twitter.com/docs/follow-button
https://developers.facebook.com/docs/reference/plugins/like/

Related

Where to change css code to adapt font-size and button sizes in buildfire app to customize styling as desired?

I have a query concerning changing css for buidfire app.
In specific to adapt the css for the buildfire feature "free text questionnaire" in the marketplace.
Need to adapt font size (to be smaller), the col of the query text and the buttons for answering and next or previous to be smaller.
Can someone pls kindly help where to find the relevant CSS document?
I have already downloaded the sdk on GitHub.
But we don't need to develop a new plugin, only need the relevant CSS for the free text questionnaire feature to adapt those 3 things.
In one video "how to use custom widget" there you have directly the view to see those 3 possibilities for HTML view, CSS view and JavaScript in the control panel and next to it directly the results in the widget.
Where can get this custom widget?
If it´s not possible with this custom widget which css file is the relevant one in the sdk buildfire js plugin?? There are several css documents shown.
Which is relevant for customize font-size, button size??
Thank you very much for your kind help!
Kind regards,
Angelika
I believe this the custom plugin you are looking for
https://github.com/BuildFire/customPlugin
However, not sure how would that help you since the free text questionnaire plugin is not an open source plugin so you cannot make changes to it and the custom plugin is just another plugin

WordPress Plugin for video banner?

I'd like to have a video banner on my WordPress site pages. I saw the following site (http://pictoryproductions.com/) and they have exactly what I would like to do on my site. However, I'm not sure what plugin they used to accomplish this. Could anyone just point me in the right direction?
I'm fairly new to WordPress, so if anyone can suggest what plugin to use, or if there is functionality already in place in WordPress for this how I can use it to get the effect I want.
UPDATE
As per the requirement to show what has been done so far to achieve the result I want, I have created a PHP page that uses the HTML 5 video tags to embed the video I want, with the PNG overlay. I then embed the page using an iframe tag from within WordPress. The problem is I have to create a new PHP page for each WordPress page I want with this layout when it needs a different video and overlay png image.
Thank you!!!
To avoid an opinionated answer on what I think is the best plugin to use, I just did a simple View Page Source on the site you posted and picked through to find where that video banner is displayed. It references a lot of classes and stuff labeled "mejs" which I think refers to a mediaelement.js plugin found here:
https://wordpress.org/plugins/media-element-html5-video-and-audio-player/

Hide or insert image (logo) in pdf using iTextSharp

We print pdf provided by the company and merged it with data from our C# ASP.Net 3.5 Web application using iTextSharp. This works well but we have been asked to either print the form with or without the company logo depending on the user preference.
Should I use a pdf with the logo and hide it or use a pdf without the logo and add the logo to it?
I have found numerous way to add a logo to a pdf but nothing on hiding images. Because the logo could be having different size and be in a different location I would prefer to hide it when needed instead of adding it. Can we hide images from pdf without removing it? What would be easier?
Or should we just use 2 versions of each forms, one with the logo and another without?
UPDATE: In a nutshell I just want to have your opinion to what way would be best. Use a form without a logo and add it when needed or use a form with the logo and hide it when needed. Thanks
FINAL UPDATE: Some people gave good answer but I see no way to accept their answer. Can someone help me?
Because no one answered my question I selected one of the comment as "the" answer. Thanks mkl!
You can store data private to your application in PDFs, e.g. logo size and location in the case at hand (cf. this answer on PieceInfo structures). I would, therefore, recommend that you create the PDFs without the logo but store the size and location for a logo in such a PieceInfo dictionary. If adding a logo is required later-on, use that information to properly place the logo

Can someone please explain how to integrate open graph & Like button into wordpress?

I am trying to implement Open Graph and the “Like” button on my wordpress website. I want to have the Like button positioned directly beneath a youtube video posted on one of my wordpress pages.
I have watched the facebook open graph video explaining the code to put onto your page, but it doesn’t explain how to do it in wordpress. I have researched several wordpress plugins that implement open graph into your site, but they all seem to take data from the site itself and automatically implement it into the open graph data. It also seems to me that using the “Like” button wordpress plugins, the like button is automatically placed either at the top or bottom of the page or in the sidebar.
Can anyone please help me understand exactly how to implement the open graph code into wordpress in a manner where I can control all the parameters of the code (image, url, site name, description, etc), and how to implement the Like button directly underneath of the video on my webpage?
Thanks,
It doesn't matter if it's "for Wordpress" or not. Wordpress is a framework, not a language. Use the Like Button Tool to generate the code you need for ANY Page - Wordpress or otherwise - and read up on the Open Graph Protocol to give you an idea on how to write your <head> section.
Facebook's Debugging Tool will also help you with any caching issues you may be experiencing, along with lots of extra information you might find useful in regards to your website.

Customizing Flex Slider plugin

I've looked a looked and looked for the perfect rotating banner for my website I am creating and I found flex slider, of which I love as it gives you the circled just underneath and the left and right arrows as well. The option for face or slide is what I was looking for too, however I need a plugin that allows the user to upload an image to the banner like Useful banner Manager. (I'm not using UBM as I don't what each banner image to fade to white and then to the next image, but that's how it acts).
Does anyone know a great rotating banner plugin that is easy to follow for wordpress newbies (as this will be integrated into the websites I create for clients) either free or premium?
OR do you know how I might just add the upload option to the flex slider plugin?
If you know the data format that the Flex Slider uses you can simply create a custom post type called 'Banner', restrict the various stock metaboxes, leaving say, only the editor and media upload. Then your clients can simply create new 'banners' by creating a new banner post, and uploading its associated image. This is a nice, simple and easy to understand interface for clients, making it easy for them to add, remove, edit banners.
Then simply do a get_posts on your banners and provide the Flex slider with data in a format it expects.
This has the advantage of not requiring a plugin to create, which is useful if you are distributing themes.
http://codex.wordpress.org/Post_Types

Resources