Single post in A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides > A Somewhat Extensive Guide to BBCodes >
QUOTE originally posted by KishanHaru
code
[IMG]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/Ember_Journal_Header.png[/IMG][css=background:url('https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/shop_background.png'); background-size:100% auto; background-repeat: repeat-y; color:#131436; padding: 0px 0% 0px 6.6%; font-size:12pt;][css=margin-top:0%; margin-bottom:0%; min-height:10px; position:relative;][sc=tabbed_interface horizontal][
][ul]
[li][tip=Table of Contents][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_1.png[/img][/tip][/li]
[li][tip=Living Dex(Dexing Service)][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_2.png[/img][/tip][/li]
[li][tip=Summons][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_3.png[/img][/tip][/li]
[li][tip=Gems][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_4.png[/img][/tip][/li]
[li][tip=Mass Click List][img]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/egg_5.png[/img][/tip][/li]
[/ul]
[sc=tab-active]***VERY MUCH UNDER CONSTRUCTION I DONT KNOW WHAT I'M DOING.***
[center][Size=20][color=#5ac574][pkmn=torchic]Welcome to My Journal[pkmn=torchic][/color][/size][/center]
[center][color=#c7f7e4](reminder that the eggs are tabs)[/color][/center]
[hr]
[size=12]This is a place to organize my hunts, living dex, shop link, cool people, and many many other things![/size]
[br]
[size=12]I'm always looking for spicy pokemon, so if you need any spicy babies that need a home, please send them my way! [/size][
][/sc][
][sc=tab-active]
[center][Size=20][color=white][pkmn=torchic]Living Dex Index[pkmn=torchic][/color][/size][/center]
[hr]
[accordion]
[a-section=Kanto]
meep morp
[/a-section][/accordion]
[/sc][
][sc=tab-active]Tab 3][/sc][
][sc=tab-active]Tab 4][/sc][
][sc=tab-active]tab5c][/sc][/sc]
[/css][/css][IMG]https://pokefarm.com/upload/:vk2/Adopts/Shop_PNGS/shop_footer.png[/IMG]
[style]
a:hover {
color: #303C41;
-webkit-transition: all .1s linear 0s;
}
a {
color: #303C41;
-webkit-transition: all .1s linear 0s;
}
.tabbed_interface{
box-shadow:0 0 0 transparent;
margin: 0;
>ul {
background: none;
border: none;
>li {
border-radius: 5px;
display: inline-block;
background: none;
border: none;
font-size: 12px;
font-family: ms sans serif;
letter-spacing: 0.5px;
padding: 3px;
margin:4px;
text-align: center;
color: none;
cursor: pointer;
position: relative;
}
>li:nth-child(1) {
left: -40px;
top: -30px;
}
>li:nth-child(2) {
left: -30px;
top: -30px;
}
>li:nth-child(3) {
left: -20px;
top: -30px;
}
>li:nth-child(4) {
left: 0px;
top: -30px;
}
>li:nth-child(5) {
left: 0px;
top: -30px;
}
li:hover{
background: none;
border: none;
color: none;
}
>li {
&.tab-active {
background: none;
border: none;
color: none;
}}}
>div {
top: -50px;
width:505px;
border-radius: 0;
border: 5px ridge #FFFFFF;
background: #303C41;
color: white;
min-height: 10px;
text-align: left;
position: relative;
margin: 0px;
font-family: ms sans serif;
font-size: 12px;
padding: 6px;
overflow: hidden;
box-shadow:0 0 0 transparent;
}}
.tabbox{
background:#303C41;
border: #ffffff outset;
width: 200px;
height: 200px;
left: 48px;
top: 6px;
position: absolute;
}
.panel h3 > a > svg {
display:none;
}
.panel {
border: none;
font-family: MS Sans Serif;
box-shadow:0 0 0 transparent;
&>h3 {
>a { color: white; }
background: #88A997;
color: black;
text-align: left;
border-radius: 0px;
border: none;
font-size: 20px;
}
&>h3:hover{
>a { color: #303C41; }
}
&>div {
background: white;
color: #303C41;
border-radius: 0px;
border: 1px solid #88A997;
border-top: none;
}}
table {
margin: 0px auto;
border: 0px;
}
td {
border: 1px solid #88A997;
background-color: white;
color: #88A997;
text-align: center;
}
th {
border: 0px;
background-color: #303C41;
border: 1px solid #303C41;
padding: 3px;
color: white;
text-align: center;
}
.expbar {
border-radius: 0px;
background: white;
border: 1px solid #c194ed;
text-align: top;
font-family: MS Sans Serif;
color: #303C41;
line-height: 15px;
overflow: hidden;
}
.expbar div {
background: #88A997;
border: 0px;
}
.tooltip_content {
font-size: 12px;
text-align:center;
font-family: MS Sans Serif;
background: white;
color: #303C41;
border-radius: 0px;
border: 1px solid #303C41;
}
span.bbcode_tooltip {
border: none;
}
::selection {
color: white;
background: #303C41;
}
.cred{
color: #303C41;
position: absolute;
width: 310px;
height: 13px;
background: #88A997;
top: 223px;
left: 0px;
padding: 4px;
}
[/style]
Art by me