Всё, что показалось забавным или полезным
Интересные скрипты на попробовать
Сообщений 1 страница 5 из 5
Поделиться22021-02-03 22:43:34
Типа Ютубчик. Вкладки кликабельны, комменты в комплекте:
[html]<link href="https://files.jcink.net/uploads/alesstest/youtubechannel.css" rel="stylesheet"><center><link href="https://fonts.googleapis.com/css?family=Oswald|Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"><div class="alsutube"><div style="height: 35px; border-bottom: 1px solid #d5d5d5;"><table cellspacing="0" cellpadding="0"><td><div style="width: 30px;"><div class="alsutubelin1"></div><div class="alsutubelin2"></div> <div class="alsutubelin3"></div> </div></td><td><div class="alsutubeutube"><a href="http://cttw.jcink.net/index.php?showuser=1439"><div style="display: inline; color: red; font-size: 24px;"><i class="fab fa-youtube"></i></div></a><div style="margin-top: -22px; margin-left: 28px;">Youtube</div></div></td><td><div class="alsutubesearbar">Search</div><div class="alsutubesearbr"><div style="height:1px;"></div><i class="fas fa-search"></i></div></td><td><div class="alsutubeseic"><i class="fas fa-video"></i> <i class="fas fa-th"></i> <i class="fas fa-comment"></i> <i class="fas fa-bell"></i> <i class="fas fa-user"></i></div></td></table>
</div>
<div style="width: 600px; height: 100px; background: url(https://via.placeholder.com/600x100); background-size: cover; background-position: center;">
</div><div style="width: 600px; height: 90px; background-color: #f9f9f9;"><table cellspacing="0" cellpadding="0"><td><div class="alsutubecavvie">
<img src="https://via.placeholder.com/60" style="width: 60px; border-radius: 50%;">
</div></td><td><div class="alsutubecname"><b>
youtube name</b><br>####### Subscribers
</div></td><td><div class="alsutubecsub"><b>
Subscribe</b> ##
</div></td></table></div><div class="alstubetabContainer"><div class="alstabs"><input type="radio" id="alstabs-1" name="alstabs-group-1" checked><label for="alstabs-1">HOME</label><div class="alstubetabContent"><table cellspacing="0" cellpadding="10"><td>
<div class="alsutubecvid" style="background: url(https://via.placeholder.com/320x190); background-size: cover; background-position: center;"></div>
</td><td><div style="width: 240px;"><div class="alsutubecpublish"><b>
youtube video title</b><div style="height:25px;"></div>
## views - Month Day, Year
<div style="height:15px;"></div><div class="alsutubeccap">
video caption, one line
<div style="height:27px;"></div><b>READ MORE</b></div></div></td></table></div></div><div class="alstabs"><input type="radio" id="alstabs-2" name="alstabs-group-1"><label for="alstabs-2">VIDEOS</label><div class="alstubetabContent"><div class="alsutubecnxt">All videos</div><div class="alsutubeccnxt"><b>Music</b> PLAY ALL</div><div class="alsutubevidslid">
<div style="height: 140px; width: 140px; overflow: hidden;">
<div class="alsutubecplay" style="background: url(https://via.placeholder.com/140x100); background-size: cover; background-position: center;"></div>
<div class="alsutubecntt"><b>
youtube vid name</b><div style="height: 1px; margin-top: -6px;"></div>
#### views</div>
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
<div style="height: 140px; width: 140px;">
</div>
<div style="height: 140px; width: 140px;">
</div>
</div></div> </div><div class="alstabs"><input type="radio" id="alstabs-3" name="alstabs-group-1"><label for="alstabs-3">PLAYLISTS</label><div class="alstubetabContent"><div class="alsutubecnxt">All playlists</div><div class="alsutubeccnxt"><b>Created playlists</b></div><div class="alsutubevidslid">
<div style="height: 140px; width: 140px; overflow: hidden;">
<div class="alsutubecplay" style="background: url(https://via.placeholder.com/140x100); background-size: cover; background-position: center;"><div class="alsutubecplayh">PLAY ALL</div></div>
<div class="alsutubecntt"><b>Playlist Name</b><div style="height: 1px; margin-top: -6px;"></div>VIEW PLAYLIST (# VIDEOS)</div>
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
</div></div></div><div class="alstabs"><input type="radio" id="alstabs-4" name="alstabs-group-1"><label for="alstabs-4">COMMUNITY</label><div class="alstubetabContent"><table cellspacing="0" cellpadding="10"><td><div style="height: 180px; width: 50px;">
<img src="https://via.placeholder.com/50" style="width: 50px; border-radius: 50%;"></div></td><td><div style="width: 350px; height: 180px; padding-top: 20px;"><div class="alsutubeccomm"><b>
youtubename
</b> 1 week ago <div style="height: 5px;"></div><c>
community post, one line MAX 2 without emojis
</c></div><div style="height: 120px; width: 350px; background-color: #f9f9f9;"><table cellspacing="0" cellpadding="10"><td>
<div style="height: 100px; width: 150px; background: url(https://via.placeholder.com/150x100); background-size: cover; background-position: center;"></div></td><td><div class="alsutubeccom">
<b>youtube video name</b>
<div style="height: 5px;"></div>
youtubename • ### views • 1 week ago
</div></td></table></div></div></td></table></div></div><div class="alstabs"><input type="radio" id="alstabs-5" name="alstabs-group-1"><label for="alstabs-5">CHANNELS</label><div class="alstubetabContent"><div style="height: 6px;"></div><div class="alsutubeccnxt"><b>Subscriptions</b></div><div class="alsutubevidslid" style="height: 164px;">
<div style="height: 160px; width: 140px; overflow: hidden;">
<div style="height: 80px; width: 80px; border-radius: 50%; background: url(https://via.placeholder.com/80x80); background-size: cover; background-position: center;"></div>
<div class="alsutubecntte"><b>YoutubeName</b><div style="height: 1px; margin-top: -6px;"></div>#### subscribers</div>
<div class="alsutubecntsub">SUBSCRIBE</div>
</div>
<div style="height: 160px; width: 140px; overflow: hidden;">
</div>
<div style="height: 160px; width: 140px; overflow: hidden;">
</div>
<div style="height: 160px; width: 140px; overflow: hidden;">
</div>
</div></div></div><div class="alstabs"><input type="radio" id="alstabs-6" name="alstabs-group-1"><label for="alstabs-6">ABOUT</label><div class="alstubetabContent"><div style="height: 20px;"></div><table cellspacing="0" cellpadding="10"><td><div style="height: 200px; width: 300px; color: #000;">
<div class="alsutubedesc">Description</div>
<div class="alsutubedescc">one line
<div class="alsutubebio">Biography</div>
<div class="alsutubebioo">bio here, not too long, doesn't scroll
</div></div></td><td> <div style="height: 200px; width: 150px;">
<div class="alsutubestats">Stats</div>
<div class="alsutubestatss">Joined Month Day, Year</div>
<div class="alsutubestatss">### views
</div></div></td></table></div></div></div></div>[/html]
[html]<link href="https://files.jcink.net/uploads/alesstest/youtubecomment.css" rel="stylesheet"><center><link href="https://fonts.googleapis.com/css?family=Oswald|Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"><div class="alsuctube"><table cellspacing="0" cellpadding="0"><td><div class="alsuctubeavvie">
<img src="https://via.placeholder.com/45x45" style="width: 45px; border-radius: 50%;">
</div></td><td><div class="alsuctubeinfo"><div class="alsuctubepublish"><b>
youtube name
</b><br><div class="alsuctubecap">
comment here
<br><div style="height:7px;"></div><b>Read More</b></div></div></div></td></table><div class="alsuctubelikes"><i class="fas fa-thumbs-up"></i>##
<i class="fas fa-thumbs-down"></i>##
REPLY</div></div>[/html]
Поделиться32021-02-03 22:54:03
Вариант твиттера, заглавная и твиты, собсно, с возожностью загонять ссылки, тэги, все дела:
[html]<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
<style>
.twitter-outer { width: 310px; padding: 20px; background-color: #f8f8f8; border: 1px solid #eee }
.twitter-bar { background-color: #82c4e3; padding: 10px; font-size: 13px; color: #fff; text-align: center }
.twitter-profile { width: 300px; padding: 5px; background-color: #fff; border: 1px solid #f2f2f2 }
.twitter-header { background-image:url(https://31.media.tumblr.com/058951ab5e1 … rb8cd2.png);background-color: #0084B4; width: 300px; height: 80px; background-size: 300px 120px }
.twitter-icon { position: relative; left: -105px; top: -35px; background-color: #fff; width: 60px; height: 60px; padding: 3px; border-radius: 5px }
.twitter-top { background-color: #fff; height: 17px; padding: 10px }
.twitter-button { position: relative; top: -70px; right: -100px; background-color: #81bced; padding-left: 5px; padding-right: 5px; border-radius: 5px; color: #fff; font-family: arial; font-weight: bold; font-size: 10px }
.cog { position: relative; right: -100px; top: -68px; color: #6a6a6a; font-size: 12px}
.check { position: relative; top: -3px; display: inline; font-size: 7px }
.twitter-desc { background-color: #fff; padding: 10px; font-size: 11px; color: #585858; font-family: muli; text-align: left; line-height: 110% }
.twitter-title { padding-top: 3px; font-size: 13px; font-weight: bold }
.twitter-user { font-size: 10px; color: #a7a7a7; padding-bottom: 3px }
.twitter-ratio { padding-top: 3px; font-size: 10px; color: #a7a7a7; }
.twitter-ratio a { color: #81bced; text-decoration: none; font-size: 11px }
.twitter-ratio b { color: #585858 }
</style>
<center>
<div class="twitter-outer">
<div class="twitter-profile">
<a href="http://wecode.jcink.net/index.php?showuser=66"><div class="twitter-bar">
<i class="fa fa-twitter"></i>
</div></a>
<div class="twitter-header">
</div>
<div class="twitter-top">
<div class="twitter-icon">
<img src="100x100 icon here" style="border-radius: 5px; width: 60px; height: 60px">
</div>
<table><tr><td><div class="cog"><i class="fa fa-cog"></i></div></td><td><div class="twitter-button"><i class="fa fa-user"></i><div class="check"><i class="fa fa-check"></i></div> Following</div></td></tr></table>
</div>
<div class="twitter-desc">
<div class="twitter-title">
First Last
</div>
<div class="twitter-user">
@username
</div>
twitter bio goes here
<div class="twitter-ratio">
Location <a href="you don't have to put a real link here">website url</a>
</div>
<div class="twitter-ratio">
<b>###</b> FOLLOWING <div style="display: inline-block; width: 30px"></div> <b>###</b> FOLLOWERS
</div>
</div>
</div>
</div>
</center>[/html]
[html]
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
<style>
.tweet-outer { width: 310px; padding: 20px; background-color: #f8f8f8; border: 1px solid #eee }
.twitter-tweet { background-color: #fff; border: 1px solid #f2f2f2; padding: 5px }
.tweet-title { position: relative; top: -5px; left: -75px; font-family: muli; color: #585858; display: inline; padding-top: 3px; font-size: 11px; font-weight: bold }
.tweet-user { position: relative; left: -75px; top: -10px; font-size: 9px; color: #a7a7a7; padding-bottom: 3px }
.tweet-icon { position: relative; left: -80px; background-color: #fff; border-radius: 5px; width: 40px; height: 40px; padding: 5px }
.tweet-verified { color: #82c4e3; font-size: 12px; display: inline }
.tweet-verified-2 { color: #fff; font-size: 6px; position: relative; top: -10px; left: 71px }
.tweet-text { padding: 10px; font-size: 13px; font-family: muli; line-height: 110%; text-align: left; color: #585858 }
.tweet-text a { color: #82c4e3; text-decoration: none }
.tweet-date { color: #a7a7a7; font-family: muli; font-size: 8px }
.tweet-icons { border-top: 1px solid #f2f2f2; padding: 10px; font-size: 13px; color: #a7a7a7; text-align: center }
</style>
<center>
<div class="tweet-outer">
<div class="twitter-tweet">
<table><tr><td><div class="tweet-icon"><img src="100x100 icon" style="width: 40px; height: 40px; border-radius: 5px"></div></td>
<td><div class="tweet-title">
First Last
</div>
<div class="tweet-user">
@username
</div>
</td></tr></table>
<div class="tweet-text">
tweet here keep it short <a href="">#thisisahastag</a>
<a href="http://wecode.jcink.net/index.php?showuser=66"><div class="tweet-date">
mm/dd/yyyy ##:##
</div></a>
</div>
<div class="tweet-icons">
<table><tr><td><div style="width: 30px"></div></td><td><i class="fa fa-reply"></i></td><td><div style="width: 50px"></div></td><td><i class="fa fa-retweet"></i></td><td><div style="width: 50px"></div></td> <td><i class="fa fa-star"></i></td><td><div style="width: 50px"></div></td><td><i class="fa fa-ellipsis-h"></i></td></tr></table>
</div>
</div>
</div>
</center>
[/html]
Поделиться42021-02-03 23:39:37
Набор Инсты, где есть и комменты, так как пару раз я слышал, что игоки хотели бы такое)
[html]
<style type="text/css">
.promo { width: 400px; background-color: #fff; padding-top: 5px; padding-bottom: 35px; border: solid 20px #125688; }
.lowlow { width: 100px; padding: 10px; position: relative; top: 20px; left: -15px; }
.friendzone { width: 50px; height: 40px; text-align: center; font-family: arial; font-size: 12px; padding: 5px; position: relative; top: 10px; text-transform: none; letter-spacing: 0px; }
.photos { width: 180px; line-height: 30px; font-family: arial; text-align: center; font-size: 10px; font-weight: bold; letter-spacing: 0px; color: #fff; text-transform: uppercase;background-color: #66bd2b; position: relative; top: -30px; left: 65px; }
.inf0 { width: 350px; text-align: left; padding-left: 30px;font-family: arial; font-size: 15px; font-weight: bold; line-height: 15px; text-transform: none; letter-spacing: 0px; color: #000; }
.residential { width: 335px; text-align: left; padding-top: 10px; padding-left: 25px; padding-bottom: 20px; font-family: arial; font-size: 10px; font-weight: none; line-height: 10px; text-transform: none; letter-spacing: 0px; color: #000; }
.streetcred { text-align: center; font-size: 10px; }
</style>
<center><div class="promo"><table cellpadding="2" cellspacing="0"><tr>
<td><div class="lowlow"><img src="http://placehold.it/100"style="width: 100px; border-radius: 100px;"></div></td>
<td><div class="friendzone"><b>##</b><br> posts</div></td><td><div class="friendzone"><b>##</b><br> followers</div></td><td><div class="friendzone"><b>##</b><br>following</div></td></tr></table>
<div class="photos">✔ following</div>
<div class="inf0">First Last</div>
<div class="residential">description goes here!! </div>
<div style="border-top: solid 1px #efefef; padding: 10px;"><img src="http://i.imgur.com/g2TarqF.png"></div>
<table cellpadding="2" cellspacing="0"><tr><td><img src="http://placehold.it/100"style="width: 100px;"></td><td><img src="http://placehold.it/100"style="width: 100px;"></td><td><img src="http://placehold.it/100"style="width: 100px;"></td></tr></table>
<table cellpadding="2" cellspacing="0"><tr><td><img src="http://placehold.it/100"style="width: 100px;"></td><td><img src="http://placehold.it/100"style="width: 100px;"></td><td><img src="http://placehold.it/100"style="width: 100px;"></td></tr></table>
<table cellpadding="2" cellspacing="0"><tr><td><img src="http://placehold.it/100"style="width: 100px;"></td><td><img src="http://placehold.it/100"style="width: 100px;"></td><td><img src="http://placehold.it/100"style="width: 100px;"></td></tr></table>
</div><p><div class="streetcred"><a href="http://wecode.jcink.net/index.php?showuser=5"><font color="#d8dacc">oliver</font></a> <a href="http://shine.b1.jcink.com/index.php?showuser=6227"><font color="#d8dacc">sykes</font></a></div>
</center>
[/html]
[html]
<style type="text/css">
.friendshome { width: 400px; background-color: #fff; border: solid 20px #125688; }
.friendsknow { width: 380px; padding: 10px; text-align: left; height: 80px; border-bottom: solid 1px #efefef; }
.simple { padding-left: 10px; font-family: arial; font-size: 15px; font-weight: bold; color: #286592; line-height: 13px; text-transform: none; letter-spacing: 0px; }
.sawyou { padding-top: 10px; padding-bottom: 20px; text-align: left; font-family: arial; font-size: 12px; color: #000; line-height: 11px; letter-spacing: 0px; text-transform: none; }
.streetcred { text-align: center; font-size: 10px; }
</style>
<center><div class="friendshome"><div class="friendsknow"><table><tr><td><img src="http://placehold.it/65"style="width: 65px; border-radius: 100px; border: solid 1px #efefef;"></td>
<td><div class="simple">chara handle</div></td></tr></table></div>
<div style=""><img src="http://placehold.it/350""style="width: 350px;"></div>
<div style=""><img src="http://i.imgur.com/WwoC5HC.png"style="width: 350px; padding: 10px;"></div>
<div style="width: 350px; border-top: solid 1px #efefef;"><div class="sawyou"><font color="#286592"><b>charahandle</b></font> description goes here <font color="#286592">#thisisatag</font> </div></div></div><p><div class="streetcred"><a href="http://wecode.jcink.net/index.php?showuser=5"><font color="#d8dacc">oliver</font></a> <a href="http://shine.b1.jcink.com/index.php?showuser=6227"><font color="#d8dacc">sykes</font></a></div>
</center>
[/html]
[html]
<style type="text/css">
.tempo { width: 300px; background-color: #fff; border: solid 20px #125688; padding: 10px; }
.rehab { padding-top: 10px; padding-bottom: 20px; text-align: left; font-family: arial; font-size: 12px; color: #000; line-height: 11px; letter-spacing: 0px; text-transform: none; }
.streetcred { text-align: center; font-size: 10px; }
</style>
<center><div class="tempo"><table><tr><td valign="top"><img src="http://placehold.it/45"style="width: 45px; border-radius: 100px; border: solid 1px #efefef;"></td><td><div class="rehab"><font color="#286592"><b>chara handle</b></font> comment goes here!!</td></tr></table><div style="padding-bottom: 5px;"><img src="http://i.imgur.com/2AgXrmx.png"></div></div>
<p><div class="streetcred"><a href="http://wecode.jcink.net/index.php?showuser=5"><font color="#d8dacc">oliver</font></a> <a href="http://shine.b1.jcink.com/index.php?showuser=6227"><font color="#d8dacc">sykes</font></a></div>
</center>
[/html]
Поделиться52021-02-04 01:07:55
[html]<style>
@import url('https://dl.dropbox.com/s/prf0hzqk69jq9xk/yuentwitter.css');
#CHARACTER { --yeet:#09a1ff; }
</style>
<div id="CHARACTER" class="yuentwitter-light">
<div class="yuentwitter-head">
<div class="yuentwitter-head-image">
<img src="https://via.placeholder.com/450x180">
</div>
<div class="yuentwitter-head-icon">
<img src="https://via.placeholder.com/110x110">
</div>
<label>Follow</label>
<div class="yuentwitter-head-info">
<b class="yntwt-normal">USERNAME</b>
<i>@HANDLE</i>
<span>DESCRIPTION</span>
<font class="yuentwitter-location">DELETE IF NOT NEEDED</font>
<font class="yuentwitter-link"><a>DELETE IF NOT NEEDED (add a linkif you want)</a></font>
<font class="yuentwitter-join">Joined MONTH YEAR</font>
</div>
</ ЭТОТ АБЗАЦ УДАЛЯЕТСЯ И ДОБАВЛЯЕТСЯ ПО ЖЕЛАНИЮ, ОТВЕЧАЕТ КАК РАЗ ЗА ПРИВАТ />
<div class="yuentwitter-head-private">
<b>These tweets are protected.</b>
<i>Only approved followers can see @HANDLE's Tweets. To request access, click "follow".</i>
</div>
</div>
<a href="https://cttw.jcink.net/index.php?showuser=18258" title="delivered by yuen."></a>
</div>[/html]
ЧИСТЫЙ ВАРИАНТ
[html]<style>
@import url('https://dl.dropbox.com/s/prf0hzqk69jq9xk/yuentwitter.css');
#CHARACTER { --yeet:#09a1ff; }
</style>
<div id="CHARACTER" class="yuentwitter-light">
<div class="yuentwitter-tweet">
</ INSERT THE RETWEET OPTION HERE IF NEEDED />
<div class="yuentwitter-tweet-author">
<img src="https://via.placeholder.com/60x60">
<span>
<b class="yntwt-normal">USERNAME</b>
<i>@HANDLE</i>
</span>
</div>
YOUR TWEET
> directly include any IMAGES or QUOTE here
</div>
</ INSERT ANY REPLY CONTAINER(S) HERE />
<a href="https://cttw.jcink.net/index.php?showuser=18258" title="delivered by yuen."></a>
</div>[/html]
ВАРИАНТ С РЕТВИТОМ
[html]<style>
@import url('https://dl.dropbox.com/s/prf0hzqk69jq9xk/yuentwitter.css');
#CHARACTER { --yeet:#09a1ff; }
</style>
<div id="CHARACTER" class="yuentwitter-light">
<div class="yuentwitter-tweet">
</ ХЕРОВИНА ДЛЯ РЕТВИТА КАК РАЗ ВОТ />
<div class="yuentwitter-retweet"><a>USERHANDLE</a></div>
<div class="yuentwitter-tweet-author">
<img src="https://via.placeholder.com/60x60">
<span>
<b class="yntwt-normal">USERNAME</b>
<i>@HANDLE</i>
</span>
</div>
YOUR TWEET
> directly include any IMAGES or QUOTE here
</div>
<a href="https://cttw.jcink.net/index.php?showuser=18258" title="delivered by yuen."></a>
</div>[/html]
ВАРИАНТ С ИЗОБРАЖЕНИЯМИ
[html]<style>
@import url('https://dl.dropbox.com/s/prf0hzqk69jq9xk/yuentwitter.css');
#CHARACTER { --yeet:#09a1ff; }
</style>
<div id="CHARACTER" class="yuentwitter-light">
<div class="yuentwitter-tweet">
<div class="yuentwitter-tweet-author">
<img src="https://via.placeholder.com/60x60">
<span>
<b class="yntwt-normal">USERNAME</b>
<i>@HANDLE</i>
</span>
</div>
ТУТ МОЖНО ДАЖЕ СДЕЛАТЬ ТЕКСТ, АГА, и от 1 до 4 изображений разного размера
<div class="yuentwitter-tweet-img4">
<img src="https://via.placeholder.com/450x180">
<img src="https://via.placeholder.com/450x180">
<img src="https://via.placeholder.com/450x180">
<img src="https://via.placeholder.com/450x180">
</div>
</div>
</ INSERT ANY REPLY CONTAINER(S) HERE />
<a href="https://cttw.jcink.net/index.php?showuser=18258" title="delivered by yuen."></a>
</div>[/html]
ВАРИАНТ С ЦИТАТОЙ
[html]<style>
@import url('https://dl.dropbox.com/s/prf0hzqk69jq9xk/yuentwitter.css');
#CHARACTER { --yeet:#09a1ff; }
</style>
<div id="CHARACTER" class="yuentwitter-light">
<div class="yuentwitter-tweet">
<div class="yuentwitter-tweet-author">
<img src="https://via.placeholder.com/60x60">
<span>
<b class="yntwt-normal">USERNAME</b>
<i>@HANDLE</i>
</span>
</div>
<div class="yuentwitter-quote">
<div class="yuentwitter-quote-author">
<img src="https://via.placeholder.com/40x40">
<span>
<b class="yntwt-normal">USERNAME</b>
<i>@HANDLE</i>
</span>
</div>
YOUR TWEET
> ТУТ МОЖНО ДАЖЕ СДЕЛАТЬ ТЕКСТ, АГА
</div>
</div>
<a href="https://cttw.jcink.net/index.php?showuser=18258" title="delivered by yuen."></a>
</div>[/html]
ВАРИАНТ С КОНТЕЙНЕРОМ
[html]<style>
@import url('https://dl.dropbox.com/s/prf0hzqk69jq9xk/yuentwitter.css');
#CHARACTER { --yeet:#09a1ff; }
</style>
<div id="CHARACTER" class="yuentwitter-light">
<div class="yuentwitter-tweet">
<div class="yuentwitter-tweet-author">
<img src="https://via.placeholder.com/60x60">
<span>
<b class="yntwt-normal">USERNAME</b>
<i>@HANDLE</i>
</span>
</div>
YOUR TWEET
> directly include any IMAGES or QUOTE here
</div>
</ НЕ СОВСЕМ ХОРОШО ПОНИМАЮ, ЧТО ТУТ ИМЕЕТСЯ ВВИДУ ПОД КОНТЕЙНЕРОМ, НО ВОТ />
<div class="yuentwitter-reply">
THIS IS JUST THE CONTAINER
YOU NEED TO PAST THE THREAD TWEET HERE!!
but you can fit several one in one, and it will adjust accordingly. yay!
<div class="yuentwitter-thread">
<div class="yuentwitter-thread-author">
<img src="https://via.placeholder.com/50x50">
<span>
<b class="yntwt-normal">USERNAME</b>
<i>@HANDLE</i>
<font>Replying to <a>@HANDLE</a></font>
</span>
</div>
<div class="yuentwitter-thread-cont">
YOUR TWEET
> directly include any IMAGES or QUOTE here
</div>
<div class="yuentwitter-thread">
<div class="yuentwitter-thread-author">
<img src="https://via.placeholder.com/50x50">
<span>
<b class="yntwt-normal">USERNAME</b>
<i>@HANDLE</i>
<font>Replying to <a>@HANDLE</a></font>
</span>
</div>
<div class="yuentwitter-thread-cont">
YOUR TWEET
> directly include any IMAGES or QUOTE here
</div>
</div>
</div>
<a href="https://cttw.jcink.net/index.php?showuser=18258" title="delivered by yuen."></a>
</div>[/html]