e c h o
Previously caii1
-caii coding
Last edited:
-
When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!
Remember to credit artists when using work not your own.
Resource ★ elegant coding assistance & freebies with caii ★
- Thread starter e c h o
- Start date
e c h o
Previously caii1
Here's #1.
|| name || age || stat || stat || stat ||
-
1
-
Info
-
2
-
Testing
-
3
-
Stuff
Code:
[div=background: #47989e; border: 1px solid #000; width: 780px;]
[div=background: #eee; width: 780px; text-align: center; margin: 0 auto; font-family: Playfair Display; text-transform: lowercase; font-size: 17px; color: #333; letter-spacing: 2px;]|| name || age || stat || stat || stat || [/div]
[div=width: 350px; height: 175px; margin: 0 auto;][img]https://www.rpnation.com/media/holder-350px-x-175px.24749/full?d=1490332961[/img][/div]
[border=0][accordion=95%|bcenter]
{slide=[color=#ddd][bg=#eee; color: #000; font-family: Playfair Display; text-transform: uppercase;]1[/bg][/color] | center}[bg=#eee; color: #000; font-family: Playfair Display;]Info[/bg]{/slide}
{slide=[color=#ddd][bg=#eee; color: #000; font-family: Playfair Display; text-transform: uppercase;]2[/bg][/color] | center}[bg=#eee; color: #000; font-family: Playfair Display;]Testing[/bg]{/slide}
{slide=[color=#ddd][bg=#eee; color: #000; font-family: Playfair Display; text-transform: uppercase;]3[/bg][/color] | center}[bg=#eee; color: #000; font-family: Playfair Display;]Stuff[/bg]{/slide}
[/accordion]
[/div][/border]
[/div][/border]e c h o
Previously caii1
|
|
Code:
[div=background: #dbc2c2; width: 765px; padding: 5px; ]
[table=none][tr][td]
[div=position: relative; left: 5px; width: 300px; padding: 5px; margin-left: auto; margin-right: auto;][table=none][div=background: #fff; width: 290px; height: 290px; padding: 5px; position: relative; top: -10px; color: #000; font-size: 14px; overflow: auto; ][font=Maven Pro][bg=#dbc2c2; font-size: 24px; color: #fff; text-align: center;][font=Lobster]Title[/font][/bg]
Another freebie.[/font][/div]
[div=width: 290px; background: #fff; height: 65px; padding: 5px; position: relative; top: 0px;][div=background: #dbc2c2; color: #fff; text-align: center; height: 62px; line-height: 62px; font-size: 36px; padding: 2px;][font=Francois One]NAME HERE[/font][/div][/div]
[div=width: 290px; height: 300px; padding: 5px; background: #fff; position: relative; top: 10px;]
[border=0][accordion=100%]
{slide=[font=Lobster][bg=#dbc2c2][color=white]1[/color][/bg][/font]|center|open}[bg=#fff; height: 150px; overflow: auto;][color=black][font=Maven Pro]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/font][/color][/bg]{/slide}
{slide=[font=Lobster][bg=#dbc2c2][color=white]2[/color][/bg][/font]|center}[bg=#fff; height: 150px; overflow: auto;][color=black][font=Maven Pro]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/font][/color][/bg]{/slide}
{slide=[font=Lobster][bg=#dbc2c2][color=white]3[/color][/bg][/font]|center}[bg=#fff; height: 150px; overflow: auto;][color=black][font=Maven Pro]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/font][/color][/bg]{/slide}
[/accordion][/border]
[/div]
[/table][/div][/td]
[td][div=width: 300px; padding: 5px; margin-left: auto; margin-right: auto; margin-top: -5px;][table=none]
[div=width: 300px; height: 700px; background: #fff; ]
[img]https://www.rpnation.com/media/holder-300px-x-700px.24773/full?d=1490422835[/img][/div]
[/table][/div][/td][div=width: 300px; padding: 5px; margin-left: auto; margin-right: auto; margin-top: -5px;][table=none][/table][/div][/tr][div=width: 300px; padding: 5px; margin-left: auto; margin-right: auto; margin-top: -5px;][table=none][/table]
[/div][/table][div=width: 300px; padding: 5px; margin-left: auto; margin-right: auto; margin-top: -5px;]
[/div][/div]
Last edited:
e c h o
Previously caii1
Here's another one.~
Kirito
-
2
-
3
Code:
[div=width: 780px; height: 520px; background: #fff; position: relative; ]
[div=width: 443px; height: 500px; position: absolute; bottom: 0; **MAKE SURE TO CHANGE THIS DIV'S WIDTH AND HEIGHT TO THE DIMENSIONS OF YOUR IMAGE][img]https://www.rpnation.com/media/kirito.24907/full?d=1490504962[/img][/div]
[div=width: 200px; height: 100px; background: #919ca0; text-align: center; position: absolute; right: 100px; font-size: 36px; line-height: 100px; color: #fff; border-radius: 15px;][font=Fredoka One]Kirito[/font][/div]
[div=width: 300px; height: 300px; padding: 10px; background: #919ca0; border-radius: 15px; text-align: justify; position: absolute; bottom: 40px; right: 40px;][border=0][accordion=100%]
{slide=[bg=#fff][color=#919ca0][font=Forum]1[/font][/color][/bg]|center|open}[font=Forum][bg=#fff; text-align: justify; overflow: auto; overflow-x: hidden; height: 145px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/bg][/font]{/slide}
{slide=[bg=#fff][color=#919ca0][font=Forum]2[/font][/color][/bg]|center}[font=Forum][bg=#fff; text-align: justify; overflow: auto; overflow-x: hidden; height: 145px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/bg][/font]{/slide}
{slide=[bg=#fff][color=#919ca0][font=Forum]3[/font][/color][/bg]|center}[font=Forum][bg=#fff; text-align: justify; overflow: auto; overflow-x: hidden; height: 145px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/bg][/font]{/slide}
[/accordion][/border]
[/div]
[/div]
Last edited:
e c h o
Previously caii1
I have been busy lately, but it should end after this weekend. So afterwards I'll be a lot more active with this thread and be more open to taking requests.
Celeste-Ominous
Lord of love and rage.
Awesome...! :3
