Forum:
Hi guys I made a layout to share, it has a built in extra links section, DNI list, some box renamings and new interest boxes so!! (I’m kinda proud of it :3)
y’all have to read carefully because specific code has to go in certain places so :3
ABOUT ME SECTION
<style>
.blurbs .heading {
background: transparent !important;
}
.blurbs .heading h4 {
color: red !important;
}
.profile .table-section:nth-last-child(2) .heading h4 {
font-size: 0;
}
.profile .table-section:nth-last-child(2) .heading h4:before {
content: "Interest and Personality";
font-size: 1rem; /* Adjust size to match your layout */
}
.contact .heading {
font-size: 0;
}
.contact .heading:before {
content: "Talk to [ENTER NAME]";
font-size: 0.8rem;
font-weight: bold;
}
</style>
WHO ID LIKE TO MEET SECTION
<br/>
<div class="custom-links-container">
<table>
<h4 style="color: red">Extra Links</h4>
<tbody>
<tr>
<td><p>Example Link A</p></td>
<td><p><a href="https://example.com/a" target="_blank">Click Here</a></p></td>
</tr>
<tr>
<td><p>Example Link B</p></td>
<td><p><a href="https://example.com/b" target="_blank">Click Here</a></p></td>
</tr> <tr>
<td><p>Example Link C</p></td>
<td><p><a href="https://example.com/b" target="_blank">Click Here</a></p></td>
</tr>
</tbody>
</table>
</div>
<style>
/* Keeping your existing table styling */
.custom-links-container table {
width: 95%;
border-collapse: collapse;
margin: 10px auto;
font-size: 13px;
}
.custom-links-container th, .custom-links-container td {
padding: 5px;
border-bottom: 1px solid #ddd;
}
.custom-links-container th {
background-color: #f2f2f2;
text-align: left;
}
</style>
GENERAL SECTION
<tr>
<td>
<p>Games</p>
</td>
<td>
<p>text here</p>
</td>
</tr>
<div class="unique-os-box">
<div class="os-header">
<span class="os-title"> <h4 style="text-align: center;">Do Not Interact List</h4> </span>
<div class="os-buttons">
<span></span><span></span><span></span>
</div>
</div>
<div class="os-content">
<p> text goes here:</p>
<p>and also here</p>
</div>
</div>
HEROS SECTION
<tr>
<td>
<p>Sexuality</p>
</td>
<td>
<p>text here</p>
</td>
</tr>
<tr>
<td>
<p>Personality</p>
</td>
<td>
<p>text here</p>
</td>
</tr>
———————————————————————————
I Hope you like it!!
Report Topic
