1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Total Noob - Image advertisements

Discussion in 'HTML & Website Design' started by Switz, Jan 13, 2017.

  1. #1
    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/
    SEMrush
    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
     
    Switz, Jan 13, 2017 IP
    SEMrush
  2. qwikad.com

    qwikad.com Illustrious Member Affiliate Manager

    Messages:
    6,035
    Likes Received:
    1,147
    Best Answers:
    22
    Trophy Points:
    400
    #2
    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/



     
    qwikad.com, Jan 14, 2017 IP
  3. daronch

    daronch Active Member

    Messages:
    64
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    53
    #3
    Have you considered resizing the image using MS Paint? and then send to your clients to use.
     
    daronch, Feb 26, 2017 IP
  4. daniel27lt

    daniel27lt Active Member

    Messages:
    110
    Likes Received:
    7
    Best Answers:
    1
    Trophy Points:
    98
    Digital Goods:
    4
    #4
    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.
     
    daniel27lt, Mar 29, 2017 IP