Template:Popup

From Zen Cart(tm) Wiki
Jump to: navigation, search

<html> <style type="text/css">

  1. pic {

background-color: #FFFFFF; left: 10px; position: relative; top: 10px; width: 135px; }

  1. pic a .large {

border: 0px; display: block; height: 1px; left: -1px; position: absolute; top: -1px; width: 1px; }

  1. pic a img {

border: 0; }

  1. pic a.p1, #pic a.p1:visited {

background: #FFFFFF; border: 1px solid #000000; display: block; height: 90px; left: 0; text-decoration: none; top: 0; width: 135px; }

  1. pic a.p1:hover {

background-color: #8C97A3; color: #000000; text-decoration: none; }

  1. pic a.p1:hover .large {

border: 1px solid #000000; display: block; height: 233px; left: 150px; position: absolute; top: -60px; width: 300px; } </style> </html>

<a class="p1" href="#" title="thumbnail image"> [[image:{{{1}}}.png|50 px|small version]] [[image:{{{2}}}.gif|300 px|large version|class="large"]] </a>