Tutoring{~Private for ѕιlenт ecнoeѕ~}

This is an archived version of FeralFront. While you can surf through all the content that was ever created on FeralFront, no new content can be created.
If you'd like some free FeralFront memorabilia to look back on fondly, see this thread from Dynamo (if this message is still here, we still have memorabilia): https://feralfront.com/thread/2669184-free-feralfront-memorabilia/.

    [fancypost bgcolor=; border: groove white 7px; background:url(http://fc03.deviantart.net/fs7…_winterbright-d4qjohb.png); height: 470px; width: 450px; border-radius: 0px 60px 60px 60px;]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; opacity: 0.60; border-radius: 20px; height: 100px; width: 400px;]


    [size=40pt]Echo Says...[/size]

    [/fancypost]


    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 180px; width: 400px; overflow: auto; opacity: 0.70;]

    [size=16pt]In Character[/size]
    [justify]


    Yep! C:



    [/justify]



    [/fancypost]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 120px; width: 400px; overflow: auto; opacity: 0.70; border-radius: 0px 0px 90px 90px;]

    [color=darkorchid][font=century gothic][size=16pt]Out of Character[/size]
    [justify]

    [font=georgia][color=DarkOrchid]
    OOC text here


    [/justify]


    [/fancypost]

    Alright~ First things first, the 'outside' of a camp code. It looks like this:

    Outside Code


    You edit your camp by adding additional codes between the 'body' and '</style>' pieces of this code.


    The first main code that goes inside is the background code, which (as the name implies) edits the backdrop of your camp.

    Background Code


    There are two main ways to use this code:
    -Fill in a hexcode where it says 'HERE' to change the background to a solid color.
    -Fill in 'url(LINK)' where it says 'HERE' to change the background to an image. 'LINK' is replaced by the url of whichever image you'd like to use. (It's important to note that not all images 'fit'. If an image is too small, it will be repeated to fill the extra space, which can give your profile a boxy look.)

    [fancypost bgcolor=; border: groove white 7px; background:url(http://fc03.deviantart.net/fs7…_winterbright-d4qjohb.png); height: 470px; width: 450px; border-radius: 0px 60px 60px 60px;]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; opacity: 0.60; border-radius: 20px; height: 100px; width: 400px;]


    [size=40pt]Echo Says...[/size]

    [/fancypost]


    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 180px; width: 400px; overflow: auto; opacity: 0.70;]

    [size=16pt]In Character[/size]
    [justify]


    Okay...so you either enter a hex code or a URL. Got it! C: What's next?



    [/justify]



    [/fancypost]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 120px; width: 400px; overflow: auto; opacity: 0.70; border-radius: 0px 0px 90px 90px;]

    [color=darkorchid][font=century gothic][size=16pt]Out of Character[/size]
    [justify]

    [font=georgia][color=DarkOrchid]
    OOC text here


    [/justify]


    [/fancypost]

    Okay, next would be our header code!

    Header Code


    This code replaces the large WCRPG at the top of the page with a picture of your choosing. Just like before, you replace 'LINK' with the url of your image.

    [fancypost bgcolor=; border: groove white 7px; background:url(http://fc03.deviantart.net/fs7…_winterbright-d4qjohb.png); height: 470px; width: 450px; border-radius: 0px 60px 60px 60px;]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; opacity: 0.60; border-radius: 20px; height: 100px; width: 400px;]


    [size=40pt]Echo Says...[/size]

    [/fancypost]


    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 180px; width: 400px; overflow: auto; opacity: 0.70;]

    [size=16pt]In Character[/size]
    [justify]


    Okay! I have one question: are you allowed to add text to your header? I've seen camps before with text on their headers.



    [/justify]



    [/fancypost]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 120px; width: 400px; overflow: auto; opacity: 0.70; border-radius: 0px 0px 90px 90px;]

    [color=darkorchid][font=century gothic][size=16pt]Out of Character[/size]
    [justify]

    [font=georgia][color=DarkOrchid]
    OOC text here


    [/justify]


    [/fancypost]

    I'm know it can be done, but I'm not really sure how. I've tried playing with the code before and I can never get it to work quite right, sorry. If I find the right coding for it, I'll let you know~ :)

    [fancypost bgcolor=; border: groove white 7px; background:url(http://fc03.deviantart.net/fs7…_winterbright-d4qjohb.png); height: 470px; width: 450px; border-radius: 0px 60px 60px 60px;]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; opacity: 0.60; border-radius: 20px; height: 100px; width: 400px;]


    [size=40pt]Echo Says...[/size]

    [/fancypost]


    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 180px; width: 400px; overflow: auto; opacity: 0.70;]

    [size=16pt]In Character[/size]
    [justify]


    Okay. Thank-you! Umm... ^-^ What's next?



    [/justify]



    [/fancypost]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 120px; width: 400px; overflow: auto; opacity: 0.70; border-radius: 0px 0px 90px 90px;]

    [color=darkorchid][font=century gothic][size=16pt]Out of Character[/size]
    [justify]

    [font=georgia][color=DarkOrchid]
    OOC text here


    [/justify]


    [/fancypost]

    Let's see... Umm, here's the home bar code, which changes the bar at the top of your profile.


    Home Bar Code


    -'HERE' can once more be replaced by either a hexcode or 'url(LINK)' to change the main color of the bar.
    -Where it says 'border-bottom: 1px solid HEXCODE' you can change several things. First is the '1px' part. The number in front of the 'px' regulates the thickness of the border on your home bar and the higher the number, the thicker it will be. 'Solid' can also be replaced with 'dashed', 'dotted', or 'double' to change what kind of border the bar has. Once more, 'HEXCODE' is replaced with a hexcode of your choosing, which will change the border's color.
    -Where it says 'border-radius: 1px 1px 1px 1px', you can edit the roundness of the bar. Changing the number in front of the 'px' changes how curved the borders are. All the numbers can be the same, or they can vary.
    -Where it says 'text-align: center', you can change where the words in your bar are located. Changing 'center' to 'left' or 'right' moves the text over to the specified side.
    -Where it has 'text-size: 20pt', you can simply change the number to edit the size of the words.
    -Wherever it has 'color: HEXCODE', you can fill in a hexcode to change the color of the words.

    [fancypost bgcolor=; border: groove white 7px; background:url(http://fc03.deviantart.net/fs7…_winterbright-d4qjohb.png); height: 470px; width: 450px; border-radius: 0px 60px 60px 60px;]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; opacity: 0.60; border-radius: 20px; height: 100px; width: 400px;]


    [size=40pt]Echo Says...[/size]

    [/fancypost]


    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 180px; width: 400px; overflow: auto; opacity: 0.70;]

    [size=16pt]In Character[/size]
    [justify]


    Oh, so it's basically like a fancypost: editing the border, boxes, and text...?



    [/justify]



    [/fancypost]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 120px; width: 400px; overflow: auto; opacity: 0.70; border-radius: 0px 0px 90px 90px;]

    [color=darkorchid][font=century gothic][size=16pt]Out of Character[/size]
    [justify]

    [font=georgia][color=DarkOrchid]
    OOC text here


    [/justify]


    [/fancypost]

    Yeah, the coding has a lot of similarities! If you already know how to make fancyposts, camp creation shouldn't be too hard for you :3

    [fancypost bgcolor=; border: groove white 7px; background:url(http://fc03.deviantart.net/fs7…_winterbright-d4qjohb.png); height: 470px; width: 450px; border-radius: 0px 60px 60px 60px;]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; opacity: 0.60; border-radius: 20px; height: 100px; width: 400px;]


    [size=40pt]Echo Says...[/size]

    [/fancypost]


    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 180px; width: 400px; overflow: auto; opacity: 0.70;]

    [size=16pt]In Character[/size]
    [justify]


    Okay! Sorry for the late post. My birthday party was today, and the internet wasn't working the night before.


    Is there anything you missed, or is that it?


    [/justify]



    [/fancypost]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 120px; width: 400px; overflow: auto; opacity: 0.70; border-radius: 0px 0px 90px 90px;]

    [color=darkorchid][font=century gothic][size=16pt]Out of Character[/size]
    [justify]

    [font=georgia][color=DarkOrchid]
    OOC text here


    [/justify]


    [/fancypost]

    [fancypost bgcolor=; border: groove white 7px; background:url(http://fc03.deviantart.net/fs7…_winterbright-d4qjohb.png); height: 470px; width: 450px; border-radius: 0px 60px 60px 60px;]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; opacity: 0.60; border-radius: 20px; height: 100px; width: 400px;]


    [size=40pt]Echo Says...[/size]

    [/fancypost]


    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 180px; width: 400px; overflow: auto; opacity: 0.70;]

    [size=16pt]In Character[/size]
    [justify]


    No, but I'm eager to know how! :D



    [/justify]



    [/fancypost]

    [fancypost bgcolor=white; bordercolor=transparent; borderwidth=0px; height: 120px; width: 400px; overflow: auto; opacity: 0.70; border-radius: 0px 0px 90px 90px;]

    [color=darkorchid][font=century gothic][size=16pt]Out of Character[/size]
    [justify]

    [font=georgia][color=DarkOrchid]
    OOC text here


    [/justify]


    [/fancypost]

    Alrighty~ First are the news boxes. They include the box where it says 'Hi, [you're profile name]' and the box directly to the right of that.


    The code looks like this:

    News Box Code


    -Just like before, you can fill in a link for the background, but if you want it to be only a hexcode color you replace the entirety of the code after 'background: ' with that hexcode.
    -The first 'color' code edits the color of the text in left box, whilst the second edits the color of the text in the right.
    -The 'border' and 'border-radius' codes are just like before.

    .newsDiv, .userinfo {
    background: url(LINK) no-repeat scroll 0 0 transparent;
    color: HEXCODE;
    border: 1px solid HEXCODE;
    border-radius: 1px 1px 1px 1px;
    }


    .newsText, .inner {
    color: HEXCODE;
    }

    [fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: georgia; font-style: italic; font-size: 36px; margin-bottom: -30px; letter-spacing: 13px; text-align: center][size=35pt]ρøɾсε[/size][/fancypost][fancypost bgcolor=; background:url(http://25.media.tumblr.com/360…ii82dIGO1sqrra8o1_500.gif); width: 418px; height: 550px; border-radius: 55px; border-right: dashed 0px ; border-left: dashed 0px; font-family: Andale mono; color: black; text-align: center;]



    I thought of angels
    Choking on their halos
    Get them drunk on rose water




    [fancypost bgcolor=white; opacity: .8; width: 380px; height: 180px; overflow: auto; ]
    [size=11pt]IC;[/size]
    text




    [/fancypost]




    [fancypost bgcolor=white; opacity: .8; width: 380px; height: 120px; overflow: auto; ]
    [size=11pt]OOC; [/size]
    Hello, I was wondering if this is still open to give help? To put into more context, I would like to learn how to remove headings/boxes/move the menu bar like you did in your profile :> Could you possibly help me or would you prefer not to? Thank you darling!




    [/fancypost]



    See how dirty I can get them
    Pulling out their fragile teeth
    And clip their tiny wings




    [size=5pt]© Porcupinasaurus[/size]

    Sure, I'd love to help you out ^^


    Removing boxes is pretty simple~ Just add 'Display: none;' to any part of the code you want to get rid of.


    For example, if you wanted to remove the header you would put:
    '#header {display: none;}' into your code (between the <style></style> tags)