Myspace's "(Name)'s Details" Tab under interests!!! (READ DESC)

2 weeks ago - by Rainie Rawr [⚢] - Misc - used 78 times

you can change the div to anything else you want really, it doesn't have to just be a details table ^^ I recommend having minimal knowledge on HTML if you do change it though. but editing just the text is very easy ofc ^^

⚠️❗⚠️❗⚠️IMPORTANT:⚠️❗⚠️❗⚠️
1. Do NOT put the HTML in your layout section!!! (css is fine tho) Put it in the very bottom of the "games" section with "view HTML" enabled!!!
2. After you save and refresh the edit profile page, the beginning closing html tags and will disappear. and also the opening html tags at the bottom will automatically close themselves. it's fine as long as you don't save it like this, but if you do it WILL break.
how to fix:
- copy/paste the "</td></tr></tbody></table></div>" back to its place above the "<div class="custom-box">"
- replace the automatically closed tags at the bottom of everything with "<td><tr><tbody><table><div>" again
YOU WILL HAVE TO DO THIS FIX WHENEVER YOU EDIT *ANYTHING* ON YOUR LAYOUT. I recommend having a txt copy of your whole games section if you're going to be using this.
3. it SHOULD automatically have the same theme you already have on your interests table. if you don't want that, just change the class="*name*" part to whatever you want and style your custom class name with css

CSS Code

Copy this and paste it at the bottom of the Advanced CSS tab in your layout editor, then save. Leave the Visual Builder's existing CSS in place - add this under it, don't replace it.

.custom-box {
margin-top: 10px;
  }

HTML Code

This element also has an HTML part - paste it into your About Me (or wherever the description says).

</td></tr></tbody></table></div>

<div class="custom-box">
  <div class="heading">
    <div class="h4">
        <h4>(YOUR NAME)'s Details</h4>
      </div>
    </div>
    <div class="inner">
      <table class="details-table">
        <tbody>
          <tr>
            <td>Status</td>
            <td>(your answer)</td>
          </tr>
          <tr>
            <td>Here for</td>
            <td>(your answer)</td>
          </tr>
          <tr>
            <td>Orientation</td>
            <td>(your answer)</td>
          </tr>
          <tr>
            <td>Height</td>
            <td>(your answer)</td>
          </tr>
          <tr>
            <td>Ethnicity</td>
            <td>(your answer)</td>
          </tr>
          <tr>
            <td>Religion</td>
            <td>(your answer)</td>
          </tr>
          <tr>
            <td>Zodiac sign</td>
            <td>(your answer)</td>
          </tr>
          <tr>
            <td>Occupation</td>
            <td>(your answer)</td>
          </tr>
          </tbody>
        </table>
      </div>


<td><tr><tbody><table><div>

How to use: copy the CSS above → open your layout editor → switch to the Advanced CSS tab → paste at the bottom (keep the Visual Builder CSS above it) → save → refresh your profile. If the element also has HTML, paste that into About Me or at the bottom of Advanced CSS after the CSS. Elements stack - you can combine as many as you like. New to CSS? Read the Custom Code Tutorial.

More in Misc

« Back to Misc | « All Profile Elements