Skater1405

Image Borders

Jan 28th, 2012
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.42 KB | None | 0 0
  1. Atahualpa Settings -> Style Images -> paste this in Images In Posts box. Hit save. You can change the border & border color as needed.
  2.  
  3. border: 1px solid #005297;
  4. text-align: center;
  5. background-color: #005297;
  6. padding: 4px 4px 4px 4px;
  7. margin: 0px 0px 0px 5px;
  8. moz-box-shadow: 1px 1px 10px #00f;
  9. -moz-border-shadow: 30pc;
  10. -khtml-border-radius: 10px;
  11. -webkit-border-radius: 10px;
  12. border-radius: 10px;
  13. -webkit-box-shadow: 5px 5px 0px 0px #c5d0e0;
  14. -moz-box-shadow: 5px 5px 0px 0px #c5d0e0;
  15. box-shadow: 5px 5px 0px 0px #c5d0e0;}
  16.  
  17. Atahualpa settings -> ADD HTML/CSS Inserts -> paste this in CSS Inserts box. Hit save.
  18.  
  19. .customImage img{
  20. padding: 0px;
  21. border: none;
  22. background: none;
  23. -moz-border-radius: 0px;
  24. -khtml-border-radius: 0px;
  25. -webkit-border-radius: 0px;
  26. border-radius: 0px;
  27. -webkit-box-shadow: 0px 5px 0px 0px #c5d0e0;
  28. -moz-box-shadow: 0px 0px 0px 0px #c5d0e0;
  29. box-shadow: 0px 0px 0px 0px #c5d0e0;}
  30.  
  31. All images will then have a border. (If you have a website cache plugin it might not appear instantly)
  32.  
  33. If you want an image to have no border, go to edit the post or page's HTML. Look for the <img src=""> thing for the image. Before the image code starts, put <div class="customImage">. After the image code ends put </div>.
  34.  
  35. Example code for no border:
  36.  
  37. <div class="customImage"><img class="aligncenter" src="http://cpwriterstrack.x10.bz/rookie/rookietracker2.png" alt="" width="470" height="250" /></div>
Advertisement
Add Comment
Please, Sign In to add comment