Display Content

Hidebox Content

[ Ask for my permission to edit this code before you actually edit it. When you ask for my permission, you are agreeing that you will still leave in the credits of who made this template. DO NOT REPLACE WHO IT WAS MADE BY When granted permission, you are allowed to: - edit the colors and background and you may add pixel images into the tabbed interface or the "li" if you want. Please do not: -Claim this template as your own -redistribute any of my codes/templates -ask me how to make this -use any of my codes or anyones in general for anything other the Pokefarm itself. -remove credits This was made with the help of pkspsapphire for helping me with the CSS! ] [sc=bg][color=#00000][font=courier new][h1]Template name or username[/h1] [sc=tabbed_interface horizontal] [ul] [li]Info[/li] [li]BBcode testing[/li] [li]Raw code for template[/li] [li]4[/li] [li]5[/li] [li]6[/li] [li]Credits[/li] [/ul][ ][sc=tab-active][b]This template can be used for both about me and forum posts It is best recommended to Bold a lot of things because this font is very thin and sometimes hard to see. Or you can change the font color if you want. When editing this template, please ask for permission by me so you can edit it! You can use this for both posts/forums and about me Thank you Pkspsapphire for helping me making this template by telling me what I had to do![/b][/sc][ ][sc=tab][h1]Header 1[/h1] [h2]Header 2[/h2] [h3]Header 3[/h3] [hr] [url=https://pokefarm.com/]Link[/url], [b]Bold[/b], [i]Italic[/i], [u]Underline[/u], and [tip=TIP CONTENT]Tip[/tip] [pkmnpanel=1CMcW] [progress=40/100]Progress Bar (40/100)[/progress] [display=Display Header][ ]Display Content[ ][/display] [hide=Hidebox Header][ ]Hidebox Content[ ][/hide] [table] [tr] [th]Header 1[/th] [th]Header 2[/th] [th]Header 3[/th] [/tr] [tr] [td]cell 1[/td] [td]cell 2[/td] [td]cell 3[/td] [/tr] [tr] [td]cell 4[/td] [td]cell 5[/td] [td]cell 6[/td] [/tr] [/table] [ul] [li]ITEM 1[/li] [li]ITEM 2[/li] [li]ITEM 3[/li] [li]ITEM 4[/li] [/ul][/sc][ ][sc=tab][hide=Raw Code]Nothing here yet[/hide][/sc][ ][sc=tab]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Interdum varius sit amet mattis vulputate. Arcu ac tortor dignissim convallis aenean et. Sed faucibus turpis in eu mi bibendum. Placerat vestibulum lectus mauris ultrices eros in cursus. Vitae justo eget magna fermentum. Nunc eget lorem dolor sed viverra ipsum nunc. Cursus mattis molestie a iaculis. Enim eu turpis egestas pretium aenean pharetra magna ac. Sociis natoque penatibus et magnis dis parturient. Tincidunt ornare massa eget egestas purus viverra. Arcu bibendum at varius vel pharetra.[/sc][ ][sc=tab]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Interdum varius sit amet mattis vulputate. Arcu ac tortor dignissim convallis aenean et. Sed faucibus turpis in eu mi bibendum. Placerat vestibulum lectus mauris ultrices eros in cursus. Vitae justo eget magna fermentum. Nunc eget lorem dolor sed viverra ipsum nunc. Cursus mattis molestie a iaculis. Enim eu turpis egestas pretium aenean pharetra magna ac. Sociis natoque penatibus et magnis dis parturient. Tincidunt ornare massa eget egestas purus viverra. Arcu bibendum at varius vel pharetra.[/sc][ ][sc=tab]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Interdum varius sit amet mattis vulputate. Arcu ac tortor dignissim convallis aenean et. Sed faucibus turpis in eu mi bibendum. Placerat vestibulum lectus mauris ultrices eros in cursus. Vitae justo eget magna fermentum. Nunc eget lorem dolor sed viverra ipsum nunc. Cursus mattis molestie a iaculis. Enim eu turpis egestas pretium aenean pharetra magna ac. Sociis natoque penatibus et magnis dis parturient. Tincidunt ornare massa eget egestas purus viverra. Arcu bibendum at varius vel pharetra.[/sc][ ][sc=tab][center]Credits: Template: [url=https://pokefarm.com/user/Alcryst]Alcryst[/url] Background: [url=https://stock.adobe.com/search/images?k=starry+background+purple]Adobe Stock[/url] [/center][/sc][/sc][/font] [style] .bg { background: url('https://t4.ftcdn.net/jpg/00/94/92/49/360_F_94924992_lmKgKZbwZ2QqouwH0frEb1DTF2Nh1oLd.jpg'); } //**TABBED INTERFACE STYLING**// .tabbed_interface { margin-bottom: 20px; &>ul { margin-left: 4px; margin-right: 4px; background: #423350; &>li { margin: 4px; background: #7c6790; color: black; border: 1px solid black; border-radius: 20px; text-transform: lowercase; font-variant: small-caps; font-size: 11pt; text-align: center; } &>li:hover { background: #8466a8; border: 1px solid black; border-radius: 20px; color: #11111; font-size: 11.5pt; } &>li.tab-active, li.tab-active:hover { background: #8466a8; border: 1px solid black; border-radius: 20px; color: #11111; font-size: 11.5pt; } } &>div { background: #8466a8; color: black; border: 1px solid black; border-radius: 2px; } } a:link { color: blue; } h1,h2,h3 { color: #FFFFFF; font-family: courier new; } .party > div > .action > .berrybuttons[data-up='sour'] > [data-berry='aspear'], .party > div > .action > .berrybuttons[data-up='spicy'] > [data-berry='cheri'], .party > div > .action > .berrybuttons[data-up='dry'] > [data-berry='chesto'], .party > div > .action > .berrybuttons[data-up='sweet'] > [data-berry='pecha'], .party > div > .action > .berrybuttons[data-up='bitter'] > [data-berry='rawst'] { background: #54a441; } .party>div>.action>.berrybuttons[data-down='sour']>[data-berry='aspear'], .party>div>.action>.berrybuttons[data-down='spicy']>[data-berry='cheri'], .party>div>.action>.berrybuttons[data-down='dry']>[data-berry='chesto'], .party>div>.action>.berrybuttons[data-down='sweet']>[data-berry='pecha'], .party>div>.action>.berrybuttons[data-down='bitter']>[data-berry='rawst'] { background: #a44141; } .party>div>.action a[data-berry]:after { border: 1px solid white; } .party > div { background: #ebb4fa; color: #6e386e; border: 1px solid black; box-shadow: 1px 1px 1px #996099; a:link, a:visited { color: blue; } } .party > div > .pkmn:before { border: 5px solid black; background-color: #703b70; } .party > div > .expbar { border: 1px solid black; color: #000000; background: #854185; > div { background: #f4cdfe; border-right: 1px solid purple; } } div.tooltip_content { background: #da9ddb; color: #000000; border: 1px solid black; } .bbcode_tooltip { border-bottom: 1px dotted white; } .expbar { background: #ebb4fa; color: #000000; border: 1px solid black; > div { background: #bf92cb; border-right: 1px solid black; } } .panel { background: white; //background of the content border: 1px solid black; //border all around the panel color: black; //text color box-shadow: none; //the box shadow margin: 0 auto; //margins for adjusting how much space is outside the panel, 0 auto centers it width: 85%; //adjusting width > h3 { > a { color: black; //header text color } border: 1px solid black; //border around the header background: purple; //background color of the header color: black; //text color for display panels } > div { color: black; //text color border: 1px solid black; //border around the content a:link, a:visited { color: blue; //link color } } } table { border: 2px solid black; //border around the whole table margin: 0 auto; //margins for adjusting how much space is outside the panel, 0 auto centers it th { background-color: purple; //background color of table header border: 1px solid black; //border of table header color: white; //text color of table header } td { border: 1px solid black; //border of table cell background-color: white; //background color of table cell color: black; //text color of table cell } th, td { padding: 5px; //padding applied to both header and cell text-align: center; //text alignment applied to both header and cell vertical-align: middle; //this makes it so the content in the headers and cells are in the middle of the box instead of at the top } } [/style][/color][/sc]