Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script>
- function adding(x) {
- var div = document.getElementById('textarea');
- div.innerHTML += "<img src='" + x + "'>";
- }
- </script>
- <style type="text/css">
- .arrow_box {
- bottom: 8vh;
- height:30vh;
- width:100vw;
- left:0%;
- overflow-y:scroll;
- overflow-x: hidden;
- position: absolute;
- background: white;
- border: 3px solid #dedede;
- }
- img{
- width: 20px;
- mix-blend-mode: multiply;
- background-image:none
- height: auto;
- }
- .textarea {
- overflow-y: scroll;
- border:none;
- font: medium -moz-fixed;
- font: -webkit-small-control;
- height: 6vh;
- overflow: auto;
- padding: 2px;
- resize: none;
- width: 80vw;
- }
- </style>
- <div class='preview'>
- <div class='arrow_box' id="sm">
- <img onclick='adding("smiles/100.webp");'
- src='smiles/100.webp'><img onclick='adding("smiles/1.webp");'
- src='smiles/1.webp'><img onclick='adding("smiles/101.webp");'
- src='smiles/101.webp'><img onclick='adding("smiles/102.webp");'
- src='smiles/102.webp'><img onclick='adding("smiles/103.webp");'
- src='smiles/103.webp'><img onclick='adding("smiles/104.webp");'
- src='smiles/104.webp'><img onclick='adding("smiles/105.webp");'
- src='smiles/105.webp'><img onclick='adding("smiles/106.webp");'
- src='smiles/106.webp'><img onclick='adding("smiles/107.webp");'
- src='smiles/107.webp'><img onclick='adding("smiles/108.webp");'
- src='smiles/108.webp'><img onclick='adding("smiles/109.webp");'
- src='smiles/109.webp'><img onclick='adding("smiles/11.webp");'
- src='smiles/11.webp'><img onclick='adding("smiles/110.webp");'
- src='smiles/110.webp'><img onclick='adding("smiles/111.webp");'
- src='smiles/111.webp'><img onclick='adding("smiles/112.webp");'
- src='smiles/112.webp'><img onclick='adding("smiles/113.webp");'
- src='smiles/113.webp'><img onclick='adding("smiles/114.webp");'
- src='smiles/114.webp'><img onclick='adding("smiles/115.webp");'
- src='smiles/115.webp'><img onclick='adding("smiles/116.webp");'
- src='smiles/116.webp'><img onclick='adding("smiles/117.webp");'
- src='smiles/117.webp'><img onclick='adding("smiles/118.webp");'
- src='smiles/118.webp'><img onclick='adding("smiles/119.webp");'
- src='smiles/119.webp'><img onclick='adding("smiles/12.webp");'
- src='smiles/12.webp'><img onclick='adding("smiles/120.webp");'
- src='smiles/120.webp'><img onclick='adding("smiles/121.webp");'
- src='smiles/121.webp'><img onclick='adding("smiles/122.webp");'
- src='smiles/122.webp'><img onclick='adding("smiles/123.webp");'
- src='smiles/123.webp'><img onclick='adding("smiles/124.webp");'
- src='smiles/124.webp'><img onclick='adding("smiles/125.webp");'
- src='smiles/125.webp'><img onclick='adding("smiles/126.webp");'
- src='smiles/126.webp'><img onclick='adding("smiles/127.webp");'
- src='smiles/127.webp'><img onclick='adding("smiles/128.webp");'
- src='smiles/128.webp'><img onclick='adding("smiles/129.webp");'
- src='smiles/129.webp'><img onclick='adding("smiles/13.webp");'
- src='smiles/13.webp'><img onclick='adding("smiles/130.webp");'
- src='smiles/130.webp'><img onclick='adding("smiles/131.webp");'
- src='smiles/131.webp'><img onclick='adding("smiles/132.webp");'
- src='smiles/132.webp'><img onclick='adding("smiles/133.webp");'
- src='smiles/133.webp'><img onclick='adding("smiles/134.webp");'
- src='smiles/134.webp'><img onclick='adding("smiles/135.webp");'
- src='smiles/135.webp'><img onclick='adding("smiles/136.webp");'
- src='smiles/136.webp'><img onclick='adding("smiles/137.webp");'
- src='smiles/137.webp'><img onclick='adding("smiles/138.webp");'
- src='smiles/138.webp'><img onclick='adding("smiles/139.webp");'
- src='smiles/139.webp'><img onclick='adding("smiles/14.webp");'
- src='smiles/14.webp'><img onclick='adding("smiles/140.webp");'
- src='smiles/140.webp'><img onclick='adding("smiles/141.webp");'
- src='smiles/141.webp'><img onclick='adding("smiles/142.webp");'
- src='smiles/142.webp'><img onclick='adding("smiles/143.webp");'
- src='smiles/143.webp'><img onclick='adding("smiles/144.webp");'
- src='smiles/144.webp'><img onclick='adding("smiles/145.webp");'
- src='smiles/145.webp'><img onclick='adding("smiles/146.webp");'
- src='smiles/146.webp'><img onclick='adding("smiles/147.webp");'
- src='smiles/147.webp'><img onclick='adding("smiles/148.webp");'
- src='smiles/148.webp'><img onclick='adding("smiles/149.webp");'
- src='smiles/149.webp'><img onclick='adding("smiles/15.webp");'
- src='smiles/15.webp'><img onclick='adding("smiles/150.webp");'
- src='smiles/150.webp'><img onclick='adding("smiles/151.webp");'
- src='smiles/151.webp'><img onclick='adding("smiles/152.webp");'
- src='smiles/152.webp'><img onclick='adding("smiles/153.webp");'
- src='smiles/153.webp'><img onclick='adding("smiles/154.webp");'
- src='smiles/154.webp'><img onclick='adding("smiles/155.webp");'
- src='smiles/155.webp'><img onclick='adding("smiles/156.webp");'
- src='smiles/156.webp'><img onclick='adding("smiles/16.webp");'
- src='smiles/16.webp'><img onclick='adding("smiles/17.webp");'
- src='smiles/17.webp'><img onclick='adding("smiles/18.webp");'
- src='smiles/18.webp'><img onclick='adding("smiles/19.webp");'
- src='smiles/19.webp'><img onclick='adding("smiles/2.webp");'
- src='smiles/2.webp'><img onclick='adding("smiles/20.webp");'
- src='smiles/20.webp'><img onclick='adding("smiles/21.webp");'
- src='smiles/21.webp'><img onclick='adding("smiles/22.webp");'
- src='smiles/22.webp'><img onclick='adding("smiles/23.webp");'
- src='smiles/23.webp'><img onclick='adding("smiles/24.webp");'
- src='smiles/24.webp'><img onclick='adding("smiles/25.webp");'
- src='smiles/25.webp'><img onclick='adding("smiles/26.webp");'
- src='smiles/26.webp'><img onclick='adding("smiles/27.webp");'
- src='smiles/27.webp'><img onclick='adding("smiles/28.webp");'
- src='smiles/28.webp'><img onclick='adding("smiles/29.webp");'
- src='smiles/29.webp'><img onclick='adding("smiles/3.webp");'
- src='smiles/3.webp'><img onclick='adding("smiles/30.webp");'
- src='smiles/30.webp'><img onclick='adding("smiles/31.webp");'
- src='smiles/31.webp'><img onclick='adding("smiles/32.webp");'
- src='smiles/32.webp'><img onclick='adding("smiles/33.webp");'
- src='smiles/33.webp'><img onclick='adding("smiles/34.webp");'
- src='smiles/34.webp'><img onclick='adding("smiles/35.webp");'
- src='smiles/35.webp'><img onclick='adding("smiles/36.webp");'
- src='smiles/36.webp'><img onclick='adding("smiles/37.webp");'
- src='smiles/37.webp'><img onclick='adding("smiles/38.webp");'
- src='smiles/38.webp'><img onclick='adding("smiles/39.webp");'
- src='smiles/39.webp'><img onclick='adding("smiles/4.webp");'
- src='smiles/4.webp'><img onclick='adding("smiles/40.webp");'
- src='smiles/40.webp'><img onclick='adding("smiles/41.webp");'
- src='smiles/41.webp'><img onclick='adding("smiles/42.webp");'
- src='smiles/42.webp'><img onclick='adding("smiles/43.webp");'
- src='smiles/43.webp'><img onclick='adding("smiles/44.webp");'
- src='smiles/44.webp'><img onclick='adding("smiles/45.webp");'
- src='smiles/45.webp'><img onclick='adding("smiles/46.webp");'
- src='smiles/46.webp'><img onclick='adding("smiles/47.webp");'
- src='smiles/47.webp'><img onclick='adding("smiles/48.webp");'
- src='smiles/48.webp'><img onclick='adding("smiles/49.webp");'
- src='smiles/49.webp'><img onclick='adding("smiles/5.webp");'
- src='smiles/5.webp'><img onclick='adding("smiles/50.webp");'
- src='smiles/50.webp'><img onclick='adding("smiles/51.webp");'
- src='smiles/51.webp'><img onclick='adding("smiles/52.webp");'
- src='smiles/52.webp'><img onclick='adding("smiles/53.webp");'
- src='smiles/53.webp'><img onclick='adding("smiles/54.webp");'
- src='smiles/54.webp'><img onclick='adding("smiles/55.webp");'
- src='smiles/55.webp'><img onclick='adding("smiles/56.webp");'
- src='smiles/56.webp'><img onclick='adding("smiles/57.webp");'
- src='smiles/57.webp'><img onclick='adding("smiles/58.webp");'
- src='smiles/58.webp'><img onclick='adding("smiles/59.webp");'
- src='smiles/59.webp'><img onclick='adding("smiles/6.webp");'
- src='smiles/6.webp'><img onclick='adding("smiles/60.webp");'
- src='smiles/60.webp'><img onclick='adding("smiles/61.webp");'
- src='smiles/61.webp'><img onclick='adding("smiles/62.webp");'
- src='smiles/62.webp'><img onclick='adding("smiles/63.webp");'
- src='smiles/63.webp'><img onclick='adding("smiles/64.webp");'
- src='smiles/64.webp'><img onclick='adding("smiles/65.webp");'
- src='smiles/65.webp'><img onclick='adding("smiles/66.webp");'
- src='smiles/66.webp'><img onclick='adding("smiles/67.webp");'
- src='smiles/67.webp'><img onclick='adding("smiles/68.webp");'
- src='smiles/68.webp'><img onclick='adding("smiles/69.webp");'
- src='smiles/69.webp'><img onclick='adding("smiles/7.webp");'
- src='smiles/7.webp'><img onclick='adding("smiles/70.webp");'
- src='smiles/70.webp'><img onclick='adding("smiles/71.webp");'
- src='smiles/71.webp'><img onclick='adding("smiles/72.webp");'
- src='smiles/72.webp'><img onclick='adding("smiles/73.webp");'
- src='smiles/73.webp'><img onclick='adding("smiles/74.webp");'
- src='smiles/74.webp'><img onclick='adding("smiles/75.webp");'
- src='smiles/75.webp'><img onclick='adding("smiles/76.webp");'
- src='smiles/76.webp'><img onclick='adding("smiles/77.webp");'
- src='smiles/77.webp'><img onclick='adding("smiles/78.webp");'
- src='smiles/78.webp'><img onclick='adding("smiles/79.webp");'
- src='smiles/79.webp'><img onclick='adding("smiles/8.webp");'
- src='smiles/8.webp'><img onclick='adding("smiles/80.webp");'
- src='smiles/80.webp'><img onclick='adding("smiles/81.webp");'
- src='smiles/81.webp'><img onclick='adding("smiles/82.webp");'
- src='smiles/82.webp'><img onclick='adding("smiles/83.webp");'
- src='smiles/83.webp'><img onclick='adding("smiles/84.webp");'
- src='smiles/84.webp'><img onclick='adding("smiles/85.webp");'
- src='smiles/85.webp'><img onclick='adding("smiles/86.webp");'
- src='smiles/86.webp'><img onclick='adding("smiles/87.webp");'
- src='smiles/87.webp'><img onclick='adding("smiles/88.webp");'
- src='smiles/88.webp'><img onclick='adding("smiles/89.webp");'
- src='smiles/89.webp'><img onclick='adding("smiles/9.webp");'
- src='smiles/9.webp'><img onclick='adding("smiles/90.webp");'
- src='smiles/90.webp'><img onclick='adding("smiles/91.webp");'
- src='smiles/91.webp'><img onclick='adding("smiles/92.webp");'
- src='smiles/92.webp'><img onclick='adding("smiles/93.webp");'
- src='smiles/93.webp'><img onclick='adding("smiles/94.webp");'
- src='smiles/94.webp'><img onclick='adding("smiles/95.webp");'
- src='smiles/95.webp'><img onclick='adding("smiles/96.webp");'
- src='smiles/96.webp'><img onclick='adding("smiles/97.webp");'
- src='smiles/97.webp'><img onclick='adding("smiles/98.webp");'
- src='smiles/98.webp'><img onclick='adding("smiles/99.webp");'
- src='smiles/99.webp'> <br/>
- </div>
- </div>
- <div style="border: 1.5px solid gray;background-color:white; width:80%;height:7vh;top:5px;border-radius: 25px;overflow-y: auto; " id="textarea" contenteditable>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
