CSS Basic Banner


/ Published in: CSS
Save to your folder(s)

This is the style for a basic banner.


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.