API tools faq
paste
Advertisement
gasters

MS Paint Profile [Toyhou.se]

gasters
Oct 24th, 2022 (edited)
3,245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.04 KB | None | 0 0
raw download clone embed print report
  1. <!-- BACKGROUND IMAGE START -->
  2. <div class="card rounded-0 border-0" style=
  3.    'position:absolute;
  4.    top:0;
  5.    bottom:0;
  6.    left:0;
  7.    width:100%;
  8.    z-index:-1;
  9.    background-color:#008282;
  10.    background-image:url("IMAGEURL");
  11.    background-attachment:fixed;
  12.    background-position:center;
  13.    background-repeat:repeat;'>
  14. </div>
  15. <!-- BACKGROUND IMAGE END -->
  16.  
  17.  
  18.  
  19. <!-- TOP DIVIDER -->
  20.    <div align="center">
  21.        <div style=
  22.       "background-image:linear-gradient(to right, #000080, #1084D0); <!-- NAVY BLUE to LIGHT BLUE -->
  23.        height:10px;
  24.        width:600px;
  25.        margin-top:30px;
  26.        padding: 2px 3px 1px 3px;
  27.        border-left:3px ridge #BDBDBD;
  28.        border-right:3px ridge #BDBDBD;
  29.        border-top:3px ridge #BDBDBD;
  30.        text-align:left;
  31.        background-size:cover;">
  32.            
  33.            <!-- TOPDIV ICON -->
  34.            <img align="left" src="https://f2.toyhou.se/file/f2-toyhou-se/images/56454025_bVbFTeumrrOrEZx.png" style="margin: 0px 8px 0px 0px">
  35.            <!-- TOPDIV ICON END -->
  36.            <!-- BANNER TEXT -->
  37.            <div style="font-family:'ms gothic';color:#fff;vertical-align: top;font-size:12px;">
  38.                <b>untitled - Paint</b>
  39.                
  40.                <img align="right" src="https://f2.toyhou.se/file/f2-toyhou-se/images/56454034_9GPgSp6hCVycNLS.png" style="margin-top:1px;">
  41.            </div>
  42.            <!-- BANNER TEXT END -->
  43.            
  44.        </div>
  45.    </div>
  46. <!-- TOP DIVIDER END -->
  47.  
  48.  
  49.  
  50. <!-- OPTIONS BAR START -->
  51. <div style=
  52. "background-color: #D1D5DB;
  53. height:23px;
  54. width:600px;
  55. margin:auto;
  56. padding:0px;
  57. border-left:3px ridge #BDBDBD;
  58. border-right:3px ridge #BDBDBD;">
  59.    
  60.     <!-- OPTIONS TEXT START -->
  61.     <div style="font-family:'ms gothic'; color:#000;font-size:12px;text-align:left;padding:2px 0px 0px 5px;font-size:12px;">
  62.        
  63.         <u>F</u>ile ⠀<u>E</u>dit⠀ <u>V</u>iew ⠀<u>I</u>mage ⠀<u>O</u>ptions⠀ <u>H</u>elp
  64.        
  65.     </div>
  66.     <!-- OPTIONS TEXT END -->
  67.    
  68. </div>
  69. <!-- OPTIONS BAR END -->
  70.  
  71.  
  72.  
  73. <!-- MAIN START -->
  74. <div class="row" style=
  75. "background-color:#D1D5DB;
  76. width:600px;
  77. height:300px;
  78. margin:auto;
  79. border-left:3px ridge #BDBDBD;
  80. border-right:3px ridge #BDBDBD;">
  81.    
  82.     <!-- TOOLBAR START -->
  83.     <div class="column" style=
  84.    "width:58px;
  85.    border-right:2px ridge #7B7B7B;
  86.    border-top:2px ridge #fff;
  87.    border-bottom:2px ridge #fff;
  88.    text-align:center;">
  89.        
  90.         <!-- TOOLBAR BUTTONS START -->
  91.        
  92.         <!--code for copying links:
  93.        
  94.        <a href="LINKHERE">
  95.            <img src="IMAGE" style="width:25px;margin:0px -2px 0px -2px;">
  96.        </a>
  97.        
  98.        if you don't want links, you can replace the following with the toolbar image found in the image resources tab!
  99.        
  100.        -->
  101.        
  102.         <a href="LINKHERE">
  103.             <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/56453461_DaEywmtzwP0OKaN.png?1666655607" style="width:25px;margin:0px -2px 0px -2px;">
  104.         </a>
  105.         <a href="LINKHERE">
  106.             <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/56453461_DaEywmtzwP0OKaN.png?1666655607" style="width:25px;margin:0px -2px 0px -2px;">
  107.         </a>
  108.         <a href="LINKHERE">
  109.             <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/56453461_DaEywmtzwP0OKaN.png?1666655607" style="width:25px;margin:0px -2px 0px -2px;">
  110.         </a>
  111.         <a href="LINKHERE">
  112.             <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/56453461_DaEywmtzwP0OKaN.png?1666655607" style="width:25px;margin:0px -2px 0px -2px;">
  113.         </a>
  114.         <a href="LINKHERE">
  115.             <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/56453461_DaEywmtzwP0OKaN.png?1666655607" style="width:25px;margin:0px -2px 0px -2px;">
  116.             </a>
  117.         <a href="LINKHERE">
  118.             <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/56453461_DaEywmtzwP0OKaN.png?1666655607" style="width:25px;margin:0px -2px 0px -2px;">
  119.         </a>
  120.        
  121.         <!-- TOOLBAR BUTTONS END -->
  122.        
  123.         <!-- TOOL INLET DETAIL -->
  124.         <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/56454124_puZRH7rZrp9ueu9.png" style="padding-top:4px;">
  125.         <!-- TOOL INLET DETAIL END -->
  126.     </div>
  127.     <!-- TOOLBAR END -->
  128.    
  129.    
  130.     <!-- CONTENT START -->
  131.     <div class="column" style=
  132.    "background-color:#fff;
  133.    width:530px;
  134.    height:300px;
  135.    border-top: 2px ridge #7B7B7B;
  136.    border-right: 2px ridge #7B7B7B;
  137.    border-bottom: 2px ridge #7B7B7B;
  138.    padding:4px 10px 4px 10px;">
  139.        
  140.         <div class="row">
  141.            
  142.             <!-- LEFT CONTENT START -->
  143.             <div class="column" style=
  144.            "width:200px;
  145.            height:300px;
  146.            margin-left:5px;
  147.            margin-top:-4px;">
  148.                
  149.                 <!-- PROFILE PICTURE START-->
  150.                 <img src="PROFILEPICTURE" style="width:200px;">
  151.                 <!-- PROFILE PICTURE END -->
  152.                
  153.                 <!-- NAME START -->
  154.                 <div style="text-align:center;font-family:'press start 2p';font-size:18px;margin-top:5px;color:#000;"><i>NAME</i></div>
  155.                 <!-- NAME END -->
  156.                
  157.                 <!-- SMALL INFO START -->
  158.                 <div style="text-align:center;font-family:'ms gothic';font-weight:bold;margin-top:2px;color:#777;">pro/nouns | age | gender</div>
  159.                 <!-- SMALL INFO END -->
  160.                
  161.                 <!-- BONUS START -->
  162.                 <!-- feel free to change the image! -->
  163.                 <div style="text-align:center;margin-top:5px;">
  164.                     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/51783566_BuOKeom3lPpCLTr.gif">
  165.                 </div>
  166.                 <!-- BONUS END -->
  167.                
  168.             </div>
  169.             <!-- LEFT CONTENT END -->
  170.            
  171.            
  172.             <!-- RIGHT CONTENT START -->
  173.            
  174.                 <!--
  175.                This box will scroll if the contents are too much. To change
  176.                this, change "overflow-y:auto" to "overflow-y:hidden"!
  177.                -->
  178.            
  179.             <div class="column" style=
  180.            "width:328px;
  181.            height:296px;
  182.            margin-top:-4px;
  183.            padding:5px;
  184.            overflow-y:auto;
  185.            color:#000;">
  186.                
  187.                
  188.                 <!-- RIGHT CONTENT TEXT START -->
  189.                 Content here! Feel free to do whatever :)
  190.                 <!-- RIGHT CONTENT TEXT END -->
  191.                
  192.             </div>
  193.             <!-- RIGHT CONTENT END -->
  194.         </div>
  195.        
  196.     </div>
  197.     <!-- CONTENT END -->
  198. </div>
  199. <!-- MAIN END -->
  200.  
  201.  
  202.  
  203. <!-- BOTTOM BAR START -->
  204.  
  205. <div style=
  206. "background-color:#D1D5DB;
  207. width:600px;
  208. height:80px;
  209. margin:auto;
  210. border-left:3px ridge #BDBDBD;
  211. border-right:3px ridge #BDBDBD;
  212. border-bottom:3px ridge #BDBDBD;">
  213.    
  214.     <!-- COLOR PICKER IMAGE -->
  215.     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/56453946_qvwWI6MkJoszh7I.png" style="padding-top:10px;padding-left:4px;">
  216.     <!-- COLOR PICKER IMAGE END -->
  217.     <!-- HELP TOPICS IMAGE -->
  218.     <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/72461579_ejM9g9MWhvwvGtz.png" style="padding-top:7px;">
  219.     <!-- HELP TOPICS IMAGE END-->
  220. </div>
  221.  
  222. <!-- BOTTOM BAR END -->
  223.  
  224. <!-- CREDIT - DO NOT TAMPER OR REMOVE -->
  225. <div style="width:600px;margin:auto;text-align:right;">
  226.     <a href="https://toyhou.se/kyomaku">
  227.         <i class="fa-regular fa-code" style="color:DarkSlateGray;font-size:10px;"></i>
  228.     </a>
  229. </div>
  230. <!-- CREDIT END - DO NOT TAMPER OR REMOVE -->
  231.  
  232. <br/>
  233.  
  234.  
  235.  
  236.  
  237.  
  238. <!-- OPTIONAL STAMP BOX START -->
  239.  
  240. <!-- code for copying stamps:
  241.  
  242.    <img src="STAMP" style="margin-bottom:3px;">
  243.  
  244.    NOTE: this box will scroll when there is more than 10 stamps!
  245.  
  246. -->
  247.  
  248.  
  249. <div style=
  250. "width:600px;
  251. min-height:66px;
  252. max-height:125px;
  253. padding:5px;
  254. text-align:center;
  255. margin:auto;
  256. overflow-y:auto;">
  257.    
  258.     <img src="STAMP" style="margin-bottom:3px;">
  259.    
  260. </div>
  261.  
  262. <!-- OPTIONAL STAMP BOX END -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!