Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---------- AOL
- code addition by cherubix---------->
- <div class="col-lg-6 p-2">
- <!----- HEADER ----->
- <div class="col-lg-12 p-2" style="position:relative;border:2px solid #1a4e99;border-radius:5px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%);">
- <img src="https://cdn.discordapp.com/emojis/858838648564482098.png?v=1" style="width:20px;height:20px;" alt="paint.png">
- <span style="font-family:tahoma;font-weight:600;margin-left:5px;color:#fff;text-shadow: 2px 2px #001691">Username - Instant Message</span>
- <span class="pull-right" style="position:absolute;top:7px;right:65px;">
- <i class="fas fa-minus p-1 justify-content-center" style="background:linear-gradient(135deg,rgba(163,193,253,1) 5%,rgba(36,111,245,1),rgba(22,83,199,1));border:1px solid #fff;color:#ffffff;border-radius:5px;width:25px;height:25px;"></i>
- </span>
- <span class="pull-right" style="position:absolute;top:7px;right:35px;">
- <i class="far fa-window-maximize p-1 justify-content-center" style="background:linear-gradient(135deg,rgba(163,193,253,1) 5%,rgba(36,111,245,1),rgba(22,83,199,1));border:1px solid #fff;color:#ffffff;border-radius:5px;width:25px;height:25px;"></i>
- </span>
- <span class="pull-right" style="position:absolute;top:7px;right:5px;">
- <a href="/cherubix" class="tooltipster" title="code by cherubix">
- <i class="fas fa-times p-1 justify-content-center" style="background:linear-gradient(135deg,rgba(247,169,148,1) 5%,rgba(231,74,33,1),rgba(206,41,0,1));border:1px solid #fff;color:#ffffff;border-radius:5px;width:25px;height:25px;"></i>
- </a>
- </span>
- </div>
- <!----- END HEADER ----->
- <div style="position:relative;border-radius:0;color:#000;border:2px solid #1a4e99;border-top:0px;overflow-x:hidden;height:360px">
- <!----- HEADER 2 ----->
- <div class="card" style="font-family:tahoma;background:#f2eade;border-radius:0;border-bottom: 1px solid #cec9c0;height:25px;">
- <div class="pull-left">
- <ul class="nav row pl-4">
- <li class="nav-item pr-2"><u>F</u>ile</li>
- <li class="nav-item pr-2"><u>E</u>dit</li>
- <li class="nav-item pr-2"><u>I</u>nsert</li>
- <li class="nav-item pr-2"><u>P</u>eople</li>
- </ul>
- </div>
- </div>
- <!----- END HEADER 2 ----->
- <!----- MESSAGES
- make sure to keep track of your messages and who they belong to! ----->
- <div class="p-1 justify-content-center" style="position:relative;border-radius:0;color:#000;font-family: times new roman;background-color:#f2eade">
- <div class="p-1 bg-white w-100" style="overflow:auto;height:170px;box-shadow: inset 2px 2px 10px rgb(0,0,0,0.5);">
- <!-- signed in message -->
- <b style="color:#0049FB">Username2 has signed in.</b>
- <br>
- <!-- chara 1 -->
- <b style="color:#E53E32">Username1:</b> this is a message from the reciever
- <br>
- <!-- chara 2 -->
- <b style="color:#0049FB">Username2:</b> this a message from the sender
- <br>
- <!-- chara 2 -->
- <b style="color:#E53E32">Username1:</b> <span style="color:#1220FF">you can change text color!</span>
- <br>
- <!-- chara 2 -->
- <span style="background-color:#000">
- <b style="color:#0049FB">Username2:</b> <span style="color:#fff">or change the background!</span>
- </span>
- <br>
- <!-- away message -->
- <b style="color:#0049FB">Username2 is away.</b>
- <br>
- <!-- add more above this line -->
- </div>
- </div>
- <!----- END MESSAGES ----->
- <!----- text editor ----->
- <div class="p-1 justify-content-center" style="position:relative;border-radius:0;color:#000;font-family: lucida console, monospace;background-color:#f2eade;font-size:12px">
- <div class="card col-3 px-2" style="font-family:times new roman;background:#f2eade;border: 1px solid #cec9c0;border-top-right-radius:0px;border-top-left-radius:5px;border-bottom-right-radius:0px;border-bottom-left-radius:5px;">
- <div align="right">
- <span style="color:#0049FB" class="font-weight-bold">A</span>
-
- <span style="background-color:#0049FB;color:#fff" class="font-weight-bold"> A </span>
- </div>
- </div>
- <div class="card col-3 font-weight-bold" style="font-family:times new roman;background:#f2eade;border: 1px solid #cec9c0;border-radius:0px">
- <div align="center">
- <span style="font-size:8px">A</span>
-
- <span style="font-size:10px">A</span>
-
- <span style="font-size:12px">A</span>
- </div>
- </div>
- <div class="card col-3" style="font-family:times new roman;background:#f2eade;border: 1px solid #cec9c0;border-radius:0px">
- <div align="center">
- <span><b>B</b></span>
-
- <span><i>I</i></span>
-
- <span><u>U</u></span>
- </div>
- </div>
- <div class="card col-3 px-2" style="font-family:courier;background:#f2eade;border: 1px solid #cec9c0;border-top-right-radius:5px;border-top-left-radius:0px;border-bottom-right-radius:5px;border-bottom-left-radius:0px;">
- <div align="left">
- <span style="color:#0049FB" class="font-weight-bold"><u>link</u></span>
- <img src="https://cdn.discordapp.com/emojis/858914119050592256.png?v=1" style="height:15px">
- <img src="https://cdn.discordapp.com/emojis/858838648404836392.png?v=1" style="height:15px">
- <img src="https://cdn.discordapp.com/emojis/858838648358305862.png?v=1" style="height:15px">
- </div>
- </div>
- </div>
- <!----- message box ----->
- <div class="p-1 justify-content-center" style="position:relative;border-radius:0;color:#000;font-family: times new roman;background-color:#f2eade;">
- <div class="p-1 bg-white w-100" style="overflow:auto;height:60px;box-shadow: inset 2px 2px 10px rgb(0,0,0,0.5);">
- you can add text here if you want
- <!-- blinking cursor icon --> <img src="https://lh3.googleusercontent.com/proxy/4LHqpvrdKJ2zyiHEXi9Xnmj17qVAaB79JcFwHrGu09Xu3doDMM7bVUeEGonxqwSSd0f1fc5ZX9ebmQ5szGBQjfdCDKH0quFIKYKCgORvj5WX7a9jyNpb7kds7flB7P9uXQhh9Zv0tp5fLN39r1X7tyY" style="height:13px">
- </div>
- </div>
- <!----- bottom icons ----->
- <div class="p-1 justify-content-center" style="position:relative;border-radius:0;color:#000;font-family: lucida console, monospace;background-color:#f2eade;font-size:12px;height:59px">
- <div class="card col-4 p-1" style="font-family:times new roman;background:#f2eade;border: 1px solid #cec9c0;border-top-right-radius:0px;border-top-left-radius:5px;border-bottom-right-radius:0px;border-bottom-left-radius:5px;">
- <div align="center">
- <div class="row no-gutters">
- <div class="col-4">
- <!-- buddy icon -->
- <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSZAVgdC3lE9o10dy1Zz8v1uMIaYV4NqDafpG8PexQy1nEm9bcmy7xELlFMw-J2UJ1UXyx8y7GP&usqp=CAU" style="height:42px">
- </div>
- <div class="col-4">
- <img src="https://cdn.discordapp.com/emojis/858838647876223028.png?v=1" style="height:25px">
- <br>
- <u>W</u>arn
- </div>
- <div class="col-4">
- <img src="https://cdn.discordapp.com/emojis/858838648363024415.png?v=1" style="height:25px">
- <br>
- Bloc<u>k</u>
- </div>
- </div>
- </div>
- </div>
- <div class="card col-6 p-1" style="font-family:times new roman;background:#f2eade;border: 1px solid #cec9c0;border-radius:0px">
- <div align="center">
- <div class="row no-gutters">
- <div class="col-4">
- <img src="https://cdn.discordapp.com/emojis/858914118672449567.png?v=1" style="height:25px">
- <br>
- Add <u>B</u>uddy
- </div>
- <div class="col-4">
- <img src="https://cdn.discordapp.com/emojis/858838621770612766.png?v=1" style="height:25px">
- <br>
- <u>T</u>alk
- </div>
- <div class="col-4">
- <img src="https://cdn.discordapp.com/emojis/858914119222296606.png?v=1" style="height:25px">
- <br>
- Get Inf<U>o</U>
- </div>
- </div>
- </div>
- </div>
- <div class="card col-2 p-1" style="font-family:times new roman;background:#f2eade;border: 1px solid #cec9c0;border-top-right-radius:5px;border-top-left-radius:0px;border-bottom-right-radius:5px;border-bottom-left-radius:0px;">
- <div align="center">
- <div class="row no-gutters">
- <div class="col-12">
- <img src="https://cdn.discordapp.com/emojis/858838608844816384.png?v=1" style="height:25px">
- <br>
- <span class="font-weight-bold" style="color:#959391;letter-spacing:2px"><u>S</u>end</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!---------- END AOL ---------->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement