3.1.plaintext.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
This is a tweet with text only!</p>
Right under this text, in the HTML, you will notice a few elements:</p>
twtnumers 1, 2 and 3 - this is the info about your tweet such as retweets, qrts and likes. You can delete them as you wish (if your tweet has only likes and no rts or qrts, keep only twtnumbers1 and delete the others, etc);</p>
twtbutton - these are the images for replies, retweets and likes. twtbutton1a=regular replies, twtbutton1b=can’t reply, twtbutton2a=regular retweets, twtbutton2b=can’t retweet, twtbutton2c=retweeted, twtbutton3a=regular like, twtbutton3b=liked.
Tweets can be as long as you want, since there’s no character limit here hehe</p>
</div>
<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

You only need to care about that here, when you have replies with that vertical line between icons</div>

<div class="sharebar1"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical1"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


You need to change replyvertical and sharebar depending on your tweet’s lenght</p>
Use replyvertical1 and sharebar1 for tweets up to 3 lines, such as the first one.</p>
</div>

<div class="sharebar2"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical2"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

replyvertical2 and sharebar2 - from 4 to 6 lines. </p>
replyvertical3 and sharebar3 - from 7 to 9 lines. </p>
replyvertical3 and sharebar4 - from 10 to 13 lines. </p>
replyvertical3 and sharebar3 - from 14 to 16 lines or pictures/qrts</p>
</div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span> 
<hr class="line2">

And of course, you need to take in account the lines used of the "replying to @..." + line break, when you put in that info </p>
It may not be the most practical way, I admit, however it worked fine for me!</p>
I just make sure to test out my work skin on a draf wip and fix all this stuff before actually posting it~
</div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@sweetsweetdays</span></span> 
<hr class="line2">


In similar fashion to the main tweet, you can change the buttons in the reply too.</p>
replybutton1a+reply1a=regular reply, replybutton1b+reply1b=can't reply, replybytton2a+reply2a=regular retweet, replybutton2b+reply2b=can't retweet, replybutton2c+reply2c=retweeted, replybutton3a+reply3a=regular like, replybutton3b+reply3b=liked </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span> 
<hr class="line2">

And here is another tweet, replying to the main tweet, but unrelated to the thread above.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
</div></div></div>

3.2.imagesandvideos1.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
This is a tweet with a picutre
<div class="twtimgbox1"> <img class="twtimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>

</div>
<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">1<span class="twttext"> Retweet</span></span><span class="twtnumbers2">3 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2c"></span><span class="twtbutton3a"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

Here's a reply
<div class="replyimgbox1"> <img class="replyimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical4"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


Another
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="replyimgbox2b"> <img class="replyimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div></div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

And another
<div class="replyimgbox2a"> <img class="replyimg2a" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div>
<div class="replyimgbox3a"> <img class="replyimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/></div>
<div class="replyimgbox3b"> <img class="replyimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

Annnnnnd another! Just make sure your images have a similar ration to the twt pic sizes
<div class="replyimgbox4a"> <img class="replyimg4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/> </div>
<div class="replyimgbox4b"> <img class="replyimg4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> </div>
<div class="replyimgbox3a"> <img class="replyimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/></div>
<div class="replyimgbox3b"> <img class="replyimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div> </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

</div></div></div>

3.2.imagesandvideos2.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
This is a tweet with two picutres
<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox2b"> <img class="twtimg2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/> </div>
</div>
<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">1<span class="twttext"> Retweet</span></span><span class="twtnumbers2">3 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2c"></span><span class="twtbutton3a"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

And!! Here's a fun thing hehe
 <div class="imgboxcenB"><span class="imgboxcenBsym"></span><span class="imgboxcenBtext1">Content warning: Sensitive content</span><span class="imgboxcenBtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenBbutton"><span class="imgboxcenbuttontext">Show</span></div><img class="imgcenB" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div></div>

<div class="sharebar5"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical5"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


I only made it in a reply size though
<div class="imgboxcenC"><span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." /> <img class="imgcen2b" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose."/> </div>
</div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

But you can always edit the work skin to make it for a main tweet, if you wish so
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div>  <p class="imgcenC"><img class="imgcen2a" src="https://i.ibb.co/NTh1tPR/ranwan.jpg" alt="A picture of a husk leaning over a white cat, squishing his face with his nose." width="100%"/><img class="imgcen3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div></div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

imgboxcenA is for portrait ratios, imgboxcenB is for squares, and imgboxsenC is for landscapes - which is the default for when you have more than one pic
<div class="imgboxcenC"> </span> <span class="imgboxcenCsym"></span><span class="imgboxcenCtext1">Content warning: Sensitive content</span><span class="imgboxcenCtext2">The Tweet author flagged this Tweet as showing sensitive content.</span><div class="imgboxcenCbutton"><span class="imgboxcenbuttontext">Show</span></div> <p class="imgcenC"><img class="imgcen4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/>
<img class="imgcen4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> <img class="imgcen4c" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/><img class="imgcen4d" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/>
</div> </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

</div></div></div>

3.2.imagesandvideos3.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
This is a tweet with three picutres
<div class="twtimgbox2a"> <img class="twtimg2a" src="https://i.ibb.co/GnZ857z/mb2.jpg" alt="A picture of a cup of coffee with a cat doodled on the foam." width="100%"/> </div>
<div class="twtimgbox3a"> <img class="twtimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
<div class="twtimgbox3b"> <img class="twtimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/> </div>
</div>
<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">1<span class="twttext"> Retweet</span></span><span class="twtnumbers2">3 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2c"></span><span class="twtbutton3a"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

It can be a video too! Just change "img class" for "video class" and link your video :)
<div class="replyimgbox1"> <video class="replyimg1" src="https://raw.githubusercontent.com/wanningzinho/tai/main/rw.mp4" alt="Video of a white cat with an annoyed expression, having his cheeks pinched by a pair of hands." width="100%"/>
</div> </div>



<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div>

</div></div></div>

3.2.imagesandvideos4.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
This is a tweet with four picutres
<div class="twtimgbox4a"> <img class="twtimg4a" src="https://i.ibb.co/rMK5kPw/poster-3.jpg" alt="A picture of a white cat and a husky with pink blossoms behind them." width="100%"/> </div>
<div class="twtimgbox4b"> <img class="twtimg4b" src="https://i.ibb.co/vV1NNFh/20220409-180341.jpg" alt="A picture of a husky sitting and a white cat holding a red umbrella over him." width="100%"/> </div>
<div class="twtimgbox3a"> <img class="twtimg3a" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
<div class="twtimgbox3b"> <img class="twtimg3b" src="https://i.ibb.co/0fLgX89/20220712-000114.jpg" alt="A picture of a white cat lying with his belly upwards, stretching his paws." width="100%"/> </div>
</div>
<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">1<span class="twttext"> Retweet</span></span><span class="twtnumbers2">3 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2c"></span><span class="twtbutton3a"></span><span class="twtbutton4"></span></div>


</div></div></div>

3.3.Circleprivverifiedandpromotedtweets.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
This is a twitter in a circle :) these tweets and their replies can’t be retweeted</p>
<div class="twtcirclebox1"><img class="twtcircleicon" src="https://i.ibb.co/2j1rCXS/circle.png" alt=" " /> <span class="twtcirclecontent"> Only people in @wanningzinhos’s Twitter Circle can see this Tweet. </span></div></div>

<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2b"></span><span class="twtbutton3a"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="verified"></span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

This tweet has a verified icon! For just add “verified” beside the name. “priv” if it’s a priv icon that you want.</p>
And this little guy bellow if you want your tweeted promoted!</p>
These are all the same, wether it’s a main tweet or a reply.</p>
<span class="pollvotes"><span class="promoted"> </span>Promoted</span>
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2b"></span><span class="reply2b"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div></div>
</div></div></div>

3.4.quotetweets.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
Now we’re quoting a tweet!<span class="screenreader">. Quoting a tweet of: </span><div class="twtqtbox"><img class="iconqt" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" "/>
<div class="qtid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 14h</span></div>
<div class="qtcontent">And this is the quoted tweet! It can have an image :)
<div class="twtimgboxqt1"> <img class="twtimgqt1" src=https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div></div>
</div>

<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3a"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


And a qrt in the replies <span class="screenreader">. Quoting a tweet of: </span><div class="replyqtbox"><img class="iconqt" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" alt=" "/>
<div class="qtid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetswee… · 14h<span class="screenreader">Ago. </span></span></div>
<div class="qtcontent"><p>And this is the quoted tweet! It can have an image :)
</p><div class="qtimgbox1"> <img class="qtimg1" src="https://i.ibb.co/xJGQK97/cb.jpg" alt="A picture of an orange cat very close to the camera, facing right." width="100%"/> </div>
</div></div></div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div></div>
</div></div></div>

3.5.polls1.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
This is a poll</p>
<div class="twtpoll"><span class="twtpolltext">Option 1</span></div>
<div class="twtpoll"><span class="twtpolltext">Option 2</span></div>
<div class="twtpoll"><span class="twtpolltext">Option 3</span></div>
<div class="twtpoll"><span class="twtpolltext">Option 4</span></div>
<span class="pollvotes">179 votes <b>·</b> 13 minutes left</span>
</div>

<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3a"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

And another poll in the replies</p>
<div class="replypoll"><span class="replypolltext">Option 1</span></div>
<div class="replypoll"><span class="replypolltext">Option 2</span></div>
<div class="replypoll"><span class="replypolltext">Option 3</span></div>
<div class="replypoll"><span class="replypolltext">Option 4</span></div>
<span class="pollvotes">179 votes <b>·</b> 13 minutes left</span>
</div>


<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div></div>
</div></div></div>

3.5.polls2.txt

<div class="twt"><div class="light"><div class="bg1">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
And this poll has been finished! You have the following options according to the percentage of votes: twtpollbarwin25, twtpollbarwin50, twtpollbarwin75, twtpollbarwin100, twtpollbarlos25 and twtpollbarlos50
</p>
<div class="twtpollresults"><div class="twtpollresultstext1"><b>Option 1</b></div><div class="twtpollresultstext2">50%</div><div class="twtpollbarwinner
"><span class="twtpollbarwin50"></span></div></div>

<div class="twtpollresults"><div class="twtpollresultstext1">Option 2</div><div class="twtpollresultstext2">25%</div><div class="twtpollbarothers"><span class="twtpollbarlos25"></span></div></div>

<div class="twtpollresults"><div class="twtpollresultstext1">Option 3</div><div class="twtpollresultstext2">25%</div><div class="twtpollbarothers"><span class="twtpollbarlos25"></span></div></div>

<div class="twtpollresults"><div class="twtpollresultstext1">Option 4</div><div class="twtpollresultstext2">0%</div></div>
<span class="pollvotes">97 votes <b>·</b> Final results</span>
</div>


<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3a"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

And for replies you have: pollbarwin25, pollbarwin50, pollbarwin75, pollbarwin100, pollbarlos25 and pollbarlos50 </p>
<div class="replypollresults"><div class="replypollresultstext"><b>Option 1</b></div><div class="replypollresultstext2"><b>50%</b></div><div class="pollbarwinner
"><span class="pollbarwin50"></span></div></div>

<div class="replypollresults"><div class="replypollresultstext">Option 2</div><div class="replypollresultstext2">25%</div><div class="pollbarothers"><span class="pollbarlos25"></span></div></div>
<div class="replypollresults"><div class="replypollresultstext">Option 3</div><div class="replypollresultstext2">25%</div><div class="pollbarothers"><span class="pollbarlos25"></span></div></div>

<div class="replypollresults"><div class="replypollresultstext">Option 4</div><div class="replypollresultstext2">0%</div></div>


<span class="pollvotes">97 votes <b>·</b> Final results</span>

</div>


<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div></div></div>
</div></div></div>

3.6.Scrollabletemplatewithafooter.txt

<div class="twt"><div class="blue"><div class="bg1"><div class="bg2">
<div class="headerdm"><span class="headerbutton1"></span><span class="headertext" >Tweet</span></div>
<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="twtid"><span class="replyname">tai  </span><br /><span class="replyhandle"> @wanningzinho</span></div><span class="twtdots"></span><div class="twtcontent">
And now this one has a footer and is scrollable!</p>
well this is for aesthetic reasons only - like, well, everything in this skin tbh. And note that i changed “light” to “blue” to get the twitter dim theme.</p>
Now, the next tweets are the same as the ones in the first example, just to fill in space ^^</p>
</div>
<div class="twttimebox"><span class="twttime">8:23 AM · 11 May 23</span> <hr class="line">
<span class="twtnumbers1">3<span class="twttext"> Retweets</span></span><span class="twtnumbers2">1 <span class="twttext">Quote Tweet</span></span><span class="twtnumbers3">13 <span class="twttext">Likes</span></span><hr class="line"></div><div class="sharebar"><span class="twtbutton1a"></span><span class="twtbutton2a"></span><span class="twtbutton3b"></span><span class="twtbutton4"></span></div><hr class="line">

<img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h <span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

You only need to care about that here, when you have replies with that vertical line between icons</div>

<div class="sharebar1"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"><span class="screenreader">Likes:</span></span><span class="reply3a">2</span><span class="replybutton4"></span></div>

<span class="replyvertical1"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">


You need to change replyvertical and sharebar depending on your tweet’s lenght</p>
Use replyvertical1 and sharebar1 for tweets up to 3 lines, such as the first one.</p>
</div>

<div class="sharebar2"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical2"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">

replyvertical2 and sharebar2 - from 4 to 6 lines. </p>
replyvertical3 and sharebar3 - from 7 to 9 lines. </p>
replyvertical3 and sharebar4 - from 10 to 13 lines. </p>
replyvertical3 and sharebar3 - from 14 to 16 lines or pictures/qrts</p>
</div>

<div class="sharebar3"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical3"></span>

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

And of course, you need to take in account the lines used of the "replying to @..." + line break, when you put in that info </p>
It may not be the most practical way, I admit, however it worked fine for me!</p>
I just make sure to test out my work skin on a draf wip and fix all this stuff before actually posting it~
</div>

<div class="sharebar4"><span class="replybutton1a"><span class="screenreader"> Replies:</span></span><span class="reply1a">1</span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

<span class="replyvertical4"></span>


<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/16557534/standard.jpg?1668283636" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai </span><span class="replyhandle"> @wanningzinho · 6h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@sweetsweetdays</span></span>
<hr class="line2">


In similar fashion to the main tweet, you can change the buttons in the reply too.</p>
replybutton1a+reply1a=regular reply, replybutton1b+reply1b=can't reply, replybytton2a+reply2a=regular retweet, replybutton2b+reply2b=can't retweet, replybutton2c+reply2c=retweeted, replybutton3a+reply3a=regular like, replybutton3b+reply3b=liked </div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>
<hr class="line">

<div class="reply"><img class="icon" src="https://s3.amazonaws.com/otw-ao3-icons/icons/2968184/standard.jpg?1667749223" width="30px" alt=" " /><div class="replyid"><span class="replyname">tai again </span><span class="replyhandle"> @sweetsweetdays · 5h<span class="screenreader"> ago</span></span></div><span class="replydots"></span><div class="replycontent">
<span class="replyhandle">Replying to <span class="links">@wanningzinho</span></span>
<hr class="line2">

And here is another tweet, replying to the main tweet, but unrelated to the thread above.
</div>

<div class="sharebar"><span class="replybutton1a"></span><span class="reply1a"></span><span class="replybutton2a"></span><span class="reply2a"> </span><span class="replybutton3a"></span><span class="reply3a"></span><span class="replybutton4"></span></div></div>

</div>
<div class="footer"><div class="twtfooter"><span class="twtfootertext">Tweet your reply </span><span class="footerbutton6"></span></div></div></div>
</div></div>