Как расположить картинку или баннер в любом месте своего сайта?

Часто бывает так, что мы не имеем полной возможности редактировать свой ресурс особенно на бесплатных форумах,  возможности админки администрации ограниченны, а если вы даже и имеете доступ по ftp к серверу своего форумного движка, но не знаете как вставить баннер в ту или иную часть движка, потому что не знаете язык css,  не знаете какой файл нужно редактировать,   то рекомендую в шапке (файл  header) или подвале (файл  footer)  своего форума расположить вот такой код.   

У вас могут быть свои значения и цифры, но сути это не меняет, вот вам ориентировочный код с осями ординат. 

Код:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style type="text/css">
      #layer1 {width: 120px; height: 120px; background: #f00; position: absolute; left: 500px; top: 50px; z-index: 20;}
      #layer2 {width: 120px; height: 120px; background: #0f0; position: absolute; left: 100px; top: 100px; z-index: 40;}
      #layer3 {width: 120px; height: 120px; background: #00f; position: absolute; left: 150px; top: 150px; z-index: 30;}
    </style>
  </head>  
  <body>
    <div id="layer1"></div>
    <div id="layer2"></div>
    <div id="layer3"></div>
  </body>

У вас могут быть свои значения, подставляете   свои цифры по оси ординат, width: 120px; height: 120px; это размеры квадрата,
background: #f00  -цвет квадрата
left: 500px; top: 50px;   это отступ от левого края окна браузера  и отступ от верхнего края браузера,  z-index: 20; это значение наложения одного тела на другое,   z-index: 30;  больше поэтому если они будут лежать в одном месте, то последнее значение будет перекрывать предыдущее.

Вы можете поиграться со значениями убрать или добавить  свои тела: в место квадратов добавить фотографии, баннеры, тизерную рекламу  и расположить в любом месте на своей странице.

Код:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style type="text/css">
      #layer1 {width: 120px; height: 120px; background: #f00; position: absolute; left: 500px; top: 50px; z-index: 20;}
         </style>
  </head>  
  <body>
    <div id="layer1"></div>
    
  </body>
Код:
 <div id="layer1"> Между тегами див вставляете код баннера или линк кода фотографии.</div>

Проверяем все в онлайн html редакторе.

http://xhtml.ru/instr/html_editor/