A kódban a vastaggal jelölt rész a kép URL címe, ezt írd át. A kódban a kép szélességét (width) és magasságát (height) kétszer kell megadnod (dőlt rész). A kód második felében beállíthatod a keret vastagságát (border), jelenleg 10 pixel. Ugyanitt tudod a keret stílusát (solid) és színét (White) átírni. A stílusokat mi átírtuk, neked csak használnod kell! A színt nyugodtan írd át. Ha a kódot beilleszted szerkesztői nézetbe a kép ki fog lógni a keretből, de ha leokézod ez nem fog látszódni. A kód elején egy vékonyabb keret van beállítva:

border:1px solid white

itt is átírhatod a keret vastagságát, típusát, színét

Eredeti kép:

Sima keret:

Kód:

 
<!-- Outer Div -->
<div style="width:150px;height:150px;background:url(//gportal.hu/portal/nevek/image/gallery/1167136183.gif) repeat;border:1px solid white;">

<!-- Opacity Border -->
    <div style="width:150px;height:150px;border:10px solid white;filter:alpha (opacity=50);-moz-opacity:.50;opacity:.50;-khtml-opacity: 0.5;">
    </div>

<!-- End Outer Div -->
</div>

Pontozott keret:

Kód:

<!-- Outer Div -->
<div style="width:150px;height:150px;background:url(//gportal.hu/portal/nevek/image/gallery/1167136183.gif) repeat;border:1px solid white;">

<!-- Opacity Border -->
    <div style="width:150px;height:150px;border:10px dotted white;filter:alpha (opacity=50);-moz-opacity:.50;opacity:.50;-khtml-opacity: 0.5;">
    </div>

<!-- End Outer Div -->
</div>

Szaggatott keret:

Kód:

<!-- Outer Div -->
<div style="width:150px;height:150px;background:url(//gportal.hu/portal/nevek/image/gallery/1167136183.gif) repeat;border:1px solid white;">

<!-- Opacity Border -->
    <div style="width:150px;height:150px;border:10px solid white;filter:alpha (opacity=50);-moz-opacity:.50;opacity:.50;-khtml-opacity: 0.5;">
    </div>

<!-- End Outer Div -->
</div>

Dupla keret:

Kód:

<!-- Outer Div -->
<div style="width:150px;height:150px;background:url(//gportal.hu/portal/nevek/image/gallery/1167136183.gif) repeat;border:1px solid white;">

<!-- Opacity Border -->
    <div style="width:150px;height:150px;border:10px solid white;filter:alpha (opacity=50);-moz-opacity:.50;opacity:.50;-khtml-opacity: 0.5;">
    </div>

<!-- End Outer Div -->
</div>