I just hate to see a good structure go to waste.


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



Copy this code and paste it in your HTML
  1. <ul class="navhelp">
  2. <li class="step1"><strong>Browse images</strong> in our galleries</li>
  3. <li class="step2"><strong>Add images</strong> to your "favorites" list</li>
  4. <li class="step3"><strong>Pick products</strong> to imprint</a></li>
  5. </ul>
  6.  
  7. ...
  8.  
  9. /* Navigation helpers */
  10. .section-customize .navhelp .step1 {
  11. background-image: url(images/icon-customize-step-1.png);
  12. }
  13. .section-customize .navhelp .step2 {
  14. background-image: url(images/icon-customize-step-2.png);
  15. }
  16. .section-customize .navhelp .step3 {
  17. background-image: url(images/icon-customize-step-3.png);
  18. }
  19. .section-customize .navhelp .step4 {
  20. background-image: url(images/icon-customize-step-4.png);
  21. }
  22. .section-node-add .navhelp .step1, .section-diy .navhelp .step1 {
  23. background-image: url(images/icon-diy-step-1.png);
  24. }
  25. .section-node-add .navhelp .step2, .section-diy .navhelp .step2 {
  26. background-image: url(images/icon-diy-step-2.png);
  27. }
  28. .section-node-add .navhelp .step3, .section-diy .navhelp .step3 {
  29. background-image: url(images/icon-diy-step-3.png);
  30. }
  31. .section-node-add .navhelp .step4, .section-diy .navhelp .step4 {
  32. background-image: url(images/icon-diy-step-4.png);
  33. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.