Jump to content

About This Club

This a club for Valucre artists and art appreciators. You can showcase art of your characters and lore, post art tutorials, and discuss art and design in general - digital, traditional, even profile and lore article layouts. Artists may also post commission threads, which must benefit Valucre in some way (Val-commissioned works displayed onsite, or works posted offsite should linked back to the artist's commission thread on Valucre, etc.)

  1. What's new in this club
  2. Demo: | Lux Anima | Congue nam ullamcorper ultricies ullamcorper natoque a per per magnis odio faucibus dis lacinia mus inceptos ullamcorper vestibulum in nec ut in consectetur egestas adipiscing. Faucibus eros proin dui a ad lobortis nam tempus natoque in venenatis velit a quis a mi adipiscing a elementum phasellus conubia congue in a viverra condimentum quisque. Vitae parturient suspendisse eros varius natoque pharetra interdum a posuere est porttitor suspendisse urna orci et a a feugiat ad. Adipiscing adipiscing interdum ligula suspendisse hendrerit ultricies enim a non parturient duis ultrices quis parturient condimentum a per fames ridiculus eu cum a adipiscing sociis at pharetra netus a. Posuere adipiscing a orci a himenaeos commodo facilisis leo cum lacinia egestas eu dui ultrices a posuere eros hendrerit in aptent tristique nulla tellus parturient. Parturient dignissim nostra ligula mi fames bibendum suspendisse torquent sociosqu ullamcorper ac sagittis posuere id ligula at class proin in a platea a lacus convallis at risus. Class mi integer posuere lobortis commodo sit parturient nam fusce magnis consequat lorem adipiscing a elit vestibulum mi aliquet. Vestibulum est a suscipit suspendisse a condimentum integer nam euismod dolor parturient dui netus a parturient id suspendisse sem dolor dui torquent parturient placerat a primis posuere cubilia. Praesent netus consequat a enim consectetur ipsum eros senectus suspendisse lobortis quis ac aptent parturient parturient elementum ac blandit curabitur facilisis vitae himenaeos a ad sed arcu. Euismod elit suspendisse vestibulum suspendisse aptent nam condimentum torquent consectetur natoque id aliquet a vestibulum massa ligula at natoque leo phasellus sed. Aliquet integer per luctus id vestibulum est cursus nibh blandit adipiscing a a id cursus vestibulum et molestie interdum scelerisque. Pretium conubia ad suspendisse a at curabitur a praesent dis ad suspendisse neque euismod hendrerit mattis dolor nam a donec condimentum condimentum massa nec. Code: <div style="width:85%; margin:auto; border-top: 5px solid; border-bottom: 5px solid; padding: 2%; letter-spacing:1px; font-family: Palatino Linotype; text-align:justify;"> <p><img src="IMAGE URL" style="width:100%;"></p> <div style="font-size:20px;text-align:center;font-variant:small-caps;">| Name/Quote |</div> <div style="width:80%;margin:auto; padding: 1% 0"> <p>Paragraph text here</p> </div> </div> Instructions/Terms of use: This is template with aesthetic letter-spacing, justified text, and a border for the top and bottom of the template. Useful for posts, character sheets, whatever catches your fancy. There's also a Quote/Name header that has small-caps text. Edit instructions Replace "IMAGE URL" with the url for the image you want to put in the header of your post Replace "Palatino Linotype" with whatever font you want to have No need to credit me!
  3. A thread for all sorts of HTML templates that can be copied and used by anyone. This includes lore templates, post templates, character sheet templates, and more. Feel free to post templates you've created and instruction for use, preferably with the below format: Template demo (how it looks like when posted) Template Code Instructions / terms of use / about the template Use this coding tutorial for instructions on how to input HTML/inline CSS into the Valucre text editor. Have fun!
  4. No problem! Your character sheet looks amazing enough already but if you need css/html help don't hesitate to ask ^_^
  5. Inline CSS, yes. Separating the CSS using <style> tags or using external CSS doesn't work, though. What CSS Valucre supports is also somewhat limited, since the aesthetic things like drop shadows, border radii, element positioning, and multi-column text boxes don't work ; - ;
  6. Things you must know before ordering: โ€ข Please provide your own image(s). โ€ข It can take up a week or so to complete your order. โ€ข Please take a look at the status to see whether I'm available and accepting orders. Please fill this out when ordering. Username/Name/Title: Type of Graphic you want: Text: Font Type { Optional. Search on www.dafont.com } : Color(s)/theme { 2 or 3 colors only }: Image { Optional } : Details: Animated { Optional }: Size: Tip { Optional }: Total: Are you a repeat customer?
  7. Hello and welcome to Full Moon! My personalized graphic shop! While I do appreciate compensation for my work, this is a pay what you want shop meaning that price will not limit your capability to order. I specialize in creating overlays for Twitch/Mixer/YouTube, signatures for forums, banners and many more! There are however a few things to keep in mind: โ€ข Please do not steal my work. โ€ข Treat everyone with respect. โ€ข I can deny or cancel a quest at any time. โ€ข None of the art will be drawn by me, but the credit will go towards the respective artists. โ€ข Do not rush orders. โ€ข 50% of each commission will go towards donation for the website! โ€ข PayPal is the only accepted method of payment! โ€ข Don't forget to credit me! slots. โ™ก open. โ™ก open. โ™ก open. โ™ก open. โ™ก open.
  8. The following is a character profile card I recently constructed for my characters: Jane Doe A Character Birth Year 18,598 WT (age 0) Species Human Ethnicity Silhouette Gender Female Height 5' 2" Weight 100 lbs Hair Color Black Eye Color Black Skin Color Black Voice Mute "Whoa, I have a character profile!" โ€•A Character Biography Backstory information about the character goes here. Use the page break tags in this code to break The second paragraph of backstory for this blank character. Personality Information about your character's personality. Skills Generic โ€” Has base abilities across the board Plain โ€” Is so boring, nobody knows they are actually a character and not just an NPC, excellent for blending into a crowd Powers & Enhancements Muggle โ€” Has no magical abilities Normal โ€” Has no bodily enhancements For those interested in using it ( @Ataraxy ), here is the code: <!DOCTYPE html> <html> <div id="container" style="width:100%;background-image:url(https://s3.envato.com/files/236662912/Walkway%20Mobile%20Ed.01/T_Walkway_08_BC.jpg);padding:10% 0% 10% 0%; margin:0 auto;float:left;"> <!-- make sure this is a square, seamless texture --> <div id="centerer" style="margin:0 auto;width:850px;background-color:tan;"> <div id="border" style="margin:0 auto;width:850px;float:left;padding:25px 0 25px 0; background:rgba(0,0,0,0.80);;border:4px outset #00FFFF;"> <!-- replace all instances of 00FFFF with a hex color of choice --> <div id="body" style="width:800px;padding:0;margin:auto;background-color:transparent;"> <!-- ///// IMAGE ///// --> <div id="name" style="text-align:center;width:400px;margin:0 auto;height: 50px;font-family:century gothic, sans-serif;float:left;"> <div id="sliderleft" style="text-align: center;padding:5px 0% 5px 0%;border:2px outset #00FFFF;border-collapse:collapse;width:50%;float:right;"> <h1 style="margin:0 auto;padding:0;font-size:18pt;font-weight:bold;color:white;line-height:100%;">Jane Doe</h1> </div> </div> <div id="alias" style="text-align:center;width:400px;margin:0 auto;height: 50px;font-family:century gothic, sans-serif;float:left;"> <div id="sliderright" style="text-align: center;padding:5px 0% 5px 0%;border:2px outset #00FFFF;border-collapse:collapse;width:50%;background-color:#00FFFF;"> <!-- there are two instances here --> <h1 style="margin:0 auto;padding:0;font-size:18pt;font-weight:normal;color:black;line-height:100%;">A Character</h1> </div> </div> <div id="image" style="width:396px;padding:0;margin:0;border-collapse:collapse;float:left;border:2px outset #00FFFF;background-color:#001603;"> <!-- background color is what background appears behind a transparent png image--> <img src="https://www.ciobacademy.org/wp-content/uploads/2017/07/Female-Headshot-Black-and-White.jpg" width="100%" style="display:block;"> </div> <!--profile--> <!-- ///// INFOBOX ///// --> <div id="medic"> <table style="width:400px;height:400px;padding:0;margin:0;border-collapse:collapse;font-family:arial,sans-serif;font-weight:normal;font-size:13pt;text-align:left;color:white;float:left; line-height: 0;"> <!--Birth--> <tr style="background-color:transparent;"> <td style="font-weight:bold;text-align:left;padding: 5px 0 5px 15%;width:50%;">Birth Year</td> <td style="font-size:1em;text-align:left;padding: 5px 0 5px 5%;width:50%;">18,598 WT <span style="font-size:.7em;">(age 0)</span></td> </tr> <!--Race--> <tr style="background-color:transparent;"> <td style="font-weight:bold;padding:5px 0 5px 15%;width:50%;">Species</td> <td style="font-size:1em;padding:5px 0 5px 5%;width:50%;">Human</td> </tr> <!--Ethnicity--> <tr style="background-color:transparent;"> <td style="font-weight:bold;padding: 5px 0 5px 15%;width:50%;">Ethnicity</td> <td style="font-size:1em;padding: 5px 0 5px 5%;width:50%;">Silhouette</td> </tr> <!--Gender--> <tr style="background-color:transparent;"> <td style="font-weight:bold;text-align:left;padding: 5px 0 5px 15%;width:35%;">Gender</td> <td style="font-size:1em;text-align:left;padding: 5px 0 5px 5%;width:65%;">Female</td> </tr> <!--Height--> <tr style="background-color:transparent;"> <td style="font-weight:bold;padding:5px 0 5px 15%;width:50%;">Height</td> <td style="font-size:1em;padding:5px 0 5px 5%;width:50%;">5' 2"</td> </tr> <!--Weight--> <tr style="background-color:transparent;"> <td style="font-weight:bold;text-align:left;padding: 5px 0 5px 15%;width:50%;">Weight</td> <td style="font-size:1em;text-align:left;padding: 5px 0 5px 5%;width:50%;">100 lbs</td> </tr> <!--Hair--> <tr style="background-color:transparent;"> <td style="font-weight:bold;padding:5px 0 5px 15%;width:50%;">Hair Color</td> <td style="font-size:1em;padding:5px 0 5px 5%;width:50%;">Black</td> </tr> <!--Eye--> <tr style="background-color:transparent;"> <td style="font-weight:bold;text-align:left;padding: 5px 0 5px 15%;width:50%;">Eye Color</td> <td style="font-size:1em;text-align:left;padding: 5px 0 5px 5%;width:50%;">Black</td> </tr> <!--Skin--> <tr style="background-color:transparent;"> <td style="font-weight:bold;padding:5px 0 5px 15%;width:50%;">Skin Color</td> <td style="font-size:1em;padding:5px 0 5px 5%;width:50%;">Black</td> </tr> <!--Voice--> <tr style="background-color:transparent;"> <td style="font-weight:bold;padding:5px 0 5px 15%;width:50%;">Voice</td> <td style="font-size:1em;padding:5px 0 5px 5%;width:50%;">Mute</td> </tr> </table> </div> <!-- medic --> <!-- ///// DETAIL WORK ///// --> <div id="quote" style="text-align:center;width:800px;height:65px;margin:0 auto;padding: 0;padding-top:25px;font-family:century gothic, sans-serif;float:left;color:#00FFFF;"> <p style="font-size:12pt;margin:0;padding:0;">"Whoa, I have a character profile!"</p> <p style="font-size:9pt;font-style:italic;margin:0;padding:0">โ€•A Character</p> </div> <!-- ///// DETAIL WORK ///// --> <div id="soul" style="text-align:center;width:800px;padding:10px 0 0px 0;margin:0 auto;font-family:century gothic, sans-serif;float:left;color:#eee;"> <h1 style="font-size:15pt;font-weight:bold;color:white;">Biography</h1> <p style="font-size:10pt;"> Backstory information about the character goes here. Use the page break tags in this code to break <br><br> The second paragraph of backstory for this blank character.</p> </div> <div id="heart" style="text-align:center;width:800px;padding:10px 0 0 0;margin:0 auto;font-family:century gothic, sans-serif;float:left;color:#eee;"> <h1 style="font-size:15pt;font-weight:bold;color:white;">Personality</h1> <p style="font-size:10pt;">Information about your character's personality.</p> </div> <div id="heart" style="text-align:center;width:800px;padding:10px 0 0 0;margin:0 auto;font-family:century gothic, sans-serif;float:left;color:#eee;"> <div id="skills" style="width:50%;float:left;padding:0 5%;"> <h2 style="font-size:15pt;color:white;">Skills</h1> <ul style="text-align:left;font-size:10pt;padding:0 0 0 20px;"> <li><b>Generic</b> โ€” Has base abilities across the board</li> <li><b>Plain</b> โ€” Is so boring, nobody knows they are actually a character and not just an NPC, excellent for blending into a crowd</li> </ul> </div> <div id="powers" style="width:50%;float:left;padding:0 5%;"> <h2 style="font-size:15pt;color:white;">Powers & Enhancements</h2> <!-- one or the other of these can be removed --> <ul style="text-align:left;font-size:10pt;padding:0 0 0 20px;"> <li><b>Muggle</b> โ€” Has no magical abilities</li> <li><b>Normal</b> โ€” Has no bodily enhancements</li> </ul> </div> </div> </div> <!-- End Upper Stratum--> </div> <!--Border overflow: auto;--> </div> <!--Centerer--> </div> <!--Container--> </html> Note, you will need use @Csl's HTML coding tutorial to get this profile card to show up on Val. Also note, this is NOT MOBILE RESPONSIVE, meaning it won't show up on cell phones or small screens very well.
  9. Another depiction of the antics in Chasing Legends (or rather, the sequel): Primary credit goes to @zackrobbman who did the heavy lifting in drawing the original image. I just traced it and gave it color.
  10. Last ones for the year! Day 23: Ancient Feathers and fingers. A thousand hands; a thousand eyes. (One of) Rozharon's true forms Day 25: Tasty Roz eating a burger, as requested by Tyler. Day 26: Dark The spires of Yh'mi. Didn't turn out as well as I wanted it to because perspective is hard, but landscape practice is good!
  11. test 1 lmao Rozharon Paralios @EmpressOfficial โ€ข 2 hours I love my kids๐Ÿ˜˜๐Ÿ˜˜ #MomsOnGrumble REPLY GRUMBLE LIKE SHARE x eternal night 2 when @Casss โ€ข 5 days when that news guy said terrenus was fracturing,,, same tbh REPLY GRUMBLE LIKE SHARE xx The Veluriyam Empire @EmpireOfficial โ€ข 2 minutes We've been hearing rumors circulating about the incident in Lunaris last month. Rest assured, Caer Loerem is doing all it can to bring to justice those responsible for the murders. REPLY GRUMBLE LIKE SHARE
  12. Rough template if anyone wants to use it: <div style="width:400px; margin:auto; border: 1px solid #ccc; padding:2%; font-family:Helvetica;"> <!-- HEADER --> <div style="width:100%; margin-left:1%; padding"> <table style="width:100%; margin:auto;"> <tr> <td style="width:60px;"> <div style="border:1px solid #ccc; width:50px; height:50px; overflow:hidden;"> <img src="IMAGEURL" style="width:50px;"></div> </td> <td> <span style="font-weight:bold;"> USERNAME </span> <br> <span style="color:#ccc"> @GRUMBLEHANDLE &#8226; TIMESTAMP ago </span> </td> </tr> </table> </div> <!--CONTENT--> <div style="width:80%; margin-left:8%; font-size: 0.9em; border-left: 3px solid #ccc; padding: 0 4% 2% 10%;"> grumble text <span style="color:#f88;">#Hashtag</span> </div> <!--ICONS--> <div style="width:90%; margin:auto;"> <table style="margin:auto; width:100%; font-size: 0.7em; color: #f88; padding-top: 2%; text-align:center; letter-spacing:1px;"> <tr> <td>REPLY</td> <td>GRUMBLE</td> <td>LIKE</td> <td>SHARE</td> </tr> </table> </div> </div> It will appear like this: USERNAME @GRUMBLEHANDLE โ€ข TIMESTAMP ago grumble text #Hashtag REPLY GRUMBLE LIKE SHARE
  13.  
×
×
  • Create New...