Single post in Chicken's F2U Templates!
Forum Index > Other > Other Art > Chicken's F2U Templates! >
Howdy!
This is a bit different from my usual fare; I wanted to try and make a very basic template with some customizable features. This template is mostly intended for users not very familiar with code to have a way of making something a little personalized for themselves.
🚫This template does not support hideboxes/displays/accordions, tables, nor tabbed interfaces; do not use them.🚫
This template is also only for Forum Signatures, do not use it elsewhere!
You are permitted to change these aspects of the code:
Do not make any other edits without my permission.
Please note that any edits made to the code that do not comply with our Legibility Rules means you are breaking our Site Rules. Please be careful to follow them while making edits.
Edits you can make!
- Changing the background image/color (NOT the textbox color). If you use an image, you must properly credit it and have permission to use it. "From Google" is not proper crediting. Do not use bright saturated colors nor use fast moving/flashing images.
How do I do this?
Look for the section of the code that says background-image:
Replace the image URLthere with the image you wish the background to be. (Make sure to keep the quotation marks) After you replace the image, update the credit so it is accurate. Please refer to our Art Usage and Crediting thread to make sure the image is properly credited.
If you wish to have a solid color as a background, replace the entire background-image: codewith background:gray; changing "gray" to whatever color you wish it to be. Again, do not choose bright saturated colors like red or cyan.
- Changing max-height to height so the signature is always at full height regardless of the amount of text.
Examples
max-height
height
- Changing the font-size of the textbox (not credit) anywhere between 10pt-15pt (NOT PX).
How do I do this?
Inside of the .t section look for this code: font-size:12pt; -- You can change the number to be anywhere between 10 and 15.
- Changing the font of the textbox (not credit).
- More edits I will allow that I won't explain further for:
Other Edits
- Adjusting the background-position and background-size elements.
- Changing the border-radius value between 0px to 25px.
- Removing the link hover effect (a:hover) or changing the transition timing (transition:).
- Changing justify-content to either flex-startor flex-end
to move the textbox left or right.
- Changing the textbox background to be more or fully opaque. Do not make it more transparent.
- Decreasing the max-height / height value for a smaller signature.
- Removing the border from the container and/or the textbox.
credit
Background from Pokemon Anime
F2U code by Gumshoe
credit
Background from Temple of the Sea
F2U code by Gumshoe
Dark Textbox code
[sc=c][sc=t][
]text[
][/sc][/sc][sc=r][pit=credit]Background from Pokemon Anime
[url=/forum/thread/322214]F2U code by Gumshoe[/url][/pit][/sc][
][style]@w:white;@g:#505050;@b:black;.c{padding:8px;background-image:url('https://i.imgur.com/xa8nnRv.png');background-size:cover;background-position:center;max-height:214px;border:1px solid @b;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.t{font-size:12pt;color:@w;a{color:#cccccc;transition:.2s}a:hover{color:@w;transition:.2s}background:rgba(20,20,20,.85);text-align:center;padding:5px;border-radius:5px;width:284px;border:1px solid @b;.expbar{cursor:default;background:@b;color:@w;border-color:@b;>div{background:@g;border-right:none}}div.tooltip_content{background:@g;color:@w;border-color:@b}.bbcode_tooltip{border-color:@w}.party>div{background:@b;border-color:@b;box-shadow:none;margin-left:-13px}}.r{text-align:right;font-size:10pt;.bbcode_tooltip{border:none}div.tooltip_content{right:0px;bottom:14px;font-size:10pt}}[/style]
Light Textbox code
[sc=c][sc=t][
]text[
][/sc][/sc][sc=r][pit=credit]Background from Temple of the Sea
[url=/forum/thread/322214]F2U code by Gumshoe[/url][/pit][/sc][
][style]@w:white;@r:#bababa;@b:black;.c{padding:8px;background-image:url('https://i.imgur.com/GIoNxqI.png');background-size:cover;background-position:center;max-height:214px;border:1px solid @b;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.t{font-size:12pt;color:@b;a{color:#383838;transition:.2s}a:hover{color:@b;transition:.2s}background:rgba(232,232,232,.85);text-align:center;padding:5px;border-radius:5px;width:284px;border:1px solid @b;.expbar{cursor:default;background:@w;color:@b;border-color:@b;>div{background:@r;border-right:none}}div.tooltip_content{background:@r;color:@b;border-color:@b}.bbcode_tooltip{border-color:@b}.party>div{background:@w;border-color:@b;box-shadow:none;margin-left:-13px}}.r{text-align:right;font-size:10pt;.bbcode_tooltip{border:none}div.tooltip_content{right:0px;bottom:14px;font-size:10pt}}[/style]
Changelog
Nothing yet!