Welcome Guest! Your last visit was . You have made 118 posts! Please welcome our newest member, Ika Mazi (Jeff)!

    Thread Template Build Thingy

    Share
    avatar
    N-san

    Ooh Shiny!

    Lineage : Byyako, The White Tiger
    Position : None
    Origin : De Fiore
    Posts : 23
    Sacred Shards : 0
    Class : F
    Level : 1
    Experience : 0

    Character Sheet
    Character Name: N
    Alignment: Chaotic Evil
    Primary Magic: Arcana Force

    Thread Template Build Thingy

    Post by N-san on Sun Apr 12, 2015 8:25 pm


    WORDS GO HERE



    Last edited by N-san on Mon Apr 13, 2015 7:45 pm; edited 6 times in total
    avatar
    Yoshige
    Bardock VIP

    I Need A Medic! My Name's Olaf! The Water Within
    The First Ice & Bloodbender

    Lineage : The Sun
    Position : None
    Origin : Spirit Wilds
    Posts : 206
    Sacred Shards : 0
    Class : F
    Level : 4
    Experience : 520

    Character Sheet
    Character Name: Yoshigé Mizuzoku
    Alignment: Neutral
    Primary Magic: Waterbending

    Re: Thread Template Build Thingy

    Post by Yoshige on Sun Apr 12, 2015 8:30 pm

    Fist part is choosing the background. There's three versions of this... but I'll give you the base for it

    Below, is the image background.


    Code:
    <center><table><tr><td style="width: 475px; padding: 5px; border-width: 3px; border-style: double; border-color: #c1c1c1; background: url(http://oi61.tinypic.com/29kxbhh.jpg);">
    </td></tr></table></center>

    Then you have your color background


    Code:
    <center><table><tr><td style="width: 475px; padding: 5px; border-width: 3px; border-style: double; border-color: #7AB85C; background-color: #BE5F7C;">
    </td></tr></table></center>

    Last, is the ghost background.


    Code:
    <center><table><tr><td style="width: 475px; padding: 5px; border-width: 3px; border-style: double; border-color: #BE5F7C;">
    </td></tr></table></center>

    Of course, you can change the colors. Here's a good site : http://paletton.com/#uid=c4H5p2G1E0kllllaFw0g0qFqFg0w0aF

    And go ahead and change the width of the box. Usually forums max out around 700 (in the case of ULRP) but most sites can only support 500 or 550 width.

    So take that, play with measurements, and then we can go into header image.


    _______________________________________________________________________________________________________

    avatar
    N-san

    Ooh Shiny!

    Lineage : Byyako, The White Tiger
    Position : None
    Origin : De Fiore
    Posts : 23
    Sacred Shards : 0
    Class : F
    Level : 1
    Experience : 0

    Character Sheet
    Character Name: N
    Alignment: Chaotic Evil
    Primary Magic: Arcana Force

    Re: Thread Template Build Thingy

    Post by N-san on Sun Apr 12, 2015 8:34 pm


    avatar
    Fetus
    Shinigami VIP

    I'm Important Too!

    Lineage : Martyr's Soul
    Position : None
    Origin : Pandora
    Posts : 717
    Sacred Shards : 3
    Class : C
    Level : 23
    Experience : 10870

    Character Sheet
    Character Name: Fetus
    Alignment: Chaotic Good
    Primary Magic: Dog

    Re: Thread Template Build Thingy

    Post by Fetus on Sun Apr 12, 2015 8:39 pm

    @N-san wrote:


    Go ahead and edit the first post.

    Pretend it's like an app I'm grading.

    Good, but edit your first post, like when you make an app.

    Now the question is what type of Template you wanna build.










    This is known as the "Header Type"

    So tell me which and I'll walk you through the code.

    Also, this can be done with a separate box, meaning you can make a sub part. Such examples are like:
    THIS IS THE STORY OF A GIRL,
    WHO CRIED A RIVER AND DROWNED THE WHOLE WORLD
    [image]

    [image]

    [image]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultrices urna orci, non convallis tellus. Nunc id sapien at tellus vestibulum rutrum. Ut sed enim sit amet urna iaculis luctus. Etiam at quam erat, id fermentum nisi. Donec mattis luctus mi vel convallis. Praesent luctus adipiscing elementum. Cras et dui mauris. Sed scelerisque euismod vulputate. Vivamus placerat, lacus quis fringilla elementum, massa mi viverra nibh, et blandit neque eros nec neque. Aenean eget ipsum nunc.

    Cras vitae bibendum risus. Vivamus ligula elit, viverra at elementum a, pulvinar id felis. Suspendisse id faucibus lorem. Praesent et mauris nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut adipiscing lectus. Nunc pulvinar bibendum nisi, ac suscipit justo dictum sit amet.

    Fusce tempor ullamcorper neque ac auctor. Etiam nec dui risus. Integer sit amet risus sit amet nibh ultrices pretium in sit amet mi. Pellentesque non lectus imperdiet dolor varius luctus. Nulla facilisi. Nulla nibh metus, laoreet ac fermentum nec, dapibus in orci. Etiam non est felis, eleifend cursus arcu. Vestibulum ac lorem nec justo pharetra iaculis et id dui. Nam vehicula, odio eu adipiscing iaculis, urna lorem suscipit nunc, ac sagittis lacus dolor ac elit. Sed non tempus justo.

    Praesent quis leo quis elit euismod bibendum sit amet nec est. Curabitur blandit, magna sed ornare tincidunt, dolor sapien placerat justo, non eleifend risus turpis sit amet ante. Nunc consequat laoreet elit et fringilla. Ut sapien ipsum, tristique eget ultrices in, tempor at tellus. Aliquam vehicula, sem ac placerat euismod, arcu dui facilisis dui, vitae venenatis sem metus sit amet dolor. Praesent eget purus eu arcu tempor vulputate eget at urna. Nam hendrerit pellentesque urna, eget adipiscing velit ornare convallis. Morbi accumsan ultricies mauris ut posuere.

    WORDS! go here TAGS! go here NOTES! go here!
    AND WHILE SHE LOOKS SO SAD IN PHOTOGRAPHS,
    I ABSOLUTELY LOVE IT WHEN SHE SMILES.


    NO ONE HOLDS
    [image]
    I DON'T CARE WHAT YOU'RE AFTER, AS LONG AS I'M THE ONE, OH. I DON'T CARE WHY YOU'RE LEAVING. YOU'LL MISS ME WHEN YOU'RE GONE. I DON'T KNOW WHERE YOU'RE GOING OR WHEN YOU'RE COMING HOME. I LEFT THE KEY UNDER THE MAT TO OUR FRONT DOOR, FOR ONE MORE CHANCE TO HOLD YOU CLOSE. I DON'T KNOW
    ME DOWN LIKE YOU DO, SWEETHEART
    #### WORDS
    NAME(S) HERE
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl odio, gravida vulputate vehicula eget, tempor sollicitudin mi. Sed sit amet urna erat. Fusce in risus urna, eget semper urna. Cras dignissim tellus tincidunt odio facilisis mattis. Vivamus massa turpis, interdum vel sagittis non, auctor sed orci. Nullam orci sem, hendrerit eu eleifend a, vestibulum vitae ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam placerat nibh ut purus cursus nec elementum nunc auctor. Fusce sit amet justo malesuada elit placerat scelerisque. Pellentesque eu accumsan erat. Aliquam hendrerit dapibus justo, quis aliquam urna sagittis vitae.

    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec malesuada rhoncus cursus. Etiam vitae dui non risus congue faucibus vel ut justo. Donec ornare congue turpis id porttitor. Nam tristique, felis vel dapibus feugiat, leo lorem ultricies ipsum, eu sollicitudin purus velit at lectus. Aliquam erat volutpat. Etiam dignissim erat eu felis bibendum in congue turpis egestas. Mauris mattis lacinia tortor hendrerit pretium. Nulla volutpat ultricies interdum. Aliquam erat volutpat. Vestibulum sed felis turpis. Praesent ultrices lacus dictum justo sollicitudin sit amet faucibus arcu sodales. Praesent at dui felis, quis venenatis felis. Duis ut dui velit. Aliquam ullamcorper pharetra lectus ut euismod.

    Nunc eu posuere mauris. Nulla facilisi. Aliquam vitae eros arcu. Proin a commodo magna. Morbi mattis augue diam. Cras elementum egestas eros, vel accumsan odio tristique ac. Sed facilisis lacus nisi, at rutrum lorem. Ut interdum, leo eu lobortis pharetra, dui tellus laoreet risus, a eleifend erat dolor quis turpis.

    Integer vestibulum dignissim dictum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut sollicitudin ante nec massa mattis id dapibus est scelerisque. Curabitur nec rutrum nunc. Nullam condimentum quam nec tellus condimentum fringilla. Praesent luctus dictum dolor non viverra. Vestibulum ultrices tortor nec odio tincidunt rhoncus. Nullam at ligula vitae sem pharetra porta. Nam sapien est, imperdiet at porta et, accumsan quis elit. Donec dictum orci nec dui blandit in tempus tortor consequat. Cras lacinia euismod scelerisque. Etiam tempus mauris a dui facilisis id sollicitudin justo semper. Sed vulputate tortor sed risus imperdiet ac ultrices arcu fermentum. In hendrerit pretium convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac augue nibh.

    Etiam vel purus id ante rutrum rutrum. Fusce eu nulla orci. Sed at ornare ipsum. Etiam sollicitudin, nisi sit amet feugiat rutrum, tellus leo posuere dui, ut tincidunt dui massa sit amet justo. Donec sed justo libero, eu scelerisque dolor. Suspendisse non turpis vel ante luctus lobortis nec at justo. Fusce fringilla odio felis, vel aliquam justo.
    NOTES: notes notes notes notes notes because i mean what else would you put under 'notes'



    Curved Border Code:
    Code:
    border-radius: 14px 14px 14px 14px; -moz-border-radius-topright: 14px; -moz-border-radius-topleft: 14px; -moz-border-radius-bottomright: 14px; -moz-border-radius-bottomleft: 14px;

    Single Border Code:
    Code:
    border-radius: 15px; border: #5BC800 solid 3px;

    The above will replace any part of the code that has border in the name


    _______________________________________________________________________________________________________

    avatar
    Fetus
    Shinigami VIP

    I'm Important Too!

    Lineage : Martyr's Soul
    Position : None
    Origin : Pandora
    Posts : 717
    Sacred Shards : 3
    Class : C
    Level : 23
    Experience : 10870

    Character Sheet
    Character Name: Fetus
    Alignment: Chaotic Good
    Primary Magic: Dog

    Re: Thread Template Build Thingy

    Post by Fetus on Sun Apr 12, 2015 8:50 pm

    So to do






    The question is if you want the rounded edges






    This is the curved border code, placed in the "div" of where the image is.


    _______________________________________________________________________________________________________

    avatar
    Fetus
    Shinigami VIP

    I'm Important Too!

    Lineage : Martyr's Soul
    Position : None
    Origin : Pandora
    Posts : 717
    Sacred Shards : 3
    Class : C
    Level : 23
    Experience : 10870

    Character Sheet
    Character Name: Fetus
    Alignment: Chaotic Good
    Primary Magic: Dog

    Re: Thread Template Build Thingy

    Post by Fetus on Sun Apr 12, 2015 8:50 pm

    So for the image use

    <div style="background-image: url(http://oi62.tinypic.com/vded15.jpg); width: 475px; height: 160px; ">

    You can change the width and height as you wish. This goes between the table code :

    <center><table><tr><td style="width: 475px; padding: 5px; border-width: 3px; border-style: double; border-color: #c1c1c1; background: url(http://s8.tinypic.com/2nqacms_th.jpg);"><div style="background-image: url(http://oi62.tinypic.com/vded15.jpg); width: 475px; height: 160px; "></td></tr></table></center>

    That puts the image inside of the box.

    This is the basis of this. After this, you'll build your "Text area" which is where you're actual post will go.


    _______________________________________________________________________________________________________

    avatar
    N-san

    Ooh Shiny!

    Lineage : Byyako, The White Tiger
    Position : None
    Origin : De Fiore
    Posts : 23
    Sacred Shards : 0
    Class : F
    Level : 1
    Experience : 0

    Character Sheet
    Character Name: N
    Alignment: Chaotic Evil
    Primary Magic: Arcana Force

    Re: Thread Template Build Thingy

    Post by N-san on Mon Apr 13, 2015 3:43 pm

    How would I add in a text box?
    avatar
    Fetus
    Shinigami VIP

    I'm Important Too!

    Lineage : Martyr's Soul
    Position : None
    Origin : Pandora
    Posts : 717
    Sacred Shards : 3
    Class : C
    Level : 23
    Experience : 10870

    Character Sheet
    Character Name: Fetus
    Alignment: Chaotic Good
    Primary Magic: Dog

    Re: Thread Template Build Thingy

    Post by Fetus on Mon Apr 13, 2015 4:49 pm

    Now now, don't get ahead of me. The next step is such.



    WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE WORDS GO HERE

    Box that scrolls:
    Code:
    <div style="background-color: #1d1d1d; font-family: verdana; font-size: 12px; width: 475px; height: 350px; overflow: auto; color: #838382; text-align: justify; line-height: 11px; padding: 10px 30px 10px 30px;">
    WORDS GO HERE
    </div>

    No Scroll:
    Code:
    <div style="background-color: #1d1d1d; font-family: verdana; font-size: 12px; width: 475px; color: #838382; text-align: justify; line-height: 11px; padding: 10px 30px 10px 30px;">
    WORDS GO HERE
    </div>

    With these, you can play with width and stuff. It's up to you. You really don't need "Width: __px;"

    Post this after the last "< /div >"


    _______________________________________________________________________________________________________

    avatar
    Unknown
    Krillin VIP

    Gravestone I Need A Medic!

    Lineage : Starcrossed Lovers, Luna
    Position : None
    Origin : Ninja Town
    Posts : 252
    Sacred Shards : 0
    Class : F
    Level : 3
    Experience : 50

    Character Sheet
    Character Name: Kabuto Yakushi
    Alignment: Neutral Evil
    Primary Magic:

    Re: Thread Template Build Thingy

    Post by Unknown on Sat Jun 27, 2015 10:33 pm

    @N-san wrote:



    _______________________________________________________________________________________________________


    ~ Kabuto ~
    ~ Bank ~


      Current date/time is Thu Jun 22, 2017 11:52 pm