Name of Blog
Updated May 17 2016 (still have more to do and more comments to read)
Hi all! I'm relatively new to DA, even though I've been telling myself for years to join. I'm a web developer specializing in LAMP, and consider myself Full Stack; however, that's not really important here. We only have a limited amount of HTML and CSS available, so customization is limited. This entry is for those who consider themselves to be good to expert level of HTML and CSS, but are trying to figure out what they can do on DA. So, as I explore this entry you'll be learning at the same time.
As I said this is for people who know HTML and CSS. There are plenty of tutorials and resources here for beginners, but nothing comprehensive.
There will be a bunch of links to for the reference Tutorials that I found; however that doesn't mean I didn't figure it out for myself.
For right now (5/9/2016) this journal will not have a skin associated with it.
In order to share HTML code on DA:
I was about to pull our my hair -> this is helpfull ecssited.deviantart.com/journa…
I need to test to see how much HTML5 can be used here.
Not really. Since DA has an App there is no really reason to make the site responsive, but you can do your best to try to make your profile as responsive as possible. Percentages are your friend .... and sometimes your enemy.
Code Pen codepen.io/
JS Fiddle jsfiddle.net/
Placehold.it placehold.it For simple placeholder images.
Inspect is your friend (just right click and find inspect element)
HTMLA lot of what can be used you wouldn't see around, but hell they work.
<div align="center"></div>text align
<font face="arial"></font>Super old school with this one
Google fonts can only be used in the
<font>tag (da imports it through some JS), and not imported straight from their webfonts.
No @font-face (note this really needs to be tested ... maybe with a CDN font?)
All fonts for dA
Font colors Colored Text (Custom box) - More colors
@importis not supported.
Classes that can be used (all Deviant Based)
dev-page-button For links, Turns them into buttons
CustomCan not use CSS
You can do anything HTML wise, but you can not insert inline CSS and there are no Stylesheets associated to them. In order to have a background to the section you need the use this HTML.
<div class="popup2-moremenu"><div class="floaty-boat"><img></div></div>
To have centered contented in it's own
<div class="gr-box gr-genericbox"><div class="ch-ctrl cc-in"><div class="pp" align="center">
Basic Full HTML setup
<div class="popup2-moremenu"><div class="floaty-boat"><img src="placehold.it/100x100"></div></div><div class="gr-box gr-genericbox"><div class="ch-ctrl cc-in"><div class="pp" align="center"></div></div></div>
Can use CSS
Can not use CSS
So how do people get those rad styles to work on their profile. Well this is a combination of using the Journal and the custom Box. IN the featured section you'll want to add a journal or text page, but to get a back ground that will span the whole section you'll need to put in the image background like you do in a custom box in the description section. Other wise if you just have a background throw the CSS of the journal it will be limited and not span.
More information Profile Navigation Menu tutorial
Places to Get More Information
These are just overall areas to get more information. They range on levels, from Beginner to Expert