Advanced Search

CSS Basic Banner

/ Published in: CSS
Save to your folder(s)
This is the style for a basic banner.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. /* ---------- css style --v -----------*/
  2.  
  3. body {   
  4. }
  5. #container {
  6.     margin-top:0;
  7.     padding: 0;
  8.     visibility: visible;
  9. }
  10. #banner {
  11.     position:relative;
  12.     width: 300px;
  13.     height: 250px;
  14.     margin: 0;
  15.     padding: 0;
  16.     background: #000;
  17.     box-sizing: border-box;
  18.     -moz-box-sizing: border-box;
  19.     -webkit-box-sizing: border-box;
  20.     border: 1px solid #000;
  21.     overflow: hidden;
  22.     cursor: pointer;
  23. }
  24. #bgImage {
  25.     position: absolute;
  26.     top: 0px;
  27.     left: 0px;
  28. }
  29. /* ---------- bg-exit  --v -----------*/
  30. #bg-exit{
  31.     position:absolute;
  32.     width: 100%;
  33.     height: 100%;
  34.     top:0px;
  35.     left:0px;
  36.     opacity:0;
  37. }
  38. /* ---------- copy and .copyLine  --v -----------*/
  39. #copy1 {
  40.     position: absolute;
  41.     display:block;
  42.     width:95%;
  43.     top:15px;
  44.     left:10px;
  45.     color:#fff;
  46. }
  47.  
  48. #copy2 {
  49.     position: absolute;
  50.     display:block;
  51.     width:95%;
  52.     top:40px;
  53.     left:10px;
  54.     color:#fff;
  55. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.