vliamint
.
[class=overlay]
height: 400px;
width: 400px;
margin: auto;
background-colour: transparent;
z-index: 1;
[/class]
[class name=overlay state=hover]
cursor: url(https://i.imgur.com/kphxwZq.png), auto;
[/class]
[class=bg]
height: 300px;
width: 300px;
background-color: #DEF1F8;
position: relative;
border-radius: 8px;
padding: 3px;
margin: auto;
[/class]
[class=content]
box-sizing: border-box;
text-align: justify;
z-index: 1;
[/class]
[class=hidden]
display: none;
[/class]
[class=home]
height: 40px;
width: 40px;
margin-left: -25px;
margin-top: 60px;
border-radius: 50%;
overflow: hidden;
background-color: #fdfdfd;
border: 5px solid #def1f8;
[/class]
[class=nav_home]
font-size: 24px;
color: #def1f8;
text-align: center;
margin-top: 4px;
transition: 0.4s;
z-index: 1;
[/class]
[class name=nav_home state=hover]
cursor: url(https://i.imgur.com/kphxwZq.png), auto;
transform: scale(1.3);
transition: 0.4s;
[/class]
[class=info]
height: 40px;
width: 40px;
margin-left: -25px;
margin-top: 10px;
border-radius: 50%;
overflow: hidden;
background-color: #fdfdfd;
border: 5px solid #def1f8;
position: relative;
[/class]
[class=nav_info]
font-size: 24px;
color: #def1f8;
text-align: center;
margin-top: 4px;
transition: 0.4s;
[/class]
[class name=nav_info state=hover]
cursor: url(https://i.imgur.com/kphxwZq.png), auto;
transform: scale(1.3);
transition: 0.4s;
[/class]
[class=links]
height: 40px;
width: 40px;
margin-left: -25px;
margin-top: 10px;
border-radius: 50%;
overflow: hidden;
background-color: #fdfdfd;
border: 5px solid #def1f8;
[/class]
[class=nav_links]
font-size: 25px;
color: #def1f8;
text-align: center;
margin-top: 4px;
margin-left: 0px;
transition: 0.4s;
[/class]
[class name=nav_links state=hover]
cursor: url(https://i.imgur.com/kphxwZq.png), auto;
transform: scale(1.3);
transition: 0.4s;
[/class]
[class=title]
font-size: 52px;
font-family: 'Arial', sans-serif;
margin-top: 30px;
margin-left: 113px;
color: white;
letter-spacing: 1px;
position: absolute;
font-weight: bold;
font-style: italic;
z-index: 1;
[/class]
[class=title_bg]
font-size: 52px;
font-family: 'Arial', sans-serif;
margin-top: 33px;
margin-left: 116px;
color: #def1f8;
letter-spacing: 1px;
position: absolute;
font-weight: bold;
font-style: italic;
[/class]
[class name=title state=hover]
cursor: url(https://i.imgur.com/kphxwZq.png), auto;
[/class]
[class=textbg]
background-color: #fdfdfd;
height: 170px;
width: 180px;
margin-top: -170px;
margin-left: 65px;
position: relative;
border-radius: 8px;
z-index: 0;
overflow: hidden;
[/class]
[class=text]
width: 160px;
height: 150px;
margin: 10px;
font-size: 10px;
padding-right: 30px;
font-family: 'Arial', sans-serif;
color: black;
text-align: justify;
overflow-y: scroll;
line-height: 13px;
opacity: 0.6;
letter-spacing: 0.4px;
[/class]
[class=infotitle]
color: #fdfdfd;
font-size: 42px;
font-family: 'Arial', sans-serif;
font-style: italic;
font-weight: bold;
position: absolute;
margin-top: -30px;
margin-left: 50px;
z-index: 10;
[/class]
[class=infotitle_bg]
color: #def1f8;
font-size: 42px;
font-family: 'Arial', sans-serif;
font-style: italic;
font-weight: bold;
position: absolute;
margin-top: -26px;
margin-left: 52px;
z-index: 1;
[/class]
[class=linktext]
font-size: 10px;
font-style: italic;
[/class]
[class name=linktext state=hover]
cursor: pointer;
[/class]
[class=frontimage]
width: 177px;
height: 177px;
background-color: transparent;
position: absolute;
margin-left: 68px;
margin-top: -170px;
border-radius: 8px;
overflow: hidden;
opacity: 0.7;
pointer-events: none;
[/class]
[class name=frontimage state=hover]
cursor: url(https://i.imgur.com/kphxwZq.png), auto;
[/class]
[script class=home on=click]
hide content
set link (getText)
if (eq "${link}" "1") (show content1)
[/script]
[script class=info on=click]
hide content
set link (getText)
if (eq "${link}" "2") (show content2)
[/script]
[script class=links on=click]
hide content
set link (getText)
if (eq "${link}" "3") (show content3)
[/script]
[div class=overlay]
[div class=bg] [div class=home][div class=hidden]1[/div] [div class=nav_home][/div] [/div] [div class=info][div class=hidden]2[/div] [div class=nav_info][/div] [/div] [div class=links][div class=hidden]3[/div] [div class=nav_links][/div] [/div] [div class=title]wonhae[/div] [div class=title_bg]wonhae[/div] [div class="content content1"] [div class=frontimage]
[/div]
[/div]
[div class="content content2 hidden"]
[div class=infotitle]info[/div][div class=infotitle_bg]info[/div]
[div class=textbg]
[div class=text]
[div class=linktext]code two[/div]
[div class=linktext]code three[/div]
[div class=linktext]code four[/div] [/div][/div] [/div] [/div] [/div] [/div]
[div class=bg] [div class=home][div class=hidden]1[/div] [div class=nav_home][/div] [/div] [div class=info][div class=hidden]2[/div] [div class=nav_info][/div] [/div] [div class=links][div class=hidden]3[/div] [div class=nav_links][/div] [/div] [div class=title]wonhae[/div] [div class=title_bg]wonhae[/div] [div class="content content1"] [div class=frontimage]
Welcome to my workshop! I made a resource/workshop thread a while ago on a different account; I was actually in the process of doing an Instagram duplicate on that thread. But then BBCode+ came out and I have been messing around with that.
This thread is going to be a dump for all my codes, and most likely none will be free to use. Or at least, I would prefer if people didn't use them freely. If you do use my codes, keep the credit in. I can't stop you using it, as I've learnt, but I would appreciate it if you credited my hard work back to this thread.
As you can see, this is a pretty basic code itself. I suck at aesthetics. My inspiration has been lacking lately so don't expect much from this thread. And as of right now, my Instagram duplicate code is taking up most of my time.
Anyway, check the links tab for shortcuts to the codes I have posted!
[/div]
[/div]
[/div]
[div class="content content3 hidden"]
[div class=infotitle]links[/div][div class=infotitle_bg]links[/div]
[div class=textbg]
[div class=text]This thread is going to be a dump for all my codes, and most likely none will be free to use. Or at least, I would prefer if people didn't use them freely. If you do use my codes, keep the credit in. I can't stop you using it, as I've learnt, but I would appreciate it if you credited my hard work back to this thread.
As you can see, this is a pretty basic code itself. I suck at aesthetics. My inspiration has been lacking lately so don't expect much from this thread. And as of right now, my Instagram duplicate code is taking up most of my time.
Anyway, check the links tab for shortcuts to the codes I have posted!
- None of these codes have been made specifically for mobile. They should be compatible with mobile but they certainly wont be optimized for mobile use.
- I am also using the Light RPNation theme and my display is zoomed out to 80% so, but the codes should work on all display sizes/themes.
[div class=linktext]code one
- I am also using the Light RPNation theme and my display is zoomed out to 80% so, but the codes should work on all display sizes/themes.
[div class=linktext]code one
[div class=linktext]code two[/div]
[div class=linktext]code three[/div]
[div class=linktext]code four[/div] [/div][/div] [/div] [/div] [/div] [/div]
Last edited:
:*
