urlscan.io logo urlscan.io
SecurityTrails logo

www.cssbuttoncode.com Open in urlscan Pro
108.160.158.68  Public Scan

Back to summary
URL: http://www.cssbuttoncode.com/image-border.php
Submission: On September 11 via manual from US — Scanned from AU

Form analysis 1 forms found in the DOM

Name: test — POST editor.php

<form id="test" name="test" method="post" action="editor.php" onsubmit="return false;">
  <table width="100%">
    <tbody>
      <tr>
        <td> Class name </td>
        <td>
          <input type="text" id="classname" name="classname" value="frame" onkeyup="setToRed();">
        </td>
        <td> Image-border </td>
        <td>
          <select id="image1" onchange="setToRed();">
            <option value="http://www.cssbuttoncode.com/frame/border.png">1</option>
            <option value="http://www.cssbuttoncode.com/frame/wallpapers.jpg">2</option>
            <option value="http://www.cssbuttoncode.com/frame/static.jpg">3</option>
            <option value="http://www.wpclipart.com/page_frames/holiday/Christmas/Christmas_trees_border_page.png">5</option>
            <option value="http://www.wpclipart.com/page_frames/spiral_border/blue_spirals_border.png">6</option>
            <option value="http://www.wpclipart.com/page_frames/splashy_water_border_page_blue.png">7</option>
          </select>
        </td>
      </tr>
      <tr>
        <td> Vertical Repeat </td>
        <td>
          <select id="vertical" onchange="setToRed();">
            <option value="repeat">repeat</option>
            <option value="stretch">Stretch</option>
            <option value="round">Round</option>
          </select>
        </td>
        <td> Horizontal Repeat </td>
        <td>
          <select id="horizontal" onchange="setToRed();"> &lt;<option value="repeat">repeat</option>
            <option value="stretch">Stretch</option>
            <option value="round">Round</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Top offset</td>
        <td>
          <select id="toffset" onchange="setToRed();">
            <option value="27">27</option>
            <option value="0">0</option>
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
            <option value="25">25</option>
            <option value="30">30</option>
            <option value="35">35</option>
            <option value="40">40</option>
            <option value="45">45</option>
            <option value="50">50</option>
            <option value="55">55</option>
            <option value="60">60</option>
          </select>
        </td>
        <td>Right Offset</td>
        <td>
          <select id="roffset" onchange="setToRed();">
            <option value="27">27</option>
            <option value="0">0</option>
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
            <option value="25">25</option>
            <option value="30">30</option>
            <option value="35">35</option>
            <option value="40">40</option>
            <option value="45">45</option>
            <option value="50">50</option>
            <option value="55">55</option>
            <option value="60">60</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Bottom offset</td>
        <td>
          <select id="boffset" onchange="setToRed();">
            <option value="27">27</option>
            <option value="0">0</option>
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
            <option value="25">25</option>
            <option value="30">30</option>
            <option value="35">35</option>
            <option value="40">40</option>
            <option value="45">45</option>
            <option value="50">50</option>
            <option value="55">55</option>
            <option value="60">60</option>
          </select>
        </td>
        <td>Left offset</td>
        <td>
          <select id="loffset" onchange="setToRed();">
            <option value="27">27</option>
            <option value="0">0</option>
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
            <option value="25">25</option>
            <option value="30">30</option>
            <option value="35">35</option>
            <option value="40">40</option>
            <option value="45">45</option>
            <option value="50">50</option>
            <option value="55">55</option>
            <option value="60">60</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Top Border</td>
        <td>
          <select id="tborder" onchange="setToRed();">
            <option value="27">27</option>
            <option value="0">0</option>
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
            <option value="25">25</option>
            <option value="30">30</option>
            <option value="35">35</option>
            <option value="40">40</option>
            <option value="45">45</option>
            <option value="50">50</option>
            <option value="55">55</option>
            <option value="60">60</option>
          </select>
        </td>
        <td>Right Border</td>
        <td>
          <select id="rborder" onchange="setToRed();">
            <option value="27">27</option>
            <option value="0">0</option>
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
            <option value="25">25</option>
            <option value="30">30</option>
            <option value="35">35</option>
            <option value="40">40</option>
            <option value="45">45</option>
            <option value="50">50</option>
            <option value="55">55</option>
            <option value="60">60</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Bottom Border</td>
        <td>
          <select id="bborder" onchange="setToRed();">
            <option value="27">27</option>
            <option value="0">0</option>
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
            <option value="25">25</option>
            <option value="30">30</option>
            <option value="35">35</option>
            <option value="40">40</option>
            <option value="45">45</option>
            <option value="50">50</option>
            <option value="55">55</option>
            <option value="60">60</option>
          </select>
        </td>
        <td>Left Border</td>
        <td>
          <select id="lborder" onchange="setToRed();">
            <option value="27">27</option>
            <option value="0">0</option>
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
            <option value="25">25</option>
            <option value="30">30</option>
            <option value="35">35</option>
            <option value="40">40</option>
            <option value="45">45</option>
            <option value="50">50</option>
            <option value="55">55</option>
            <option value="60">60</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Font color</td>
        <td>
          <input class="color" id="c3color" size="10" value="446E2C" onchange="setToRed();">
        </td>
        <td>Background color</td>
        <td>
          <input class="color" id="images" size="10" value="FFFFFF" onchange="setToRed();">
        </td>
      </tr>
    </tbody>
  </table>
  <p>
  </p>
  <p>
  </p>
  <textarea name="name" style="background-color:#363033; color:#ffffff;" id="name" wrap="physical" cols="100" rows="22" onkeyup="setToRed();" onchange="setToBlack();" onkeydown="setToBlack();">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
&lt;style type="text/css"&gt;



/* This imageless css button was generated by cssbuttoncode.com */
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;p&gt;
&lt;a href="#" class="button"&gt;Share Button&lt;/a&gt;
&lt;/p&gt;


&lt;p&gt;
&lt;button type="button" name="" value="" class="css3button"&gt;submit&lt;/button&gt;
&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;

</textarea>
</form>

Text Content

CSS BORDER IMAGE GENERATOR ONLINE



Skip to content
 * Css Button
 * Image Border
 * Background
 * rounded corners
 * box shadow
 * Text shadow
 * gradient
 * Editor
 * Table
 * Link


BORDER-IMAGE GENERATOR





1 2 3 4 5 6














Class name Image-border 1 2 3 5 6 7 Vertical Repeat repeat Stretch Round
Horizontal Repeat <repeat Stretch Round Top offset 27 0 5 10 15 20 25 30 35 40
45 50 55 60 Right Offset 27 0 5 10 15 20 25 30 35 40 45 50 55 60 Bottom offset
27 0 5 10 15 20 25 30 35 40 45 50 55 60 Left offset 27 0 5 10 15 20 25 30 35 40
45 50 55 60 Top Border 27 0 5 10 15 20 25 30 35 40 45 50 55 60 Right Border 27 0
5 10 15 20 25 30 35 40 45 50 55 60 Bottom Border 27 0 5 10 15 20 25 30 35 40 45
50 55 60 Left Border 27 0 5 10 15 20 25 30 35 40 45 50 55 60 Font color
Background color





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" /> <style type="text/css"> /* This
imageless css button was generated by cssbuttoncode.com */ </style> </head>
<body> <p> <a href="#" class="button">Share Button</a> </p> <p> <button
type="button" name="" value="" class="css3button">submit</button> </p> </body>
</html>















Css Border-image generator

This is a powerful javascript css border-image generator and creator that is
compatible with firefox, internet explorer 7, ie8 to versions to ie 9,
opera,netscape etc.

Stylesheet Explained











If you need a css button, check for our css button generator



A style sheet consists of a list of rules. Each rule or rule-set consists of one
or more selectors, and a declaration block. A declaration-block consists of a
list of declarations in braces. Each declaration itself consists of a property,
a colon (:), and a value. If there are multiple declarations in a block, a semi
colon (;) must be inserted to separate different declaration in a block. In CSS,
selectors are used to declare which part of the markup that a style is applied
to. Selectors may apply to all elements of a specific types and elements
specified by attribute or nested within others in the document tree.




 * 

 * 
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
 * * 

Site created By prince Ejike Google+ Rgb

© 2013 css button code