CRSL THREAD TEMPLATE
How do I make an crsl thread template?
What is a crsl thread template? How do you make a crsl thread template? This script and codes were developed by Doe on 20 December 2022, Tuesday.
CRSL THREAD TEMPLATE - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CRSL THREAD TEMPLATE</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class='CHARNAME imothread'><div class='overflow'><img src='https://cdn.nickpic.host/images/IfeQ4W.gif' /><h2> this razor's cutting sharp and leaves me with an ever-bleeding scar. so soft, so suddenly, so that i cannot breathe, i'm drawn into a circle painted black. oh, i'm hanging high. oh, won't you let me down back where i started at. you know i'm a little lost. when it hurts the most, i push a little more.</h2></div><h1><div class='ribbon'><span class='inner'> oh, thunder in my heart </span></div></h1><div class='in'>
content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. <b>content goes here yay.</b> content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. <P>content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. <b>content goes here yay.</b> content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. <P>content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. <b>content goes here yay.</b> content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay. content goes here yay.
</div></div>
</body>
</html>
CRSL THREAD TEMPLATE - Script Codes CSS Codes
BODY { background: #9f9f9f; display: flex; justify-content: center; align-items: center; align-content: center;
}
.imothread { width: 375px; background: #fafafa; padding: 30px; position: relative;
}
.imothread .overflow { width: 375px; overflow: hidden; position: relative;
}
.imothread img { width: 375px; border-bottom: 15px solid #fafafa;
}
.imothread .in { padding: 50px; text-align: justify; max-height: 400px; overflow: auto; font: 9px/150% montserrat; position: relative; background: #ffffff;
}
.imothread h1 { position: absolute; top: -4px; left: -7px; z-index: 100;
}
.imothread h1 .ribbon { font: 8px/8px montserrat; letter-spacing: 1px; text-transform: uppercase; width: 300px; position: relative; background: #cccccc; color: #ffffff; padding: 10px;
}
.imothread h1 .ribbon:before { content: ""; position: absolute; display: block; border-style: solid; border-color: #b0b0b0 transparent transparent transparent; bottom: -1em; left: 0; border-width: 1em 0 0 1em;
}
.imothread h2 { position: absolute; top: -100%; left: -100%; font: 7px/150% montserrat; text-transform: uppercase; letter-spacing: 1px; background: rgba(255, 255, 255, 0.75); padding: 15px; transition: 0.5s all ease-in-out; text-align: justify; width: 307px; opacity: 0;
}
.imothread:hover h2 { top: 9px; left: 19px; transition: 0.5s all ease-in-out; opacity: 1;
}
.imothread b { font-size: 10px;
}
.imothread tag { display: none;
}
.imothread p:last-child { margin-bottom: 0;
}
Developer | Doe |
Username | tomhvrdyy |
Uploaded | December 20, 2022 |
Rating | 3 |
Size | 2,239 Kb |
Views | 10,120 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
A Pen by Doe | 1,712 Kb |
LEGACY TRACKER | 2,994 Kb |
NOA MINI FORK | 2,886 Kb |
MULTISHIPPER 01 | 4,202 Kb |
CURSE CELL TEMPLATE | 1,971 Kb |
BI SPECIES RATIO | 4,442 Kb |
HEROIC APP | 3,566 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
CSS Letter animations | Sladix | 2,116 Kb |
A Pen by Taylor Vowell | Taylorvowell | 5,962 Kb |
BabyStore | Pablo-Ai | 3,807 Kb |
Two tables and header with jspdf-autotable | Someatoms | 2,245 Kb |
React JS Movie Info App | MTushar | 4,870 Kb |
Client-side Email Validation | Collizo4sky | 1,538 Kb |
Cool audio | Bigliam | 1,868 Kb |
Parallax.js | Zmeeey5 | 2,330 Kb |
Jochaho Skeleton | Dhanushbadge | 1,689 Kb |
Free css icon set v2 - one div | Ben_jammin | 0 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!