Html,css No Border Desktop window

Source: Internet
Author: User

1. [Image]Htmlui.jpg
? 2. [Code] below the source copy to the Quick (WWW.AAU.CN) run can
Import Win.ui;
/*dsg{{*/
var WinForm =.. Win.form (bottom=399;text= "htmlayout-No border window"; border= "none"; right=599)
Winform.add ()
/*}}*/

Import Win.util.round;
Win.util.round (WinForm,,, 6,6); The form is rounded and the last two parameters specify the fillet radius

Import Web.layout;
Import Web.layout.behavior.windowCommand;
Import Web.layout.behavior.windowSizer;

Create a Web browser
var wblayout = web.layout (WinForm)

wblayout.html =/**
<div #title-bar command= "Window-caption" >
<div .buttons>
<a command= "Window-min" >0</a>
<a command= "Window-max" >1</a>
<a command= "Window-close" >r</a>
</div>
</div>

<div/>
**/

Wblayout.css =/**
html{
Background: #999,/* Web background color */
border-radius:4px; /*8 pixel-sized fillet */
}http://www.enterdesk.com/special/shouhui/?

#title-bar{Hand-painted pictures
behavior:windowcommand;/* Add interaction behavior: windowcommand*/
width:100%; /* Width Full window */
height:21px; /* Height 36 pixels, px = pixels per pixel */
Background: #CCCCCC; /* Background color */
}

#title-bar. Buttons {
width:85px;/* width 85 pixels */
height:16px;/* Height 16 Megapixels */
flow:horizontal;/* Interior Horizontal Layout Horizontal button */

position:absolute;/* using absolute positioning */
right:2px;/* right margin 2 pixels */
top:0px;/* Top margin 0 pixels */
}

#title-bar a[command]{
Display:block; /* Display as block mode to specify width/height */
width:16px;/* width 16 pixels */
height:16px;/* Height 16 Megapixels */
font-family: "Marlett"; /* The font Displays button symbols */
PADDING:4PX 2px 5px 4px;/* upper right left inner margin */
}
#title-bar a[command]:hover{
Background: #999;/* Change background color on mouse over node */
}

#title-bar a[command= "Window-restore"]{
Content: "2";/* Change internal text to revert symbol when auto-Convert to restore button */
}
**/

Winform.show ()
Win.loopmessage ();

Html,css No Border Desktop window

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.