Fancypost tutor needed please!!! (Read PLEASE!!!And only for peeps who know how)

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/.
  • Hiya guys!!!


    I was just wandering if someone could teach me how to make a fancypost!! Mid to advanced please! I know the basics, like, well a basic fancypost, fancypost inside a fancypost, picture backgrounds, and so on. So, I was wondering if somecat would be able to teach me?? I will pay you!! Seriously!! I've got HEAPS on my paws here! Thanks!



    Love,


    Angpetu(Meroko)

    The post was edited 1 time, last by ◕ ◕ a n g p e t u ◕ ◕ ().

  • [align=center]
    [fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: Verdana; font-style: italic; font-size: 36px; margin-bottom: -13px; letter-spacing: 1px; text-align: center][/fancypost]
    [fancypost bgcolor=; background: url(http://www.colourbox.com/previ…th-snow-and-the-stars.jpg
    ); border: 4px double #6B8DAE; border-radius: 5em 5em 5em 5em;]


    [fancyimage]http://img3.etsystatic.com/000…99/il_570xN.307402239.jpg
    [/fancyimage]


    [fancypost bgcolor=black; border: 4px double #6B8DAE; border-radius: 5em 5em 5em 5em; width: 365px; opacity: 1.5;][font=georgia]A rose, a beautiful and radiant rose, could not compare to your beauty...[/fancypost]


    [fancypost bgcolor=black; border: 4px double #6B8DAE; border-radius: 5em 5em 5em 5em; width: 405px; opacity: 1.5;]
    [color=white][font=georgia]
    OOC:


    IC:


    I watched, and crouched down so low, that my belly scraped on the ground. I slowly crawled over to him, soundlessly, almost motionlessly.


    [/fancypost]
    [/fancypost]

  • OKAI! Taim for some serious coding. So, you start out with this code.


    Code
    1. [fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: times new roman; font-style: italic; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: right]Codes Here[/fancypost]


    I modified it for convenience. So, ONLY fill out the Codes Here section. You can use tektek.com's gradient text generator for an easy code, just delete Codes Here and paste in the code from the website. Just try that for now and show me an example. It will look boring, but it's a start.

  • [fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: times new roman; font-style: italic; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: right]Did this work??[/fancypost]

  • Half of the letters are cut off, but I can fix that. It's normal. After the text on border you put a normal fancypost code and fill it out as normal. Like the example below.



    [fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: times new roman; font-style: italic; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: right]Sly as a fox...[/fancypost]

    [fancypost bgcolor=#973D4C; bordercolor=#EDEDFF; borderwidth=5px;][fancyimage]http://www.animalpictures1.com/data/media/31/fox-2.jpg[/fancyimage][size=13pt][font=Arial]


    As sly as a fox,
    As strong as an ox,
    As fast as a hare,
    As brave as a bear,
    ♫♫♫♫♫♫


    [color=#FFFFFF] Here's a quickly done example of a finished one.


    [align=center]♫♫♫♫♫♫
    As free as a bird,
    As neat as a word,
    As quiet as a mouse,
    As big as a house,
    All I wanna be, is everything.[/fancypost]

    The post was edited 1 time, last by ⓜⓐ©ⓨⓜⓐⓡⓚ ().

  • oh...


    [fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: times new roman; font-style: italic; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: right]Did this work??


    [align=center]
    [fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: Verdana; font-style: italic; font-size: 36px; margin-bottom: -13px; letter-spacing: 1px; text-align: center][/fancypost]
    [fancypost bgcolor=; background: url(http://www.colourbox.com/previ…th-snow-and-the-stars.jpg
    ); border: 4px double #6B8DAE; border-radius: 5em 5em 5em 5em;]


    [fancyimage]http://img3.etsystatic.com/000…99/il_570xN.307402239.jpg
    [/fancyimage]


    [fancypost bgcolor=black; border: 4px double #6B8DAE; border-radius: 5em 5em 5em 5em; width: 365px; opacity: 1.5;][font=georgia]A rose, a beautiful and radiant rose, could not compare to your beauty...[/fancypost]


    [fancypost bgcolor=black; border: 4px double #6B8DAE; border-radius: 5em 5em 5em 5em; width: 405px; opacity: 1.5;]
    [color=white][font=georgia]
    OOC:


    IC:


    I watched, and crouched down so low, that my belly scraped on the ground. I slowly crawled over to him, soundlessly, almost motionlessly.


    [/fancypost]
    [/fancypost][/fancypost]

  • Okay, so for just one scroll bar(That's all you can do until tables.), you add this code


    Code
    1. overflow: auto; width: NUMBERpx; height: NUMBERpx;


    where you would normally put more codes, such as the rounded corners code, to the normal fancypost code, ending up with this. Also, here's a note, it should be at least 100 by 100 px for it to work.


    [fancypost bgcolor=#000000; bordercolor=#FFFFFF; borderwidth=5 (RECOMMENDED 0-7)px;overflow: auto; width: 200px; height: 300px]Here's a poorly made example. The words below are placeholders.


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.


    Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.


    Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas mattis. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Proin ut ligula vel nunc egestas porttitor. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna.


    [/fancypost]


    So, the fancypost itself is a scroll bar, so not very useful until tables.