Shop Forum More Submit  Join Login

Journal Skins

 

When you make a new Journal, look to your right. Over there is where you select what Journal Skins from your installed collection you will use. The default is Deviant Green. Right by there is another square with what appears to be an eye that is labeled "Browse Skins." Click that, and you can look through DevaintART's Journal Skins category for ones you might like and can install to use later to ensure that these are for Free use--anyone can use it--, and not Private use-- only a particular person can use--). HOWEVER, you can only use a Journal Skin besides the default if you are a paid Premium Member, Senior Member, or if a company has sponsored free Journal Skins (which happens about once or twice a year) for a short time. You can also make or customize your own Journal Skin using CSS (specific coding), but since most people do not know how, I asked firstfear to make some templates in 2012.
JRNL Skin - Free Template 1 by firstfear JRNL Skin - Free Template 2 by firstfear

:star: Please do keep in mind that most coding can only be used in your widgets and Journal, not in comments.

But don't worry. :) There's plenty of ways to make your Journal lovely and customized without having a premium Membership. I was the Queen of PLZ accounts. XD

 

PLZ Accounts


PLZ accounts are deviantART accounts created with a desired image for the avatar in order to be used in comments and in place of Thumb codes (see "Posting Images on-site") since up until late 2012, only Premium Members could use Thumb codes. You can connect them to use as dividers, spell in big fancy letters with them, or even use them for expression as well as emoticons. My friend etto-sama has an amusing collection of PLZ accounts, and I send her the funnier ones I find as well.  :giggle:
emocons lol 1Emocons 1 || Emocons 2 || Emocons 3
well, i need some where to keep the emocons to be use~~~xDDD
:iconimhappyplz::iconimhappierplz::iconimevenhappierplz::iconimhappiestplz::iconimtoohappyplz::iconimwaytoohappyplz::iconseriouslytoohappyplz::iconsheshappyplz::iconrlyplz::iconitalyishorrifiedplz::iconimhorrifiedplz::iconicameplz::iconyoucameplz:::iconiultracameplz::iconimegacameplz::iconiepiccameplz::iconmegustabishieplz::iconimhighplz::iconimhappyraveplz::iconichaincameplz::iconimsuperhappyplz::iconheeplz::iconufufuplz::iconhurrhurrplz::iconidontthinksobetchplz::iconwthewwplz::iconfrageplz::iconimwinkingplz::iconicouldntcameplz::icongitfaceplz::iconimbishieplz::iconraepfaceplz::iconraegplz::iconraegrapefaceplz::iconwtwplz::icondurrhurrplz::iconim
emocons lol 2Emocons 1 || Emocons 2 || Emocons 3
:iconhetaliaplzs::iconlainloveplz::iconmuahplz::iconbrohugplz::iconoldschoolownedplz::iconawkwardhugplz::iconarmstrongtighthugplz::iconsuperw00tplz::iconrenarikaspinplz::iconspinzakuplz::iconizayaloveplz::icon34nipahplz::iconsupertackleplz::iconamgtouchplz::iconcannotevenplz::iconreactionzoomplz::iconwhywouldyoudothatplz::iconasdfghplz::iconepicclapplz::iconlazycryplz::iconlazeplz::iconsexylazeplz::iconlazeflirtplz::iconbralazeplz::iconlazewaveplz::icontoolazyplz::iconlazywaveplz::icontuzkiflailplz::iconbrokissplz::iconsexybrokissplz::iconwantplz::iconkermityayplz::icongustaokayplz::iconwooowplz::iconallthethingsplz::iconrickrollplz::iconbowtieplz::iconslashshine::iconkawaiipandaplz::iconsnapeleavesplz::iconm
emocons lol 3Emocons 1 || Emocons 2 || Emocons 3
More because i lazy to type or copy paste
Another one because i lazy to type or copy paste
:iconnipplelazeplz::iconlazycryplz::iconlazeplz::iconlazywaveplz::iconlazewaveplz::iconbralazeplz::iconlazeflirtplz::iconshotcatplz::iconlazeoverkillplz::iconlazyweepplz::iconlazykickplz::iconlazyinviteplz::iconlazysmplz::iconsexylazeplz::icontoolazyplz::iconrazycryplz::iconlazesexyplz::iconlazyshyplz::icondnw1plz::icondnw2plz::iconpapuguuplz::iconjizzplz::icontrialofthedragonplz::icongo-on-plz::icontrollface-kingplz::iconminatoaplz::icondojimaangryplz::iconduudewtf::iconka

For instructions on how to post a PLZ account and for a list of PLZ dividers, click bellow:
PLZ Dividers pg1:star: PLZ Dividers pg2 : https://nasikasakura.deviantart.com/journal/PLZ-Dividers-pg2-272437006 :star:
:star: PLZ Dividers pg3 : https://nasikasakura.deviantart.com/journal/PLZ-Dividers-pg3-422728216 :star:
-- PLZ Banners: https://nasikasakura.deviantart.com/journal/PLZ-Banners-373647254#comments --
-- Further Decorating/ Customization: https://nasikasakura.deviantart.com/journal/Decoration-Customization-Tutorial-347719691#comments --
How to use:
Type :icon________: and in place of the blank, insert the full, correct name of the plz account such as "pinkbowdivplz" which will create the image when posted or in "Preview" mode.
Where can I find the Plz account name?
Hover your mouse over the plz account's icon and a box with a name may appear, the name may appear in ht
PLZ Dividers pg2:star: PLZ Dividers pg1 : https://nasikasakura.deviantart.com/journal/PLZ-Dividers-pg1-256759422 :star:
:star: PLZ Dividers pg3 : https://nasikasakura.deviantart.com/journal/PLZ-Dividers-pg3-422728216 :star:
-- PLZ Banners: https://nasikasakura.deviantart.com/journal/PLZ-Banners-373647254#comments --
-- Further Decorating/ Customization: https://nasikasakura.deviantart.com/journal/Decoration-Customization-Tutorial-347719691#comments --
How to use:
Type :icon________: and in place of the blank, insert the full, correct name of the plz account such as "pinkbowdivplz" which will create the image when posted or in "Preview" mode.
Where can I find the Plz account name?
Hover your mouse over the plz account's icon and a box with a name may appear, the name may appear in ht
PLZ Dividers pg3:star: PLZ Dividers pg1 : http://nasikasakura.deviantart.com/journal/PLZ-Dividers-pg1-256759422 :star:
:star: PLZ Dividers pg2 : http://nasikasakura.deviantart.com/journal/PLZ-Dividers-pg2-272437006 :star:  
-- PLZ Banners: http://nasikasakura.deviantart.com/journal/PLZ-Banners-373647254#comments --
-- Further Decorating/ Customization: http://nasikasakura.deviantart.com/journal/Decoration-Customization-Tutorial-347719691#comments --
How to use:
Type :icon________: and in place of the blank, insert the full, correct name of the plz account such as "pinkbowdivplz" which will create the image when posted or in "Preview" mode.
Where can I find the Plz account name?
Hover your mouse over the plz account's icon and a box with a name may appear, the name may appear in http format at the bottom of your screen, or just click onto the image which will take you to the account profile with its username.
Center
To center your divider/text, use this code

For instructions on how to post a PLZ account and for a list of PLZ Banners and related faux-widgets/titles, click bellow:
PLZ Banners:star:Further Decorating/ Customization: http://nasikasakura.deviantart.com/journal/Decoration-Customization-Tutorial-347719691#comments :star:
-- PLZ Dividers pg1: http://nasikasakura.deviantart.com/journal/PLZ-Dividers-pg1-256759422 --
-- PLZ Dividers pg2: http://nasikasakura.deviantart.com/journal/PLZ-Dividers-pg2-272437006 --
-- PLZ Dividers pg3 : http://nasikasakura.deviantart.com/journal/PLZ-Dividers-pg3-422728216 --
How to use:
Type :icon________: and in place of the blank, insert the full, correct name of the plz account such as "pinkbowdivplz" which will create the image when posted or in "Preview" mode.
Where can I find the Plz account name?
Hover your mouse over the plz account's icon and a box with a name may appear, the name may appear in http format at the bottom of your screen, or just click onto the image which will take you to the account profile with its username.
Center
To center your divider/text, use this code without asterics bef
DeviantArt Journal Creator|Watch Me|My Gallery|My Scraps|My Stats|My Watchers|
Custom User Links:
The links above are all generated automaticaly when you enter your DeviantArt username.
Bars/Spacers:
The "Insert" buttons at the right of the journal creator allow you to insert the following bars;
Welcome Bar:
:icondajc-w1::icondajc-w2::icondajc2::icondajc2::icondajc2::icondajc2::icondajc2::icondajc3:
News Bar:
:icondajc-n1::icondajc2::icondajc2::icondajc2::icondajc2::icondajc2::icondajc2::icondajc3:
Friends Bar:
:icondajc-f1::icondajc-f2::icondajc2::icondajc2::icondajc2::icondajc2::icondajc2::icondajc3:
Ect Bar:
:icondajc-e1::icondajc2::icondajc2::icond

Emoticons


For emoticons (the smaller pictures and animations like :D ), go to a comments section, like the comments sections for your profile or bellow this Journal. Click into the box as if you are about to write a comment, then look at the bottom left of the window that pops up for you to type in. Click "emoticons" and another separate window will pop up with a long list of pictures with their codes. :) Type the codes correctly, and when you post or press "Preview", the picture will be in its place.

You can also post pictures from both on-site and off-site as decoration.

Posting Images


On-site images use Thumb codes to post a Thumbnail of a picture, which you do not have to ask the artist permission to do since it is considered a Feature-- the picture itself is a link back to its original source and basically is its own credit. It's located to the right of a deviation (you may have to scroll down) under "Details." To make the Thumbnail display larger, type "bigThumb" instead of just "Thumb" in this code. These may not display in comments for free users.


Off-site images can be posted by using the coding...
<**img src="IMAGE URL HERE">
...with asteriks removed.
(To get an image's URL, right-click the image and click "Copy Shortcut," or "Properties  then copy "Source URL.")

Images as clickable icons/ button images
<**a href="INSERT LINK HERE"><**img src="INSERT DIRECT IMAGE URL HERE"><**/a>
...with asteriks removed.

:new: Images with Wrapped Text 
Okay, so this isn't really "wrapped" text, but the image on one side of the plain and the text on the other with multiple lines of text to match the height of the image, rather than one line of text resting on the same line as the bottom of the image.
<**img src="INSERT DIRECT IMAGE URL HERE" align="LEFT/RIGHT"/><**div align="LEFT/RIGHT"> INSERT TEXT HERE
...with asteriks removed
and the first left/right referring to image, as the second to text alignment.

Posting Youtube Videos


Youtube Videos coding is...
<**div align="center"><**div class="video"><**/div><**da:embed profile="youtube" id="INSERT SOURCE CODE HERE"/><**/div>
...with asteriks removed.
(To get the source code easily with the late 2013 YT update, click "share" and copy the highlighted link after "youtu.be/" OR to get the source code manually, right-click the video and click "Copy Video URL." Paste this somewhere and only copy the characters between "v=" and "&" and then copy that into the indicated space of the CSS.)

Text


Besides PLZ account lettering, you can change the appearance of your typing using the codes bellow and removing the asteriks.  :meow:  You can also combine the codes for the text to express both characteristics, for example being both bold and underlined, but try typing bold's coding first and last since it likes to override the other codes.

multi-line CSS
Centered
_____ <**div align="center"> INSERT TEXT <**/div>
(change "center" to "left" and "right" for left and right alignment.)
italicized _____ <*i> INSERT TEXT  
bold ________<*b> INSERT TEXT <*/b>
underlined ___<*u> INSERT TEXT <*/u>
Mini_lowered _____ <*sub> INSERT TEXT <*/sub>
Mini_ellivated _____<*sup> INSERT  TEXT <*/sup>

Single-line CSS
(no emoticons, different text sizes, nor account links on same line)

big

 <*h4> INSERT TEXT <*/h4>

bigger

<*h3> INSERT TEXT <*/h3>

biggest

  <*h2> INSERT TEXT <*/h2>

huge

  <*h1> INSERT TEXT <*/h1>

Clickable Text
<**a href="INSERT LINK HERE" title="INSERT LINK DESCRIPTION HERE"><**span>INSERT TEXT HERE<**/span><**/a>
...with asteriks removed.
__The link description refers to a box that appears when one hovers their mouse over a link, describing the link location. Not all browsers have this.

Further Decoration/Customization Tutorials

Custom Box BG - KiraKiraIchigo by firstfear EXTRUDED content-holder box by CypherVisor Tiny Music Player Tutorial - Add Music to your dA by Hatty-hime :thumb40450590:

Last updated: 16 October 2014 15:59 Pacific

Add a Comment:
 
:iconbloodypatronus:
bloodypatronus Featured By Owner Sep 29, 2013  Hobbyist Digital Artist
Image codes aren't working ;C
I've get this all the time:
Reply
:iconnasikasakura:
NasikaSakura Featured By Owner Sep 29, 2013  Professional General Artist

You can't use them in your comments section. Only your widgets.

I cannot see your whole code to check to make sure you used it right with Da's update a few months back, so they whole text is now a re-direct link.

Make sure to have closed your code (with an ">" at the end), you do not have any spaces in the code except for between "img" and "scr," and that the link you used is directly to the image itself, not, say, to the deviation page. (Right-click the image, select "Properties," and copy the Address URL.) I've tested this code, and it should work just fine. (**Remove asterisks.)

<**img src="http**://fc00.deviantart.net/fs70/f/2013/271/5/e/thanks_for_1000___raffle_adopts_open__by_bloodypatronus-d6oacmm.png">

Being that it is an on-site image, you may find it easier just to use Thumb codes since it will link directly back to the deviation page so that people may purchase your adopts. You can make the image bigger in Thumb by typing "bigThumb" in the code instead of just "Thumb." :) To find the Thumb code, go onto the deviation page and scroll down on the right until you see the deviation's statistics. Copy the code from there. Good luck! 

 

Reply
:iconbloodypatronus:
bloodypatronus Featured By Owner Sep 29, 2013  Hobbyist Digital Artist
anyway, thanks for the help ^^
Reply
:icontokysha:
Tokysha Featured By Owner Jul 23, 2013  Hobbyist General Artist
This is really helpful!
Thank you so much!
Reply
:iconnasikasakura:
NasikaSakura Featured By Owner Jul 23, 2013  Professional General Artist

You're welcome. :)

That's what it's here for. :meow:

Reply
:iconfraizy-sama:
Fraizy-Sama Featured By Owner Mar 16, 2013  Hobbyist General Artist
for adding the video...it didnt work for me!:I
Reply
:iconnasikasakura:
NasikaSakura Featured By Owner Mar 16, 2013  Professional General Artist
Make sure to use the URL for your video only between "v=" and "&"
and to remove the asteriks(*'s) from the CSS code.

If you still have problems after that, send me the youtube video you wish to post.

Sometimes, the video still won't load just because the load takes time and is tedious for the Da server. RE-load the page and eventually it should pop up. You will be able to tell if it's really a problem with the code if a youtube screen pops up with a black image and time 0:00. If you're seeing the written code itself, the code has been typed wrong (usually meaning you didn't remove all the asteriks or you removed a key element whilst removing an asterik).
Reply
:iconfraizy-sama:
Fraizy-Sama Featured By Owner Mar 16, 2013  Hobbyist General Artist
[link]
and please also this one!!;\\\\;
Reply
:iconfraizy-sama:
Fraizy-Sama Featured By Owner Mar 16, 2013  Hobbyist General Artist
well i did erased the"*" but thers nothing between the"v="and the"&"
anyway her's the link for it!!>u< and thank you again so much!!!:3
[link]
Reply
:iconnasikasakura:
NasikaSakura Featured By Owner Mar 16, 2013  Professional General Artist
Ironically, my friend just posted the exact same video on her Fb. Anyways,
the complete URL for this video is

http**:**//www**.youtube**.com/watch?feature*=player_detailpage&v=YbjQqWFxbaM
...with asteriks removed.

Copy between the "v=" and "&"
Since there is no "&" (which was not anticipated, but likely due to youtube's new layout launched since last weekend) so just copy to the end's entirty.
That is...

YbjQqWFxbaM

That is what to put into the CSS code.

<**div align="center"><**div class="video"><**/div><**da:embed profile="youtube" id="YbjQqWFxbaM"/><**/div>
...with asteriks removed.

This code does work once you remove the asteriks. I tested it already on my own profile, and I'll leave it live until you reply.

Try this on your own with your other video too. If you are still having problems after checking your work, let me know. :)
Reply
:iconfraizy-sama:
Fraizy-Sama Featured By Owner Mar 17, 2013  Hobbyist General Artist
waa!>u< thank you so much!!!really!!!!;_____ ; i really aprichiate it!!
Reply
:iconsweetmaniacdeluxe:
SweetManiacDeluxe Featured By Owner Jan 12, 2013
Thank you very much for this tutorial!!!
Reply
:iconnasikasakura:
NasikaSakura Featured By Owner Jan 12, 2013  Professional General Artist
Ah, thank you. :meow: And you're welcome. :D
Reply
:icondororoandkururu:
dororoandkururu Featured By Owner Jan 10, 2013
The youtube video thing works for non premium members too
Reply
:iconnasikasakura:
NasikaSakura Featured By Owner Jan 10, 2013  Professional General Artist
Ah, thank you! :D
Reply
:icondororoandkururu:
dororoandkururu Featured By Owner Jan 11, 2013
Your welcome:)
Reply
:iconetto-sama:
etto-sama Featured By Owner Jan 10, 2013  Student General Artist
uwuuuaaaaaaaaa~~~~~~~~~~~:iconrainbowsparklesplz:
SO MANY TUTORIALS JSVCSCJVCJGVSDJCVDSJ<3333333333333333333333333
THANK YOU FOR PUTTING THESE UP NASIKA CHAAAAANNNNNNNNNN~~~~~~~~~~~~~:iconsupertackleplz:

and lol-- my journal of weird icons is promoted--wwwwwwwwwwwwww~~~//SHOT//THANK YOU NEEEEEEEE~~~~~~~~~:iconabububuplz:
Reply
:iconnasikasakura:
NasikaSakura Featured By Owner Jan 10, 2013  Professional General Artist
haha I find your Journals helpful myself. XD My memory is terrible, and it takes so long to find the simple icons I wants. XD It's a God-send sometimes. lol
:iconrubcheeksplz:
Reply
:iconetto-sama:
etto-sama Featured By Owner Jan 14, 2013  Student General Artist
awwwwwwwwwww~~ Im glad that i at least made something useful and kinda helpful to people--:iconcraiplz:
Reply
Add a Comment:
 
×

:iconnasikasakura: More from NasikaSakura


Featured in Collections

Journals by Jremy-Alexandria

journals by Qihah


More from DeviantArt



Details

Submitted on
January 10, 2013
Link
Thumb

Stats

Views
4,309
Favourites
61 (who?)
Comments
19
×