Segítség : Egyedi képkeret program nélkül! |
Egyedi képkeret program nélkül!
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 (aláhúzott rész), 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>
SAJÁT ÍRÁS
|