📄 cssedit.php
字号:
<?php
echo "<HTML><HEAD><TITLE>\r\nCSS 在线编辑器\r\n</TITLE>\r\n\r\n\r\n\r\n\r\n<LINK href=\"css/css.css\" type=text/css rel=stylesheet>\r\n<LINK href=\"css/cssDesigner.css\" type=text/css rel=stylesheet>\r\n\r\n\r\n";
echo "<S";
echo "CRIPT language=JavaScript src=\"js/cssDesigner.js\" type=text/javascript></SCRIPT>\r\n\r\n\r\n</HEAD>\r\n<BODY bgColor=#ffffff>\r\n<TABLE class=Tabwidth cellSpacing=0 cellPadding=0 align=center border=0>\r\n <TBODY>\r\n <TR>\r\n <TD class=leftW vAlign=top>\r\n <TABLE class=QrCSSDesignerPad cellSpacing=1 cellPadding=1 border=0>\r\n <TBODY>\r\n <TR>\r\n <TD width=20></TD>\r\n <TD class=QrCSSDesigne";
echo "rPadLeft>字体颜色：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript>\r\n<!--//\r\nvar cp = new QrColorPicker(\"#000000\");\r\ncp.render();\r\nconnectCSS(cp,\"color\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>背景颜色：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar cp = new QrColorPicker(\"transparent\");\r\ncp.render();\r\nconnectCSS(cp,\"background-color\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD align=middle colSpan=3>\r\n <HR width=\"100%\" color=#a5bac6 SIZE=1>\r\n </TD></TR>\r\n <TR>\r\n <TD><IMG id=border-width#switch \r\n onclick=\"collapseSwitch('border-";
echo "width');\" \r\n src=\"images/arrowclose.gif\"></TD>\r\n <TD class=QrCSSDesignerPadLeft>边框宽度：</TD>\r\n <TD>";
echo "<S";
echo "PAN id=border-width>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\nvar override = new Array;\r\noverride[\"border-top-width\"] = \"\";\r\noverride[\"border-left-width\"] = \"\";\r\noverride[\"border-right-width\"] = \"\";\r\noverride[\"border-bottom-width\"] = \"\";\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent();\r\nconnectCSS2(pl,tan,\"border-width\",override);\r\n--></SCRIPT>\r\n </SPAN></TD></TR>\r\n <TR id=border-top-width style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>上边宽度：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent();\r\nconnectCSS2(pl,tan,\"border-top-width\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR id=border-left-width style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>左边宽度：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent();\r\nconnectCSS2(pl,tan,\"border-left-width\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR id=border-right-width style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>右边宽度：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent();\r\nconnectCSS2(pl,tan,\"border-right-width\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR id=border-bottom-width style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>底边宽度：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent();\r\nconnectCSS2(pl,tan,\"border-bottom-width\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD><IMG id=border-color#switch \r\n onclick=\"collapseSwitch('border-color');\" \r\n src=\"images/arrowclose.gif\"></TD>\r\n <TD class=QrCSSDesignerPadLeft>边框颜色：</TD>\r\n <TD>";
echo "<S";
echo "PAN id=border-color>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar cp = new QrColorPicker(\"transparent\");\r\ncp.render();\r\nvar override = new Array;\r\noverride[\"border-top-color\"] = \"\";\r\noverride[\"border-left-color\"] = \"\";\r\noverride[\"border-right-color\"] = \"\";\r\noverride[\"border-bottom-color\"] = \"\";\r\nconnectCSS(cp,\"border-color\",override);\r\n--></SCRIPT>\r\n </SPAN></TD></TR>\r\n <TR id=border-to";
echo "p-color style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>上边颜色：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar cp = new QrColorPicker(\"transparent\");\r\ncp.render();\r\nconnectCSS(cp,\"border-top-color\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR id=border-left-color style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>左边颜色：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar cp = new QrColorPicker(\"transparent\");\r\ncp.render();\r\nconnectCSS(cp,\"border-left-color\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR id=border-right-color style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>右边颜色：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar cp = new QrColorPicker(\"transparent\");\r\ncp.render();\r\nconnectCSS(cp,\"border-right-color\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR id=border-bottom-color style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>底边颜色：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar cp = new QrColorPicker(\"transparent\");\r\ncp.render();\r\nconnectCSS(cp,\"border-bottom-color\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD><IMG id=border-style#switch \r\n onclick=\"collapseSwitch('border-style');\" \r\n src=\"images/arrowclose.gif\"></TD>\r\n <TD class=QrCSSDesignerPadLeft>边框样式：</TD>\r\n ";
echo " <TD>";
echo "<S";
echo "PAN id=border-style>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\n\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addStyle(style){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:10px;height:10px;border-width:3px;border-style:\"+style+\";border-color:red' align='middle'/> \"+style,style);\r\n}\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;border-width:3px;bor";
echo "der-style:none;border-color:red;' align='middle'/> none\",\"none\");\r\naddStyle(\"solid\");\r\naddStyle(\"double\");\r\naddStyle(\"groove\");\r\naddStyle(\"ridge\");\r\naddStyle(\"inset\");\r\naddStyle(\"outset\");\r\naddStyle(\"dashed\");\r\naddStyle(\"dotted\");\r\nvar override = new Array;\r\noverride[\"border-top-style\"] = \"\";\r\noverride[\"border-left-style\"] = \"\";\r\noverride[\"border-right-style\"] = \"\";\r\noverride[\"border-bottom-";
echo "style\"] = \"\";\r\nconnectCSS(pl,\"border-style\", override);\r\n\r\n\r\n--></SCRIPT>\r\n </SPAN></TD></TR>\r\n <TR id=border-top-style style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>上边样式：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\n\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addStyle(style){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:10px;height:10px;border-width:3px;border-style:\"+style+\";border-color:red' align='middle'/> \"+style,style);\r\n}\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;border-width:3px;bor";
echo "der-style:none;border-color:red;' align='middle'/> none\",\"none\");\r\naddStyle(\"solid\");\r\naddStyle(\"double\");\r\naddStyle(\"groove\");\r\naddStyle(\"ridge\");\r\naddStyle(\"inset\");\r\naddStyle(\"outset\");\r\naddStyle(\"dashed\");\r\naddStyle(\"dotted\");\r\nconnectCSS(pl,\"border-top-style\");\r\n\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR id=border-left-style style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=QrC";
echo "SSDesignerPadLeft>左边样式：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\n\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addStyle(style){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:10px;height:10px;border-width:3px;border-style:\"+style+\";border-color:red' align='middle'/> \"+style,style);\r\n}\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;border-width:3px;bor";
echo "der-style:none;border-color:red;' align='middle'/> none\",\"none\");\r\naddStyle(\"solid\");\r\naddStyle(\"double\");\r\naddStyle(\"groove\");\r\naddStyle(\"ridge\");\r\naddStyle(\"inset\");\r\naddStyle(\"outset\");\r\naddStyle(\"dashed\");\r\naddStyle(\"dotted\");\r\nconnectCSS(pl,\"border-left-style\");\r\n\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR id=border-right-style style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class=Q";
echo "rCSSDesignerPadLeft>右边样式：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\n\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addStyle(style){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:10px;height:10px;border-width:3px;border-style:\"+style+\";border-color:red' align='middle'/> \"+style,style);\r\n}\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;border-width:3px;bor";
echo "der-style:none;border-color:red;' align='middle'/> none\",\"none\");\r\naddStyle(\"solid\");\r\naddStyle(\"double\");\r\naddStyle(\"groove\");\r\naddStyle(\"ridge\");\r\naddStyle(\"inset\");\r\naddStyle(\"outset\");\r\naddStyle(\"dashed\");\r\naddStyle(\"dotted\");\r\nconnectCSS(pl,\"border-right-style\");\r\n\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR id=border-bottom-style style=\"DISPLAY: none\">\r\n <TD></TD>\r\n <TD class";
echo "=QrCSSDesignerPadLeft>底边样式：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\n\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addStyle(style){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:10px;height:10px;border-width:3px;border-style:\"+style+\";border-color:red' align='middle'/> \"+style,style);\r\n}\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;border-width:3px;bor";
echo "der-style:none;border-color:red;' align='middle'/> none\",\"none\");\r\naddStyle(\"solid\");\r\naddStyle(\"double\");\r\naddStyle(\"groove\");\r\naddStyle(\"ridge\");\r\naddStyle(\"inset\");\r\naddStyle(\"outset\");\r\naddStyle(\"dashed\");\r\naddStyle(\"dotted\");\r\nconnectCSS(pl,\"border-bottom-style\");\r\n\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD align=middle colSpan=3>\r\n <HR width=\"100%\" color=#a5bac6 S";
echo "IZE=1>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>整体宽度：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent();\r\nconnectCSS2(pl,tan,\"width\");\r\n\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>整体高度：</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -