lina_musebox | MoE: Drop Down Job Code (Reply)

This is just a picture I'm so sorry lol. Here's a live example but it's probably tempoary.

Okay, this might take a little bit of coding knowledge to do. I recommend making a "test" post to get it right before messing with your actual Job Info page in case everything gets nuked. I hold no responsibility for that. Feel free to ask questions either here or wherever you see me.

Anyway, once you have the code for your info page all in and ready to go, you can mess with the base code to make it do this.

At the start of each new Job code, you'll find:
<div style="font-family: georgia; font-size: 13pt; padding: 5px; margin-top: -50px;">

Replace that with:

If you want this drop down in particular to be open when you click on the page, use this code instead of the one above:

After the Job name (in that same general area), you'll seen </div>. Replace that with:

At the end of the Job code and before a new one, add:

OR

If you don't mind just redoing the whole damn thing, use this code for every new Job instead of the one on the main page:

<a name="Job1"></a><details style="border:1px solid rgba(0,0,0,0.1);padding:10px;margin-bottom:5px;"><summary style="cursor:pointer;font-family: georgia; font-size: 13pt; padding: 5px; margin-top: -10px;">JOB #4 NAME HERE</summary><table style="width:700px; padding: 0px;">
<tbody><tr style="background-color: #530054; font-family:Georgia, Georgia, serif; font-size:10px; color:#fff;"><td width="100px;">EXP</td><td width="200px;">SKILL</td><td width="500px;">DESCRIPTION</td></tr>
<tr style="background-color:#e7dddf"><td style="width:100px">0000</td><td style="width:200px">SKILL NAME</td><td>SKILL EXPLANATION HERE</td></tr>
<tr style="background-color:#cdbcb0"><td style="width:100px">0050</td><td style="width:150px">SKILL NAME</td><td>SKILL EXPLANATION HERE</td></tr>
<tr style="background-color:#e7dddf"><td style="width:100px">0100</td><td style="width:150px">SKILL NAME</td><td>SKILL EXPLANATION HERE</td></tr>
<tr style="background-color:#cdbcb0"><td style="width:100px">0200</td><td style="width:150px">SKILL NAME</td><td>SKILL EXPLANATION HERE</td></tr>
<tr style="background-color:#e7dddf"><td style="width:100px">0350</td><td style="width:150px">SKILL NAME</td><td>SKILL EXPLANATION HERE.</td></tr>
<tr style="background-color:#cdbcb0"><td style="width:100px">0500</td><td style="width:150px">SKILL NAME</td><td>SKILL EXPLANATION HERE</td></tr>
<tr style="background-color:#e7dddf"><td style="width:100px">0750</td>
<td style="width:150px">SKILL NAME</td><td>SKILL EXPLANATION HERE</td></tr>
<tr style="background-color:#cdbcb0"><td style="width:100px">1000</td>
<td style="width:150px">SKILL NAME</td><td>SKILL EXPLANATION HERE</td></tr>
<tr height="8px;"></tr><tr style="background-color: #540000; font-family:Georgia, Georgia, serif; font-size:10px; color:#fff;"><td width="100px;">EXP</td><td width="200px;">MODIFIER SKILL</td><td width="500px;">DESCRIPTION</td></tr><tr style="background-color: #ece0e0; font-family:Georgia, Georgia, serif; font-size:10px; color:#303030;"><td width="100px;">0500</td><td width="200px;">SKILL NAME</td><td width="500px;">SKILL EXPLANATION HERE</td></tr> 
<tr height="8px;"></tr><tr style="background-color: #653312; font-family:Georgia, Georgia, serif; font-size:10px; color:#fff;"><td width="100px;">EXP</td><td width="200px;">JOB BONUS</td><td width="500px;">DESCRIPTION</td></tr><tr style="background-color: #ece0e0; font-family:Georgia, Georgia, serif; font-size:10px; color:#303030;"><td width="100px;">0000</td><td width="200px;">SKILL NAME</td><td width="500px;">SKILL EXPLANATION HERE</td></tr></tbody></table></details>

Okay, let me know if you have any problems. And here's the icons I made shhhhhhhh.

MoE: Drop Down Job Code

Post a comment in response: