Advanced Search

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

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

Expand | Embed | Plain Text

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. <style>
  10. /* Navigation helpers */
  11. .section-customize .navhelp .step1 {
  12.   background-image: url(images/icon-customize-step-1.png);
  13. }
  14. .section-customize .navhelp .step2 {
  15.   background-image: url(images/icon-customize-step-2.png);
  16. }
  17. .section-customize .navhelp .step3 {
  18.   background-image: url(images/icon-customize-step-3.png);
  19. }
  20. .section-customize .navhelp .step4 {
  21.   background-image: url(images/icon-customize-step-4.png);
  22. }
  23. .section-node-add .navhelp .step1, .section-diy .navhelp .step1 {
  24.   background-image: url(images/icon-diy-step-1.png);
  25. }
  26. .section-node-add .navhelp .step2, .section-diy .navhelp .step2 {
  27.   background-image: url(images/icon-diy-step-2.png);
  28. }
  29. .section-node-add .navhelp .step3, .section-diy .navhelp .step3 {
  30.   background-image: url(images/icon-diy-step-3.png);
  31. }
  32. .section-node-add .navhelp .step4, .section-diy .navhelp .step4 {
  33.   background-image: url(images/icon-diy-step-4.png);
  34. }
  35. </style>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.