Post by Tiashe on Nov 16, 2015 11:33:46 GMT -8
So I've been working on this template all day and I want to add a tags/note box. Unfortunately, long story short, there's no room for it inside of the template's main body itself, so I wanted to put it as a hover in the center of the 360x200 image. ...Unfortunately, my knowledge of hovers is pretty dismal and after several hours of trying to see how much hair I can lose from frustration, I'm still at square one. The code for the template itself is pretty messy and adding the hover just makes it even -worse-. What do I do!?
The main template.
What I want to add as a hover.
Pls halp. ;v;
The main template.
[div align="center"][div style="width:400px;height:535px;background-image:url(http://i.imgur.com/uPcIVhe.png);border:10px solid #000000;padding:10px;"][div style="margin-top:5px;width:390px;height:125px;background-color:#79455d;"][/div][div style="width:390px;height:100px;background-color:#985775;"][/div][div style="width:390px;height:100px;background-color:#CE7179;"][/div][div style="width:390px;height:75px;background-color:#d27f86;"][/div][div style="width:390px;height:60px;background-color:#e58b5e;"][/div][div style="width:390px;height:40px;background-color:#FF9B69;"][/div][div style="width:390px;height:25px;background-color:#FAD77D;"][/div][div style="width:360px;height:200px;background-image:url(http://placehold.it/360x200);border-right:5px solid #c2badb;border-left:5px solid #c2badb;border-top:5px solid #c2badb;margin-top:-515px;"][/div][div style="width:360px;height:295px;background-color:#dbd3f4;overflow:auto;border-bottom:5px solid #c2badb;border-right:5px solid #c2badb;border-left:5px solid #c2badb;"][div style="font-family:calibri;text-align:justify;font-size:12px;line-height:10px;color:#34313b;padding:5px;"][span style="font-family:verdana;text-transform:uppercase;color:#3d3640;letter-spacing:1px;"]Lorem[/span] words.[/div][/div][/div]
[/div][/div]
What I want to add as a hover.
[div align="center"][div style="width:360px;height:120px;background-image:url(http://i.imgur.com/qaTPS7Q.png);padding:5px;"][div style="width:350px;height:110px;background-color:#FAD77D;border:5px solid #FF9B69;"][div style="width:100px;height:100px;background-color:#CE7179;float:left;margin-top:5px;margin-left:5px;"][div style="width:100px;height:5px;"][/div][div style="width:90px;height:90px;background-image:url(http://placehold.it/90x90px;"][/div][/div][div style="width:225px;height:90px;background-color:#985775;margin-right:5px;margin-top:5px;padding:5px;overflow:auto;float:right;"][div style="font-family:CALIBRI;text-align:JUSTIFY;color:#5C3A48;line-height:10px;font-size:13px;"][b]♡TAGS:[/b] [span style="letter-spacing:3px;text-transform:uppercase;"]@username[/span]
[b]♡NOTES:[/b] Put as many words as you need here, it scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat velit eu feugiat consequat. In porttitor facilisis cursus.
[/div][/div][/div][/div][/div]
Pls halp. ;v;