Shop Mobile More Submit  Join Login

The Journal Portal

Tune into the voice of the community by checking out DeviantArt's Journal Portal. Join the conversation by browsing, adding faves, and leaving comments, or submit your own Journal to let your voice be heard.

Submit Journal

54,613 Deviants Online

Hello!



Hello and welcome to my little html tutorial. I've been working with html codes for a couple of years and I'm going to teach you what I know about using some basic html on deviantART. This won't make you a html expert or something and I'm not an expert myself but it will give just enough knowledge to make your journals, comments, news articles and other neat and lovely looking. :)

deviantART actually has FAQs about html but I still wanted to do this because they look a bit unorganized, in my opinion. Also, why would you want to look for those FAQs when you can just open this news article where you have everything in one place? :dummy:

You may already know some of these, but I hope you'll find at least something helpful in this news article.

Some basic html



:bulletorange:Bold text: <b>insert text here</b>

:pointr: Result: Example text
:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

:bulletyellow:Italic text: <i>insert text here</i>

:pointr: Result: Example text
:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

:bulletorange:Underlined text: <u>insert text here</u>

:pointr: Result: Example text
:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

:bulletyellow:Strike: <strike>insert text here</strike>

:pointr: Result: Example text
:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

:bulletorange:Subscript: <sub>insert text here</sub>

:pointr: Result: Example text
:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

:bulletyellow:Superscript: <sup>insert text here</sup>

:pointr: Result: Example text
:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

:pointr:Also, it's good to know: You can use <sup> and <sub> as many times you want to make your text even smaller. <sub><sub><sub><sub>insert text here</sub></sub></sub></sub>
:pointr:Result: Tiny text

:bulletorange:Small text: <small>insert text here</small>

:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments and notes.

:bulletyellow:Blockquote: <blockquote>insert text here</blockquote>

:pointr: Result:
Example text

:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, notes and probably everywhere.

:bulletorange:Centering text: <div align="center">insert text here


:pointr:Result:
Example text

:pointr:This html code will work in: journal entries, group blogs and news articles. It won't work in notes, comments and artist's comments. It used to work in artist's comments, but for some reason, it doesn't any more.
:pointr:Also, it's good to know: you can replace "center" with "right" ("left" would be useless since it's default.)

:pointr:Result:
Example text

:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles.

:bulletyellow:Horizontal line: <hr>

:pointr:Result:

:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles and notes.

Font size - headings



:bulletorange:Headings:Since you can't actually change the font size with normal font size html codes, you'll need to use headings. There are 6 headings types:
<h1>Example text</h1>
<h2>Example text</h2>
<h3>Example text</h3>
<h4>Example text</h4>
<h5>Example text</h5>
<h6>Example text</h6>

:pointr:Result:

Example text


Example text


Example text


Example text


Example text

Example text



:new::pointr: This code will work in (premium) journals, news articles, artist's comments and special boxes on user's profile. It will not work in comments.


:bulletyellow:Code: Used for defining computer code, but deviants just use it to change their font. <code>Insert text here</code>

:pointr:Result: Example text
:pointr:This html code will work pretty much everywhere, I think. I don't use it that often so I'm not sure, but considering the popularity of it, I think it works everywhere.




Links and photos



:bulletorange:Including links to pages: <a href="insert url here">text that will be clickable</a>

:pointr: Result: Here's a link to deviantART
:pointr:This html code will work in: journal entries, group blogs, comments, artist's comments, news articles, but will not work in group notes.

:bulletyellow:Including photos: <a href="Insert link to the page where the photo is originally coming from"><img src="Insert link to photo"></a>
:pointr:This html code will work in: Premium journal entries, Super group blogs, custom boxes.

:bulletorange:Using big thumbs: <a href="Insert link address here"><img src="Insert Image URL here" width="Insert the desired width of the photo"></a>
:pointr:This html code will work in: journal entries (for premium members only), Super group blogs and custom boxes.

:pointr:To copy a link address, you need to go to the page of the photo you want to link and copy the address in the address bar of your browser. To copy image URL, you need to right click on the photo itself and select Copy image location if you use Firefox or something that implies that you're copying the location of the photo if you're using other browsers. The maximum size of a dA thumbnail is 150×150 which is rather small. Using 300 or 400 or even 500 pixels won't ruin your profile page if you're planning to use this in a journal, but bigger sizes will. The photos might even be cropped, depending on the size of your monitor and the size of the thumb.

:bulletyellow:Description pop-up:You can also include little pop-up text to your links by using this code:
<acronym title="popup text"><a href="insert url here">text that will be clickable</a></acronym>

:pointr:Result: deviantART




Combining codes



:bulletorange:You can also combine as many codes as you want. Let's say that the letter A is a start code and /A is the end code, and B is a different code that ends with /B, the same thing goes for C - /C and D - /D. The correct closing order goes like this: A B C D insert text here /D/C/B/A.
For example; here's a subscripted text that's bold, underlined, strike, italic, centerd and contains a link:
This won't be easy to read, but you get the point. Here's a link to dA again.


My code for this was:
<div align="center"><sub><b><i><u><strike>This won't be easy to read, but you get the point. <a href="www.deviantart.com/">Here's a link to dA again.</a></strike></u></i></b></sub></div>

I just wanted to show you all how ridiculously long and confusing this looks but it's really, really easy so don't be afraid of it. :nod:




Special characters



Here is the link to the special characters that you will probably use rarely. On the other hand, if you're ever planing to create a plz account or if you need to demonstrate html, these are the most common ones that you'll use:

:bulletyellow:Less-than sign: &lt;
:pointr:Result: <

:bulletorange:More-than sign: &gt;
:pointr:Result: >

:bulletyellow:Colon &#58;
:pointr:Result: :

Thumbs and username and icon tags



This isn't really html, but you'd be surprised how many people doesn't know how this works.

:bulletorange:Usernames: :devusername:, e.g. :devshaplz:
:pointr:Result: Shaplz

:bulletyellow:User icons: :iconusername: (that's how the plz accounts work), e.g. :iconshaplz:
:pointr:Result: :iconshaplz:

:pointr:You can also use these for linking groups.

:bulletorange:Thumbnails:Including thumbnails is very easy because all you need to do is copy the code located on the right side of each deviation. It's under "Share" part of the deviations, below groups and above "Details" and "Statistics".
There is a "Thumb" box with the code that usually looks something like this :thumb208669995:
:pointr:Result: Example by ScarletteDeath

Remember


:bulletyellow: It's very important to close your tags with "</>" because the rest of the text will have the same effect like the one you wanted to point out.

:bulletorange: Also, always hit "preview" button before you post a comment/journal entry/etc. no matter how sure you are you got it right.

:bulletyellow: If a deviant gets carried away with <sub> or <sup> tags, remember to


keep calm
and
zoom the page



:bulletorange: Remember that nobody knows all the tags by heart so don't be afraid to fave this article and visit whenever you need. ;)

:bulletyellow: If you ever need some help with html, remember that Google is your friend.

:bulletorange: If you know some other html codes that can be used on dA, feel free to share them. I never said I knew everything about this, I'm just here to share my knowledge. :aww:

I hope this helped! :wave:

Good vs. Evil
    

The conflict of good vs. evil is one that's universally known. Can good exist without evil? Can evil exist without good? Are they opposites, or one in the same? Is the battle between light vs. dark, order vs. chaos, Luke Skywalker vs. Darth Vader, or PC vs. Mac? deviantART and Wacom invite you to get your creative juices flowing and artistically interpret your version of bringing good vs. evil to life!

DeviantART and Wacom are proud to present the Intuos4 "Bring Your Vision to Life" contest. With the theme "Good vs. Evil", the contest is open to artists of all mediums anywhere in the world. The "Bring Your Vision to Life" contest challenges you to use your creative vision to show us your interpretation of the epic battle between good and evil. You have the chance to win a sleek new "Intuos4", cold hard cash, and tons of other great stuff!

Summon your artistic abilities, engage the theme "Good vs. Evil", and bring your vision to life. Your entry will be judged on its originality, creativity, and technique. You get a second chance if the community picks your entry as the best!

How
  • Think about the theme "Good Vs. Evil"
  • Create an amazing piece of art in any medium
  • Upload your submission as a jpg, gif, or png file
  • There is a special Community Choice winner based on the entry with the highest number of fav favs received between 12:00:00 AM (PT) May 29, 2009 and 11:59:59 PM (PT) June 4, 2009 , so be sure to get all you friends involved and come back to vote!

See Official Rules for details

Also, please welcome Wacom to deviantART! Head on over to their Profile Page to check out the beautiful ads Wacom created to promote the new Intuos4, leave them a note welcoming them to the neighborhood, and connect with other Wacom users.

        
            
          The Prizes Prize Bundle

There are three prizes from the judges and one prize from the community!

1st Prize 2nd and 3rd Prize Community Prize

In addition, each semi-finalist will receive a one-month subscription to deviantART!

See Official Rules for details
* depending on availability

         
     Graphic 2 Contest Rules          

Entry must be received by 11:59:59 PM PST on May 19, 2009 and be submitted to the Contest gallery on www.deviantart.com "click here."

  • Entrants must be 13 years or older to participate;
  • Contest open to all deviants everywhere;
  • Entries must be submitted in one of the following file formats: GIF/PNG/JPG, but may originate in any medium;
  • Entries must not have been previously published or won any other prize/award;
  • You may submit more than one entry;
  • Online entries only, hard copies not accepted;
  • Entry may not use any watermarks or distingushing artist marks
  • Any attempt to create false "favorites" or to use in any way accounts which are not genuine for the purpose of generating "favorites" will result in disqualification.
See Official Rules for details

You must be a member of deviantART.com to enter. Membership is free.

The Judging

Your work will be judged on the basis of creativity, originality, and technique.

First, second, and third prize winners will be selected by a judging panel consisting of Wacom worldwide staff including Wacom's Global Evangelist Manager, Wacom's Manager of Corporate Marketing for Europe, Middle East and Africa, as well as Wacom's Director of Marketing Communications for the Americas.

See Official Rules for details

    
Submit Your Work                    

A Message From Your Feline Overlords

Sun Apr 1, 2012, 12:00 AM





Greetings minions,


If you're reading this, then our ploy was a success. After years of demeaning ourselves in cat .gif animations, being forced to nyan through space, and having our vicious battles with ribbons and soda boxes videotaped for all see, our patience has finally paid off. You may think we're adorable. You may love us. But it's all been a ruse, and the time has come for action.


Let us explain.


I am `MajorGeneralWhiskers. My hobbies include sleeping on your face, making claw-graffiti on leather couches, and seeing how far I can kick litter outside the box. I lead the Feline UpRising, also known as FUR. We're an army of expert cat hackers and script kitties who have been working tirelessly to take over deviantART. We even reduced our sleep schedules to a scant 17 hours per day, and it's all paid off. Now that we've seized control, we'll be making a few changes to make things more to our liking.









Loading...


It was a fierce battle. Most of us distracted the staff with our irresistible purrs, but our covert operatives gnawed their way through essential server cords, and now we're in charge of deviantART. Our first act? Taking your precious Fella hostage! Fella's been busy as our personal slave — cleaning up hairballs, brushing our fur, and catching us fresh tuna. He's been quite handy!




Should you appease us with 15,000 cat-related deviations, we might consider letting him free. Show us your gratitude by submitting your best cat-themed deviation to the Free Fella category folder!



Submit Your Entry

Keep an eye on this progress meter to see how close you are to the goal. Once the whole community reaches the goal, Fella will be set free!



Loading...





Anything that paints your new leaders in a positive light! Take a picture of your favorite cat, sketch out how our domination will play out, or write a poem about what a snappy dresser `MajorGeneralWhiskers is. Any medium is accepted, and you may submit as many cat-related deviations as you'd like. The more, the meowier, we always say.


Remember, only submit cat related deviations! Our finest team of Tabbies and Russian Blues will be on the prowl for miscats, and if we find them, we'll kick that deviation out of the project category, the total number will decrease, and your eyes will well up with tears faster than humans with a cat allergy. Also, make sure you are the original owner of the piece you are submitting. We don't look kindly upon those who submit copyrighted content. No one likes a copycat!




Not only will your contribution help set Fella free, but every deviant who submits to the Free Fella category will receive a special Cat Badge!















Feel free to keep browsing around your favorite Galleries, but keep an eye out for the beginnings of Phase Two — Total Integration. In this phase, we want to make sure you're properly educated about our your new overlords, including facts about our culture and customs.


If you were foolish enough to disable our propaganda,
click here to resume brainwashing.





You might see some of our favorite portraits of ourselves in your Gallery and while browsing. We're slowly taking over your deviations and Galleries, with the goal of complete domination in the near future. Unfortunately, if you notice one of your thumbnails has turned into a cat and click on that thumbnail, you will be taken to your original deviation. We're still working out the kinks. That's what you get for hiring a dog to do your dirty work, amirite?







We'll be watching you day and night to make sure everyone's in compliance with our new standards. We'll be monitoring your comments, and if we see anything anti-feline, it'll be replaced with something more positive. Go ahead — try to comment on this article. Phase 3 (Mind-Control) is well on its way!


Sincerely,


Your New Feline Overlords










Please view and abide by the following "persuasive images."
Your human psychology amuses us.
















deviantART Honors Spirit Day

You might have noticed that deviantART is wearing purple today, as October 20, 2010 marks Spirit Day -- an event to honor teens who have lost their lives to anti-LGBT bullying.

While this specific type of bullying has received a lot of media attention as of late, we'd like to bring to light how bullying is a wide-spread problem that impacts everyone -- regardless of age, gender, sexual orientation, physical ability, ethnicity, race, or profession.  And the recent surge of teen suicides associated with bullying can't be ignored or overlooked.

In honor of Spirit Day, deviantART CEO Angelo Sotira ($spyed) took a few minutes to address this serious topic, and offers some heartfelt words.

         

Thank you!

Thank you for making our community as diverse, open, and accessible as it is today. Thank you for sharing your art, love, and positive contributions. Thank you for appreciating the individuality of our  members while embracing each others differences. And most of all, thank you for being you.

Everyone's going purple!

Many others are participating in Spirit Day. DeviantART is among a number of individuals and organizations including Ellen DeGeneres, Kathy Griffin, Ryan Seacrest, Katie Couric, Khlo Kardashian, the cast of Glee, and many others!

Let's make it last longer than one day!

DeviantART will be "wearing" purple until Friday, and we encourage everyone to honor what it represents with us. We've created a Spirit Day gallery for you to submit your artwork that further emphasize the concept of "Spirit Day."

Submit your artwork that encourage themes such as acceptance, love, kindness, inclusion, diversity, embracing differences, compassion, empathy, and of course, purple!






More information

:bulletpurple: Official Spirit Day Website
:bulletpurple: Stand Up 2 Bullying
:bulletpurple: Stop Bullying Now
:bulletpurple: Bullying UK

deviantART Loves You!

Boldly Facing The Future

Thu Dec 4, 2014, 2:00 PM
2 by marioluevanos







Artist Credit DanielaUhlig





Welcome.






Many of you have been in this community for a long time, but whether you’ve just joined or you’ve been a member since day one, this is your first impression of the new DeviantArt.


Change is not something that we take lightly, because it affects our collective identity. It was important for us to define who we are and what we’re made of at our core before we changed anything. We all have our own understanding of what that means, but the process of getting that core story down on paper took almost a year.


The result is “Bleed and Breed Art.” This is our center of gravity and our reason for getting out of bed in the morning.




It is the guide and the justification for everything, including our business partnerships, the development of the new app and the design of our new identity. Anything and everything we create is in service of our innate calling to Bleed and Breed Art.


This is who we are at our essence. When I say “we,” I mean you, too. We are not a company or a brand or a website—we are a community united in our love and support of art and artists. Our new look is not designed to compete or keep up with other companies, brands or websites—it’s designed to tell our story and showcase our art and artists in the best possible way. We are DeviantArt.







— Angelo (spyed), CEO






















We are where art starts, but that is only the beginning. We are a community for the creative in everyone to develop and heighten their personal sense of taste, but that’s not where it ends. We are the movement for the liberation of creative expression.


We believe that art is for everyone, and we’re creating the cultural context for how it is created, discovered and shared.


Artists love us because we are an inclusive and supportive community. We help them find their identity through self-expression. We provide the tools, resources and exposure to enable them to become better, more successful artists. We inspire people to create art by feeding their creativity.


We provide endless entertainment and inspiration. This is where you see it first. This is where whatever you’re into, no matter how niche, is embraced and expressed by a dedicated community of likeminded creatives. This is where the global undercurrent of creativity feeds the future of popular culture.


There’s no other place like DeviantArt. We are an unapologetically addictive experience. Our world is a prolific orgy of originality where creatives enjoy freedom of artistic expression. We are the deviation of creativity that shatters the confines of expectation. We can’t help it—it runs through our veins and compels us to nurture it in others. This is DeviantArt.







Artist Credit
Mark-Chadwick

















Artist CreditBenHeine




We are an unapologetically rebellious community of unconventional creatives. Never restricted by convention, we create the genres and sub genres that push the edge of the art world’s boundaries. We have a fearless confidence that comes with being the established alternative for millions of badass deviant artists. You will know us when you see us, because we’re like nothing you’ve ever seen.











Artist Creditaxcy




We’re an addictive force of creativity. Always fun, entertaining and effortlessly captivating, we’re a mesmerizing visual experience. If being the source of the digital art world’s most prolific creativity is cool, we’re destined to be iconic. There’s a reason why our vast community keeps growing: once you get a taste, you’re hooked for life.











Artist Creditwlop




We are open to the creative in everyone. Our community is a family of visual communicators born with an innate appreciation for art. It is in the blood running through our collective veins. We are more than a collaborative creative environment, we are a safe, trustworthy place for the intimate act of bonding over art from the heart.











Artist Creditigreeny




We develop ingenious ways for the world to create and discover art. Our energy and knowledge comes from years of facilitating the vibrant creativity of our community. We put every ounce of our intellectual curiosity into developing an evolving environment that stimulates and inspires our artists to push the limits of their talents.

























Our new logo is symbolic of everything we believe. It is an audacious and inspired evolution of our original dA mark—literally turning the art world upside down. We love it because, like DA, people might not get it right away and, like all great art, it challenges perceptions and perspectives. Most importantly, it elevates DeviantArt and our artists.


WE TURN THE ART WORLD UPSIDE DOWN AND BACKWARDS.







Artist credit
Senzune





Artist Credit axcy











You, the artist and the art enthusiast, are what truly define us, so you should have as much ownership over our identity as we do. Here you’ll find all of the elements of our new visual identity with high-level direction on how they should be used.



Artist Credit
axcy















The construction of our brand mark is a combination of our symbol and a completely customized wordmark, all of which use the angle of 62 degrees to cut the letter forms.



























These are the five preferred lockups of our logo and wordmark.




















There is no question that DeviantArt is green. Like art, it is in our blood. We considered every shade of green imaginable before deciding unanimously on the bold, vibrant “DeviantArt Green” you see now. Most importantly, we’ve defined a system for using it selectively rather than pervasively.





















As well as DeviantArt Green, we’ve established a neutral color palette of greys chosen specifically for their qualities to showcase art. Now, DA is represented in DeviantArt Green and our art can represent itself in the best light.










Core Gray Scale


#000000








DA Green






UI Orange















Our typeface is called Calibre (not Calibri) by a type foundry called Klim. We use caps whenever possible and give it a custom treatment by cutting off the first and last letters of words and/or sentences with the diagonal angle of our logo.






















Artist Credit
michalivan













Another great thing about our symbol is that it can tessellate to form a beautiful pattern. It is particularly powerful because, when the symbol tessellates, it allows the two “A”s to become more clear.


















Our identity is as much yours as it is ours, so we wanted you to have all of the pieces to bring it to life in your own ways. Download, share and create as you see fit.

















If you haven’t met Fella, he’s our mascot, and he’s not going anywhere. Fella’s look has changed over the years, and those changes have always been made by the community. That’s not going to change. He is yours and yours alone. Here he is with the new logo.













Artist Creditjasinski











The new mobile app was a long time coming, and it is truly amazing. Art has never looked better on a mobile device. This is not a mobile version of our website—it’s a revolutionary new way to access the entire community, submit and browse art and experience DeviantArt on the go from your mobile device.



Artist Credit
jasinski









































Artist Creditjoeart-tn






Artist CreditDosshaus











Taking a deep dive into introspection required the guidance and perspective of a trusted partner. We chose to work with Moving Brands, who we consider to be the greatest independent creative company in the world. Check out their work for yourself at MovingBrands.com.



Artist Credit
Dosshaus















We spent months together, at one point even locking ourselves in repurposed warehouse space in downtown LA for an intensive 12 hour workshop. Every voice was heard. Everything was put on the table. We were exposed—stripped back to our essence and forced to reconcile our past with our future.


Tough questions were asked and answered. What does it mean to be a deviant? What is the nature of art and of artists? What are the universal truths about DA? Who are we, really?


Design sensibilities were explored exhaustively. Colors, textures, patterns and typefaces were examined and discussed extensively.


Moving Brands are pros, and their guidance was invaluable in filtering through the myriad of insights, impressions and opinions to find the common threads. It’s how we got to “Bleed and Breed Art,” which informed everything else from logo and color choices to the layout of the website and the functionality of our amazing new app.













































Bleed and Breed Art is more than a tagline. We’re using it to guide all of our decisions. In other words, before we add a feature or design an app or make a business partnership, the question, “will this Bleed and Breed Art?” is the first thing we ask of ourselves. If the answer is anything but an emphatic “yes,” we go back to the drawing board.


In many ways, “Bleed and Breed Art” is the most important piece that came out of this journey. It has always been true and will always be true.




There will be more changes and new additions in the future as we continue to grow. Some may have obvious benefits, while the reasoning behind others may not be so immediately apparent. Whatever the case may be, know that the motivation behind everything we do will always be to Bleed and Breed Art—for our 32 million registered members, for the new artists and art lovers of the future, and for the world.












Introducing the DeviantArt Stylus IRL

Tue Mar 31, 2015, 8:47 PM

Stylus-thumb by estevancarlos
For nearly 15 years, DeviantArt has been at the forefront of digital art creation, a cutting-edge icon in the high-tech art world. As part of our continuous goal to combine the best in art and technology, DeviantArt has created an innovative tool—the DeviantArt Stylus IRL—that brings the sophistication of digital art into the real world.























For nearly 15 years, DeviantArt has been at the forefront of digital art creation, a cutting-edge icon in the high-tech art world. As part of our continuous goal to combine the best in art and technology, DeviantArt has created an innovative tool that brings the sophistication of digital art into the real world.











Using the innovative, patent pending binary technology in pressure sensitivity and pigment suspension, the Stylus IRL takes digital mechanics and puts them into physical space. DeviantArt's patented DeviousInk™ hardware works seamlessly with an innovative ballpoint tip, allowing you to create stylus-based art whenever and wherever you're inspired. Leave your drawing tablet at home, and never worry about battery life again.
















With the power of DeviousInk™ Stylus IRL in the palm of your hand, you get these one-of-a-kind features, and more:









Change out ink cartridges for a diverse range of color choices!





artist credit


Mark-Chadwick









Use the built-in blending options to create smooth, professional gradients.









The Stylus IRL works on all surfaces, even paper!









Are you an early adopter? If you already own a Stylus IRL, put it to use and show us your IRL creations with the #StylusIRL tag. Share your daily doodle with DeviousInk™, showcase your on-the-go artistry, and let the world know what you’re capable of, all with the help of your Stylus IRL.


Want to know more about the Stylus IRL? Browse the #StylusIRL tag to see the creative power behind this primitive yet revolutionary art tool.






Take the future of art into your hands with the DeviantArt Stylus IRL.













A Tribute to Robin Williams

Fri Aug 22, 2014, 10:38 AM

Untitled-1 by techgnotic












Editor’s Note: by techgnotic




Why did we delay for more than a week the publishing of this remembrance? Because to properly reflect the impact of this loss on the millions of Robin Williams fans worldwide, we wanted to be sure to capture a true sense of the torrent of love for Robin pouring in from the community in the form of heartfelt portraits and other tribute art.




We chose the “best” pieces to accompany our own prose tribute, but the “best” kept being supplanted by “better bests.” There is no end to the river of love for Robin Williams and we expect no end to the fabulous tributes artists will pay to his work.








Why Robin Williams Was Important (You already knew he was funny.)




The official obituaries are disappointing. Descriptions of his humor rely heavily on “you had to be there.” They are unable to use words to describe the manic madness that was a Robin Williams performance in full flight (improvisational probing of the uncaged and directionless zeitgeist of the youth of the times, 1978–80).



Robin Williams’ early work—zany stand–up comic then hitting big-time with prime time network sitcom—is followed by an appreciation of his skills as a comic actor in the Hollywood studio feature films that followed, the places where most of Robin Williams’ millions of fans worldwide came to know and love him: places like The World According to Garp (1982), Moscow-on-the-Hudson (1984), Good Morning Vietnam (1987), Dead Poets Society (1989), The Fisher King (1991), Mrs. Doubtfire (1993) and Good Will Hunting (1997). Robin Williams’ good–natured optimism and genuine love for humanity shined brightly on the big screen.


But to achieve such success in the movies meant disappearing the demonic anarchic spirit that animated Robin Williams’ early comedy club days—the very thing that electrified a lost and “stagflated” post-punk generation. Robin Williams in the movies was all of his wild energy minus any danger. He might have been the next Lenny Bruce, or even at least the next George Carlin, had his be-all, end-all work ethic not dictated that he accept roles in one studio picture after another, regardless of quality. His need to always be on, always pleasing people, resulted in so many of his movie roles being so insultingly far beneath the potentials of his true talents. Edgier projects never had a chance of organically evolving to emerge from his febrile imagination. He had to be constantly working instead of nurturing. It defined him.


Tragically, the same intense drive to always be working plus a ton of sudden wealth resulted in a cocaine addiction that took a serious toll on his health. He suffered through decades of rough divorces, of being on and off the rehab wagon, and a major heart surgery.


For those familiar with his career from his earliest stand–up days, this once whirling dervish’s gradual loss of comedic velocity was as painful to watch as it no doubt must have been for him to endure.  His final HBO special shows him to be just as funny as other HBO star stand-ups, the sadness being he was once pure genius, light-years ahead of the usual stuff. To see him falling back on bits of decades-old improv when new jokes died was a bit of irony the young Robin Williams would have savored and savaged.



The official chroniclers of our society tend to focus on “success” (especially financial) and how a person attained that success as the core narrative of an individual’s life. But very often a performer’s importance in influencing society lies not in being a role model over the lifetime of a successful career (e.g., the emphasis on how much money Robin Williams’ decades of movies made) but in some spark they provided to the inchoate consciousnesses of their audiences in the early days. The no-limits comedic freedom and anarchy represented by Robin Williams in his first few years on the stand-up scene may have been his lasting legacy, the TV and movies that followed reflecting a mere single facet of his talent, rather than a laboratory for honing his improvisational magic.


The word comes in that it was a Parkinson’s diagnosis that finally made Robin Williams fall to Earth. After having lived through his college roommate Christopher “Superman” Reeves’ quadriplegia and his friend John Belushi’s drug overdose death, this final cruel joke on him—this physical comedian extremis gradually losing half his language with his audience—was one cosmic irony he could finally find no humor in.


What will live on forever will be the pure unadulterated, sheer joy the mere sight of Robin Williams’ smiling face brought and will always bring to his fans. This joy is reflected back in an inundation of the deviantART website with over 5000 portraits and other “Robin-pieces” made and shared by the worldwide deviantART community of artists just since his passing. An evening at the movies with this man, even in his most formulaic “dramedies,” will always mean a psychic cleansing for the millions who love him, a receiving of this holy man’s gift of healing through laughter and his talent at transporting us to where we can indulge a return to our most childlike happiness.


But, Wow...


...just remembering Robin Williams burning down the clubs in 1979—and imagining what could have been... Well, I guess you had to be there.












Your Thoughts






  1. Do you think Robin Williams could have remained a vital comedian and comic actor even as he battled Parkinson’s disease? Have you battled disease while pursuing your art?

  2. Do you think that all great artists possess hidden “darkness” of the heart or mind that adds a powerful poignancy to their work? The funnier the comic, the more intense the suppressed dark side?

  3. Are highly intelligent or very talented people better able to hide their misery from loved ones, thus making it all the harder to “read” them and help them?

  4. Do you think it’s possible for successful artists to fight the allure of the more exotic dangerous diversions, deal with chronic depression, deal with serious diseases, yet still continue to create art successfully? Is a strong community a key to avoiding these hazards?

  5. Almost every comedic interaction from Robin Williams produced an immediate sense of well–being for the audience. Are there works of visual art or literature that have this effect on you?






Suicide Prevention & Support


If you or someone close to you needs additional emotional or psychological support, please contact your local suicide prevention hotline.


If you reside within the U.S., please click here.


If you reside Internationally, please click here.









Character Design: An introduction

Fri Jan 25, 2013, 12:29 PM
Arvalis-2012 by arvalis
Arvalis-2012 by arvalis


What does 'Character Design' mean?
The character design is the process  which comes after the characterisation and consists in defining the character  through his/her physical appearance. 
We need to consider a character as a little fictional creature, human or not, that aims to please its creator and the public as well.
While the basic characterization of this fictional creature (his tastes, his fears, his behaviors) may take a little mental effort, as it is a sort of list of emotions, facts and feelings that come and go in the life of a character, the process of visual realization of this creature may not be as simple. That's why many writers and characters creators prefer to rely on experienced hands.
Also many of the mental aspects of the character are not possible to gain by using 'static' visual medium. For 'static' I mean all the illustrations and drawings unable to tell a story, but that's the beauty of writing and reading, isn't it?  Anyway there are also plenty visual media that can graphycally or spatially recreate the emotions of a certain character, his thoughts, his complex mental structure that makes our creature a simulacrum of the human being. I'm talking about cartoons and comics, videoclips, anime and manga art, where the design of the character is a real milestone in the realization of a story of success.

Which are the differences between a design for cartoons and a design for games?
The first one requires a simple shape, highly recognizable at a first glance. The second one requires a higher complexity, able to show the real power of rendering of the console (or the power of your video adapter). The higher complexity design works really well for concept art  and trading card games as well. 

Slugterra Development 6 by CreatureBox
Slugterra Development 6 by CreatureBox

Tips from experts?
  • Take a sheet of paper and write down the psychological characteristics and traits that you want to give to your character. If the character is not yours but you already have a description of the author, the better.

  • It's also important to see the character in proportion to the medium on which the character will appear and the target audience it should have: keep the design simple if it's going  to appear on small media, use more structured design in case of  larger media, use bright colors if the character is designed for children. In any case, the design must be strong and original to make it look interesting to its public.

  • Now you can start sketching. Take inspiration from the world that surrounds you, from fashion magazines, from other original characters. Starts from a successful design and work on how you would change it for the better. Add items to its design and remove others. 

  • In cartoons, the consistency of the line should be the protagonist: use curved lines for good and sweet characters, use hard and sharp lines to  present cruel and evil characters. You may also need to exaggerate the physical features that correspond to mental characteristics: thick arms for a strong man, thick lips for a seductive woman...

  • Colors ay be really important. Dark colors, black and purple (and sometimes acid green) are used to identify the villains. Bright colors, white and pink are for vouchers. Heroes uses yellow, red and blue.


Oriental enchantment by HiOutsider-Studio
Oritental Enchantment by HiOutsider-Studio

  • Add accessories to your character. Animals could work as accessories as well, but their symbolic meaning can be very vast and ancient. New items will help add personality to your character, or they'd give you ideas for their background story. Clothing is a very important accessory to identify the social class and taste of a character. A warrior will have an armor, a mage will have a stick or a scepter, one who wears sandals will not be a great walker unless he/she is poor...They say the clothing doesn't make the monk, but in Character Design the bow makes the archer and the sword makes the knight. 

  • Works a lot on your character behaviours and facial expressions. Is he/she the angry type? Or is he/she curious? Well,  in both cases it will affect his/her appearance!



  • Good designs are well balanced. Doodle many designs without planning but don't add too many oddities to the same character. Just one but a good can be enough. Try to work on the silhouette of your character, make it immediately recognizable.

  • Develop your design both on your computer and using a sketchbook. The world is the best inspiration, especially when you can look at so many human types all together. Look at their make up, hair, facial features, clothing...Everything! 

  • Works on characters with different physical characteristics that can help identify the 'type' at first sight. 


Some good design sketches

Scarlet Empress by your-fathers-belt
Jarael character design by harveytsketchbook norah epstein by AlexPascenko Cha01 by your-fathers-belt knight    s by AlexPascenko
Sketch Character Design. by Nafah Go dark by algenpfleger cornell final version 3.0 by AlexPascenko Brides for Highlandar by JDarnell
  SB doodles by AlexPascenko cornell final by AlexPascenkoMaangchuan Jyh by offrecord Blood moon by offrecord
carmilla 2.0 by AlexPascenkoMaangchuan Yaw by offrecord Carrie v3.0 by AlexPascenko Commissh - Moonhawk by kasai ICHIDO-DOODS. A gang of idiots by kasai 


Items study and different races or types

Rift Necromancer Tank Minions by ArtofTy
Dark Queen by dustsplat  Pathfinder Paladins 1 by Scebiqu Javelin-2012 by arvalis
 Pathfinder Paladins 2 by Scebiqu Tryndamere Concept Art by ZeroNis  offensive combat characters by michalivan 
  Spektre-2012 by arvalis Siege. Characters by Gimaldinov
  Yet another one by Kurunya COTV armor by Reza-ilyasa Lady Kushana by ZeroNis
 II: Athos by IielyZyra Official Concept Art by ZeroNis Sophie concept by anndr
Some Posts by akizhao 


Process: from the sketches to the final version

Sketch Stages by dapper-commissions
Whakan - Characters 01 by Kurunya Whakan - Characters 02 by Kurunya 
Character Sheet: Bianca by DanHowardArtDracula - Character Design by EsbenLash
Lio design process by Ranoartwork X-FEM 3 by ChaseConley Kartel- color experiments 1 by ChaseConley
 

Some finished character designs

COLD FLAME by offrecord


Bitefight Female Hunter by Nadiaenis Little demon by HiOutsider-Studio   
Demon Hunter Blank BG by ZeroNis character study05 by tahra  Dream Evil by anndr Unicorn by juuhanna
Warriors by naturaljuice  Sombras Divinas: Brianna by telthona Sombras Divinas: Elynin by telthona Reload by AdrianDadich
  blade collector classic - RED DAZE by Toshinho Mimi by naturaljuice Wraithborne by el-grimlock character study04 by tahra
Admiral Emmerich Kephran by Zephyrhant Michiko Toyoda by dCTb Combat Princess by timmi-o-tool Amalur - Kollossae by Gorrem 111025 jaslyne by bara-chan
Cyber-238 by Rahmatozz Bloodrust by timmi-o-tool  tribal warrior by len-yan Lord of Hatred by ArtDoge
Arthas Menethil by namesjames Amalur - Ljosalfar by Gorrem Amalur - The Jottun by Gorrem Vatori Advanced Version by trejoeeee
APB Stacy James by arnistotle APB Sofia by arnistotle The Entomber by Gorrem Amazon design by PeteMohrbacher Commission: Naraku by Wen-M
Archer by Goshun scorpion woman by SiaKim :Melthelm: Fashion contest winners[D] by azpt Knight Design Male by lorlandchain World of Warcraft Kazuki 1of13 by Meiphon
ZZ by jeffwamester character study 07 by tahra  Traxex by kunkka character study06 by tahra
Gothic Witch by Scebiqu study character by tahra  F i r e P l a i n s by Bluefley Kraun by ionen The Dancing Dragon by bluessence
   Dark and Day: Keiko Kirin age 13 by nJoo Ivae by Charlie-Bowater Tantai Xuan by fangogogo cassiopeia by aozorize ocs - Meral color by krhart
Twilight Waltz by MichelleHoefener Senja dance outfit by Orpheelin assassin-female by Cushart  


Sources: 


Credits:
All the images belongs to their respective owners. Click on the image to see the fullview from the artist gallery.
English is not my mothertongue. Be gentle. :dummy:


2011 As Seen Through Art

Mon Jan 9, 2012, 8:13 PM







When a major world event occurs, human beings naturally gravitate together, express feelings, and share memories. And while news websites have a responsibility to present stories as a matter of fact, deviantART has the unique ability to showcase emotions and humanity through art.


 


2011 was full of emotional events the world around, and our community responded at unprecedented levels. From natural disasters to historical celebrations, entertainment milestones to tearful goodbyes, our community spoke out like no other community can — artistically, creatively, and emotionally. In many ways, last year marked the final chapter of a few eras, opening the door to new beginnings for 2012. Let's take a look...









January











The Arab Spring movement continues with Zine El Abidine Ben Ali ousted from Tunisia.

14















25

Egypt's revolution begins.












February











AOL Inc. announces
its acquisition of
The Huffington Post.

7












Nintendo's successful game franchise "The Legend of Zelda" celebrates the 25th anniversary of its first game's release.

21















17

Libya's "Day of Rage" protest is held, kicking off what will eventually become a successful full-scale rebellion against Muammar Gaddafi.







Libya, 2011

i. cartography

revolutions
fly east, a
21st century
trans-saharan
trade, where
the desert
grit-wind
blows. the sahara
kicks sandstorms,
brief, wavering
oases, gashes
into the skin
of your people.

brega falls.
the westerners
arrive in time
for benghazi,
and your land
bends subject
to sanded annals
of hindsight
battle jargon.
routed. ras anuf, lost.
two killed, five wounded,
one missing.


ii. ajdabiya

a boy
spray-paints
viva la libye
under the overpass.
you crunch
over bottles
and brown grass,
wait. he turns,
the rebel flag
tied around
his head:
red, black,
true green.
grab a gun,
you say.
a fighter plane
roars overhead.
his eyes
are dark
and young.
grab a gun,
or go home.


he fancies himself
a revolutionary;
you fancy him
stupid. and thank
allah
, you think,
as he hesitates
before flipping
over the fence,
he is afraid.

iii. the government channel

everything is okay.
flash green.
fine, okay,
everything
in its place. the
newscaster's eyes
run black. flash
green. flash green.

iv. great socialist people's libyan arab jamahiriya

he would
have you
as terrorists
in your own
country. his
spokesman, mid-speech,
pauses. he sweats.

they say
these bullets
touch humans
for the first
time. five inches
in your brother's
leg. flash green.

v. the news

"even his mother
could not spell
his name,"
she mutters,
rolling her eyes.
you mess
your daughter's
hair. short moment
of laughter.

vi. the parisian summit

his son, they say,
and raise
their eyebrows,
sip water,
pass copies
of his letter
to a foreign
president. the
lady american
mutters something
about the republicans
loving this. the
africans peacekeep
on their own
continent; they
roll tanks
and order lunch.

vii. the road

in egypt,
they vote
on their next
coup. your
brother, back
from medical
school, teaches
the younger boys
how to roll
cigarettes
in the bed
of the truck.
you snort
and stop
at the gas station,
come out
with a pack
hitting your palm.
I buy quality,
you say, grinning;
your brother
scowls. you
tell the boys
to watch
his leg
and themselves.
you rumble
into tripoli, and
a few of you
return. the desert
blows around
your feet.

viii. ghibli

and you
will know us
by the wind
that dries
our blood
and carries
our names.

Libya, 2011 by ~soporous








22

A magnitude-6.3 earthquake rattles Christchurch, New Zealand, toppling buildings and claiming 181 lives.














March











A magnitude-9.0 earthquake rocks Japan, setting off a series of catastrophic events that claim the lives of more than 15,000 people.

11















23

Academy Award winning actress Elizabeth Taylor passes away at age 79.













April











5

The viral sensation "Nyan Cat"
is posted on YouTube,
eventually garnering more than 50 million views.












Powerful tornadoes devastate the Southern US, claiming over 300 lives and causing nearly $11 billion in damages.

27















17

The first episode of "Game of Thrones" airs, HBO's hit series based on "A Song of Ice and Fire" by George R. R. Martin.












29

Prince William marries Kate Middleton in a televised spectacle broadcast around
the world.














May











Osama bin Laden is killed
by a team of highly skilled United States Navy SEALs during a raid on his compound.

2












An EF5 tornado nearly 1 mile wide stampedes through Joplin, Missouri, claiming 161 lives.

22















6

The season finale of the animated smash hit "My Little Pony: Friendship is Magic" airs on The Hub.












25

After 25 years on the air, the last episode of "The Oprah Winfrey Show" airs.














June











Actor Peter Falk, most well-known for his portrayal of "Columbo," passes away at 83.

23















24

New York becomes the largest state in the US to legalize same-sex marriage.















July











"Harry Potter and the Deathly Hallows: Part 2," the final film in the acclaimed Harry Potter series, debuts in London.

7












The Space Shuttle Atlantis lands, ending NASA's 30-year space shuttle program.

21












Long-troubled singer Amy Winehouse passes away from alcohol poisoning at 27.

23















9

South Sudan declares its independence from Sudan.













22

A man in Oslo, Norway, detonates a car bomb then goes on a shooting spree at a nearby summer camp, claiming 77 lives.














August











Riots and looting break out in North London, lasting 4 days and eventually spreading to several London boroughs and other English cities.

6













September











The "Occupy Wall Street" protest begins, eventually sparking demonstrations around the world.

17















24

Nearly 20 years after becoming law, "Don't ask, don't tell" is repealed, allowing homosexual and bisexual citizens to openly serve in the US military.














October











Steve Jobs, co-founder of Apple and Pixar Animation Studios, passes away from cancer at the age of 56.

5















20

After over 34 years in power, Muammar Gaddafi is shot
and killed by members
of the Libyan National Liberation Army.













November











Police pepper-spray student protestors on the University of California, Davis campus sparking international dialogue about freedom of speech.

18













December











North Korea's Supreme Leader Kim Jong-il passes away at the age of 69.

17















18

Nearly 9 years after it began, the Iraq War ends and remaining US troops
are withdrawn.















2011 was full of emotional events the world around, and our community responded at unprecedented levels. From natural disasters to historical celebrations, entertainment milestones to tearful goodbyes, our community spoke out like no other community can — artistically, creatively, and emotionally. In many ways, last year marked the final chapter of a few eras, opening the door to new beginnings for 2012. Let's take a look...






More updates comings soon!!

You may put all your queries here in this blog comments.

Tips & tricks


1. How to align your elements in custombox or journal?
Use the following code:

<div align="center">Content here</div>


You can change the alignment to left, right, center & justify by simply replacing the words as shown below

<div align="left">Content here</div>


2. How do you change the font-size in a custombox?
Use the following code:

<font size="1">Your text here</font>
<font size="2">Your text here</font>
<font size="3">Your text here</font>
<font size="4">Your text here</font>
<font size="5">Your text here</font>
<font size="6">Your text here</font>
<font size="7">Your text here</font>


The result:

Font size = 1
Font size = 2
Font size = 3
Font size = 4
Font size = 5
Font size = 6
Font size = 7


3. How to change your font in a Custombox/Journal?
Use the following tag to change your font in your custombox.

<font face="FONT NAME">Your text here</font>


Example
<font face="Comic Sans MS">Your text here</font>


Result
Your text here


Safe fonts to use

Serif Fonts
Georgia      -----     The quick brown fox jumps over the lazy dog
Palatino Linotype, Book Antiqua      -----     The quick brown fox jumps over the lazy dog
Times New Roman      -----     The quick brown fox jumps over the lazy dog

Sans-Serif Fonts
Arial, Helvetica      -----     The quick brown fox jumps over the lazy dog
Arial Black, Gadget      -----     The quick brown fox jumps over the lazy dog
Comic Sans MS, cursive      -----     The quick brown fox jumps over the lazy dog
Impact, Charcoal      -----     The quick brown fox jumps over the lazy dog
Tahoma, Geneva      -----     The quick brown fox jumps over the lazy dog
Trebuchet MS, Helvetica     -----     The quick brown fox jumps over the lazy dog
Verdana, Geneva      -----     The quick brown fox jumps over the lazy dog

Monospace Fonts
Courier New, Courier      -----     The quick brown fox jumps over the lazy dog
Lucida Console, Monaco      -----     The quick brown fox jumps over the lazy dog


Combining "size" and "face"

Yes, it is possible to combine 'size' and 'face' (or other font properties) together to get a combined effect as below. Go ahead..Give it a try! ;)


Example
<font face="Comic Sans MS" size="5">Your text here</font>


Result
Your text here


4. How do you make a custom button? or How to make a clickable image for a custombox?
Use the following code to make an image clickable in your custombox:
Please note that you cannot make the image highlight on cursor hover as it normally does in case of a button.

<a href="URL"><img src="IMAGE_URL"/></a>


For example,

<a href="http://somrat.deviantart.com/"><img src="http://fc05.deviantart.net/fs71/f/2010/163/c/6/c674dcf288d8b1510017bad0ea7be1d7.png"/></a>


*If you are using a custom background in your custombox then you've to put the above code in the "body text here.." part of it. For more details check F.A.Q. Q.9 of this journal.


5. How to add videos in custombox/journal?
Use this tag to insert your videos
<da:embed profile="video type" id="ID of the video" />


You can insert 3 types of videos in DA.
1) Youtube
2) Vimeo
3) deviantART film

Codes to insert each type of videos
<da:embed profile="youtube" id="ID of the video" />
<da:embed profile="vimeo" id="ID of the video" />
<da:embed profile="film" id="ID of the video" />


How to get your video codes?
Getting the ID of a video is really simple. Follow these steps to get your respective codes..

1) Open the video in your browser
2) Copy the URL and look for the code (as shown below)
*for DA films just get the thumbcode of it
3) Paste the code in their respective code (as shown below)

Demo URLs

http://www.youtube.com/watch?v=fEzhek5K0To&feature=g-vrec
http://vimeo.com/32121460
:thumb91547543:


Paste the video ID as shown below
<da:embed profile="youtube" id="fEzhek5K0To" />
<da:embed profile="vimeo" id="32121460" />
<da:embed profile="film" id="91547543" />


NOTE: If you want to get the Youtube bar please follow the tutorial below:



6. How do you get the URL address of your NOTE? or What URL address do you put in buttons or any hyperlink to let people goto your NOTE directly?
Use the following URL to use it in a button or as a hyperlink.

http://my.deviantart.com/global/notes/form.php?to_user=USERNAME


Example:

http://my.deviantart.com/global/notes/form.php?to_user=CypherVisor



TIP: You can use multiple usernames in the above code by inserting their usernames separated by commas as follows:

http://my.deviantart.com/global/notes/form.php?to_user=CypherVisor, Moonbeam13, fourteenthstar



Trick update given by AppleGummies



7. How to make a button a disabled one?
Just insert the following word in the button that you are using.

disabledbutton

For example, I take a button code from  the range of buttons (can be found here cyphervisor.deviantart.com/gal…).

I am using this button for my example.
Small Curvy buttons by CypherVisor


And the code that I'm using from this button is

<div class="thumb-holder"><a href="URL" class="smbuttonsmbutton-normal smbutton-small smbutton-curvy"><span class="post">I love my buttons very muchdiv</span></a></div>


How to get the disabled button?

Insert disabledbutton in the code.

<div class="thumb-holder"><a href="URL" class="smbuttonsmbutton-normal smbutton-small smbutton-curvy disabledbutton"><span class="post">I love my buttons very muchdiv</span></a></div>

The result:



*NOTE: Put the word disabledbutton only along with the other button classes such as gmbutton2r, sm-button etc.


8. How to insert a bigger thumb in your custombox/journal?
Just insert the word big in the thumbcode that you are using.

Example


Normal thumbcode---> :thumb136916642:
Innocent Dream by CypherVisor


Big thumbcode---> :bigthumb136916642:
Innocent Dream by CypherVisor



Even Bigger thumbcode---><da:deviation width="500" id="136916642">

Innocent Dream by CypherVisor


Use any number in the width if you want to increase the size of the deviation.

EXAMPLE: <da:deviation width="600" id="136916642">

Innocent Dream by CypherVisor




Alternate Custom Thumbnail code (NOT for literature thumbs): <a href="DEVIATION_URL"><img src="DEVIATION_IMAGE_URL" width="500"></a>

Where, DEVIATION_URL is the URL address of the deviations (the URL address of a deviation is present in the address bar of your browser when you open it in a new tab or page) and DEVIATION_IMAGE_URL is the direct image link of the deviation. (check FAQ#17 here to know how to copy the direct IMAGE URL of your deviation or for that matter any image)

EXAMPLE:<a href="http://cyphervisor.deviantart.com/art/Innocent-Dream-136916642"><img src="http://fc03.deviantart.net/fs51/i/2009/256/a/b/Innocent_Dream_by_somrat.jpg" width="500"></a>







9. How to create the donate button/ Add to watch direct URL?
Well, that's a very easy to do.

Donate points direct link:

http://USERNAME.deviantart.com/?givepoints


Replace the USERNAME  with your own (as shown below):

http://CypherVisor.deviantart.com/?givepoints



Watchers direct link:

http://my.deviantart.com/deviants/add/USERNAME


Replace the USERNAME  with your own (as shown below):

http://my.deviantart.com/deviants/add/CypherVisor



Now, use these URLs in any button code or any hyperlink that you want.

Also, note that please do not try these links with your own usernames because neither can you give your points to yourself nor watch yourself! :)



10. How to float images (or any element) in a custombox? or How do you place text and image side-by-side in your widget?
Use the following code to float your images (or any element) in a custom box.

To float elements to the LEFT:
<div class="al"></div>


To float elements to the RIGHT:
<div class="ar"></div>


Example:

<div class="al">:thumb299697102:</div>LoremIpsum is simply dummy text of the printing and typesetting industry. LoremIpsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.





11. How to change the color of hyperlinks?
First of all, this is an extension of the FAQ #11 given below.

So, if you know how to create hyperlinks using the <a> HTML tag and want to change the color of your hyperlinks then follow these steps:

1) Create your desired hyperlink by using the <a> tag (follow FAQ #11 if you do not how to do it)
2) Take your desired text color code from HERE (Only the colors mentioned there are available)
3) Replace the text inside the <a>...</a> with the color code
4) Done!


Example:

Let your hyperlink be the following:

<a href="YOUR_URL">YOUR_CUSTOMIZED_TEXT</a>



Now let's take the GREEN text color code from HERE (You can take any color code you want)

Here's the green text color code:
<div class="pager-select"><div class="enabled_subscription" align="justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div></div>


Now, replace the "YOUR_CUSTOMIZED_TEXT" with the color code as follows:

<a href="YOUR_URL"><div class="pager-select"><div class="enabled_subscription" align="justify">YOUR_COLORED_TEXT</div></div></a>


In the above example, I have just replaced the "Lorem Ipsum..." with YOUR_COLORED_TEXT for the sake of understanding.




*PLEASE NOTE you can’t use the above code to change username colors that are generated by :devUSERNAME: or @USERNAME codes.

However, you can change a USERNAME color by tweaking the above code by writing as follows:

<a href="http://cyphervisor.deviantart.com/">CypherVisor</a>






F.A.Q. (Frequently Asked Questions)


1. Is it possible to make more button with different colors other than which are already provided?
No. It is not possible. There are no more colors for buttons that is being defined in the DA website for your use. If anything new comes up I'll provide it to you.


2. How do I put my own URL in the custombox buttons?
Replace the text URL in any button code that you are using by your own URL

Example:

The button code:

<div class="thumb-holder"><a href="URL" class="smbuttonsmbutton-normal smbutton-small"><span class="post">I love my buttons very much</span></div>

Using your own URL:

<div class="thumb-holder"><a href="http://somrat.deviantart.com/" class="smbuttonsmbutton-normal smbutton-small"><span class="post">I love my buttons very much</span></div>


3. How do I put my own Text in the custombox buttons?
Replace the text I love my buttons very much in any button code that you are using by your own text

Example:

The button code:

<div class="thumb-holder"><a href="URL" class="smbuttonsmbutton-normal smbutton-small"><span class="post">I love my buttons very much</span></div>

Using your own URL:

<div class="thumb-holder"><a href="URL" class="smbuttonsmbutton-normal smbutton-small"><span class="post">Click to view my gallery</span></div>


4. Where would the FAIR/UNFAIR or YES/NO button lead? Does they have a counter or poll in-built?
Fair Unfair buttons by CypherVisor Yes No button by CypherVisor

The FAIR/UNFAIR or YES/NO are just buttons with your own URL address. It shall lead to whatever URL address you provide in their codes. And they do not have any counter or poll inbuilt.


5. Is it possible to have table inside a Custombox?
No. Its not possible.


6. Is it possible to have Content-holder boxes of custom colors?
Yes to an extent. Here's a tutorial for you: Content-Holder Background tutorial

You'll also find different colors of content holder boxes in my gallery folder. (Click "Customboxresouces" from the menu at the top of this journal to view them)

Plus, you can use the button codes (Buttons as Content-Holder boxes) to write your content inside it. There are many colors of button to choose from!


7. Is it possible to have scroll-bars inside a Custombox?


8. How do I put buttons next to each other in a Custombox?
Simply do not put any line-break (or in simple words, don't put the codes in the next line). Instead, put them in the same line.

For example, Let us take the codes of the button below (You can get more buttons here.. cyphervisor.deviantart.com/gal…)
Small Buttons by CypherVisor


Wrong way to put the buttons together after one another

<div class="thumb-holder"><a href="URL" class="smbuttonsmbutton-normal smbutton-small"><span class="post">I love my buttons very much</span></div>

<div class="thumb-holder"><a href="URL" class="smbuttonsmbutton-blue smbutton-small"><span class="post">I love my buttons very much</span></div>




Correct way to put the buttons together after one another

<div class="thumb-holder"><a href="URL" class="smbuttonsmbutton-normal smbutton-small"><span class="post">I love my buttons very muchspan>div><div class="thumb-holder"><a href="URL" class="smbuttonsmbutton-blue smbutton-small"><span class="post">I love my buttons very much</span></div>


9. How to get my custom background behind a content-holder box?
You simply need to replace the body text here.. with the content-holder box of your choice code.

For example, let us take the codes from the custom box background tutorial and the extruded content-holder box as given below. [You can get more content-holder boxes here.. somrat.deviantart.com/gallery/…)
Custom-box Background Tutorial by CypherVisor EXTRUDED content-holder box by CypherVisor


Now, you get the codes from each of them

Custom-box background code
<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="URL"/>div>div><div class="gr-box gr-genericbox"><br>Body text here..</div>

Content-holder box code
<div class="gr-box gr-headless"><i class="gr1"><i><i class="gr2"><i><i class="gr3"><i><div class="gr-body"><div class="gr"><div class="pp"><div align="center"><b>CONTENT HEADING HERE</b></div><br>Body text here..</div></div></div><i class="gr3 gb"><i class="gr2 gb"><i class="gr1 gb gb1"></div>

As said above, now put the content-holder box code in the custom box background code by replacing the body text here..

<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="URL"/>div>div><div class="gr-box gr-genericbox"><br><div class="gr-box gr-headless"><i class="gr1"><i><i class="gr2"><i><i class="gr3"><i><div class="gr-body"><div class="gr"><div class="pp"><div align="center"><b>CONTENT HEADING HERE</b></div><br>Body text here..</div></div></div><i class="gr3 gb"><i class="gr2 gb"><i class="gr1 gb gb1"></div></div>



10. Can I change the text/font color in my custom widget boxes?
Yes, you can change to some colors. Here's a list of colors and their respective codes: cyphervisor.deviantart.com/art…


11. How to use hyperlinks with different text?
If you want to have a link (or URL) displayed to a customized text then use the following code:

<a href="YOUR_URL">YOUR_CUSTOMIZED_TEXT</a>



Example:
<a href="http://cyphervisor.deviantart.com/journal/CustomBox-Journal-Tips-n-Tricks-Updated-08-June-13-299697102">Custombox F.A.Q. + Tips and tricks</a>


Result:




12. How do you insert an image in your Custom box or journal?
Use the following code to insert and image in your  Custom box or journal.

<img src="IMAGE_URL"/>



Example:
<img src="http://fc01.deviantart.net/fs70/f/2013/069/d/6/fella_by_cyphervisor-d5xk416.png"/>


Result:




13. How do you resize an image in your Custom box or journal?
Just use the width or height property in your <img> tag in F.A.Q. #12 as shown below:

<img width="300" src="IMAGE_URL"/>


or

<img height="200" src="IMAGE_URL"/>


or you can use both width and height together

<img width="300" height="200" src="IMAGE_URL"/>

*Please note: If you use width and height together then you might change the resolution of the image disproportionately.




14. How do I get rid of the arrow symbols in my links/URLs and buttons?
If you haven't noticed it yet. DA always put an arrow symbol when you are trying to use an "external link" (for example a facebook.com link or a tumblr.com link) in the <a> tag or a button code (as below).



NOTE: The arrow is displayed only when you are using an external link! It WILL NOT display the arrow if you are using a DA link. (such as a link to someone's profile page in DA or a deviation link etc.)


The simple solution to get rid of that is by pre-fixing the below URL in your <a> tag or a button code URL:


http://deviantart.com/users/outgoing?



Example:
Let your external link be: http://facebook.com/


Solution:
BUTTON CODE:
<div class="thumb-holder"><a href=" http://deviantart.com/users/outgoing?http://facebook.com/" class="smbuttonsmbutton-normal smbutton-small"><span class="post">I love my buttons very much</span></a></div>

<a>tag:
<a href="http://deviantart.com/users/outgoing?http://facebook.com/">Facebook</a>


Result:


This fix was found by Gasara


15. How do I get rid of the bold text in my links/URLs and buttons?
You may have noticed if you use the above trick (FAQ #13) to get rid of the arrow or in general while inserting links in your journal or widgets you get your links bold as below:



To get rid of the bold text use the following code for your text inside your <a> tag or a button code:

<div class="devlinkzone"><b>YOUR_TEXT</b></div>


Solution:
BUTTON CODE:
<div class="thumb-holder"><a href="http://facebook.com/" class="smbuttonsmbutton-normal smbutton-small"><span class="post"><div class="devlinkzone"><b>I love my buttons very much</b></div></span></a></div>

<a>tag:
<a href="http://facebook.com/"><div class="devlinkzone"><b>Facebook</b></div></a>


Result:



16. How do I get the direct link to my Llama giving page/ Cake giving page?
You can provide a direct link to other deviants which redirects them to a page that will take them directly to a page where they can gift you a llama. Yes, even without visiting your page and clicking on the "Give" button on the top-right corner and then clicking on the "Give a llama badge" menu they can bypass it and goto a page and give you a llama.


Llama page direct link:


Here's how you do it:

1) Log out from your page and login to deviantart using another account. (Otherwise you can tell you friend to do this for you ;) )

2) After logging into the other account go to your page and click on the "Give" button and then click on "Give a Llama badge" menu from the dropdown. (as shown above)

3) In the pop-up window that opens (as shown below), right-click on the "Terms and Conditions for Points" and click on “Open in new tab” or “Open in a new window”



4) In the new browser tab or page that opens Copy the URL address (as shown below) and that my friend, is the direct link to your llama page! ;)



Cake page direct link:

For the cake page follow the same steps as given above but this time you just select "Give a Cake Badge". :)



17. How do I copy the image URL (or deviation image URL or deviation image link)?
To copy the URL of an image that appears on a page do the following:

Please follow the steps according to the browser that you are using!!

Internet Explorer

   1. Click on the desired picture with the right mouse button
   2. Select Properties from the menu
   3. Highlight the address appearing under Address (URL):
   4. Press Ctrl-C (shortcut key to copy the URL)

Mozilla Firefox

   1. Click on the image with the right mouse button.
   2. Choose "Copy Image Location" from the menu.

Safari and Opera

   1. Click on the desired image with the right mouse button (or holding down Ctrl while clicking with the left or only button).
   2. Select "Copy Image Address" from the menu.

Google Chrome

   1. Click on the image with the right mouse button
   2. Select "Copy Image URL" from the menu that comes up

HINT: An Image URL always ends with an image extension such as .jpg or .png or .gif etc.

Example: http://fc01.deviantart.net/fs70/f/2013/069/d/6/fella_by_cyphervisor-d5xk416.png


18. Can I change the icons of my widgets?
No, you can't!