#style_select { width:100px; } div.framepic { width:96px; height:69px; padding : 2px; vertical-align:middle;} div.framepic1 { border : 2px dotted gray; width:100px; } div.framepic2 { border : 2px dotted black ; width : 104px;} div.framepic3 { border : 2px solid gray ; padding : 1px ; width : 108px;} </style> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv->Render();?> </div></div></div></div> </div> <div class="box" style="text-align:center;"> <div style="height:50px;"></div> <input type="button" value="Open image" onclick="openImge();" /> </div> <div class="clear"></div> <script type="text/javascript"> function openImge(){ kiv.open(); } </script> </form>
#style_select { width:100px; } div.framepic { width:96px; height:69px; padding : 2px; vertical-align:middle;} div.framepic1 { border : 2px dotted gray; width:100px; } div.framepic2 { border : 2px dotted black ; width : 104px;} div.framepic3 { border : 2px solid gray ; padding : 1px ; width : 108px;} </style> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv->Render(); ?> </div> </div> </div> </div> </div> <div class="box"> Select effects: <select id="effect_select" name="effect_select" onchange="submit();"> <option value="zooming" <?php echo $effect_select == 'zooming' ? 'selected' : ''; ?> >Zooming</option> <option value="fading" <?php echo $effect_select == 'fading' ? 'selected' : '';
div.framepic1 { border : 2px dotted gray; width:100px; } div.framepic2 { border : 2px dotted black ; width : 104px;} div.framepic3 { border : 2px solid gray ; padding : 1px ; width : 108px;} </style> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_screen_center->Render();?> </div> </div> </div> </div> </div> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_image_center->Render();?> </div> </div> </div> </div> </div> <div class="clear"></div> </form>
<div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_fast->Render(); ?> </div> </div> </div> </div> </div> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_slow->Render(); ?> </div> </div> </div> </div> </div> <div class="clear"></div> </form>
div.framepic1 { border : 2px dotted gray; width:100px; } div.framepic2 { border : 2px dotted black ; width : 104px;} div.framepic3 { border : 2px solid gray ; padding : 1px ; width : 108px;} </style> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_fast->Render();?> </div> </div> </div> </div> </div> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_slow->Render();?> </div> </div> </div> </div> </div> <div class="clear"></div> </form>
<div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_background->Render(); ?> </div> </div> </div> </div> </div> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_no_background->Render(); ?> </div> </div> </div> </div> </div> <div class="clear"></div> </form>