Total Noob - Image advertisements

Hi everyone. I came here because I do not know what the name of the CSS element is that I am trying to do - and cannot find an example of how to do it anywhere on a search engine.

Maybe someone here will know what I am talking about and can point me int eh right direction.

I want to create a 300x300 advertisement that I can then hand out to my clients to post on their websites if they wish. This advertisement is just a simple image of our business partnership that is nested in the bottom right hand corner of their website on top of their background and/or content.

So pretty much, it is like the social icons to the left of this demo website: http://demo.joomlaxtc.com/adventure/

I am hoping their is some simple CSS code that they can add anywhere in their main CSS file or something else very easy to do and works on pretty much any website.


Thanks

 

You can use this:

CSS

.partnerImage {
position: fixed;
bottom: 0;
right: 0;
margin: 0.5em;
border: none;
}

Code (markup):

HTML

<a href="http://google.com"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" title="The name of your business" class="partnerImage"></a>

Code (markup):

Your partner should add this code right before the </body> tag. Change the URLs for both the link and the image to your own. Obviously you'll need to upload your image somewhere for it show.

See it on fiddle: https://jsfiddle.net/qj9kpqxk/2/

 

Have you considered resizing the image using MS Paint? and then send to your clients to use.

 

No need for CSS. Just resize or create the original image to 300x300. If you have already created the image, what size did you create it as and what format? Because you don't want to scale it down to much as it will distort it, making the appearance not so pleasant. Use Photoshop, MS Paint or pixlr.com/editor.

I hope this helps.