dl-p on DeviantArthttps://www.deviantart.com/dl-p/art/Sinking-Light-163036445dl-p

Deviation Actions

dl-p's avatar

Sinking Light

By
Published:
886 Views

Description

This is my FIRST CSS journal, and pretty much the first CSS thing I've ever done. I started learning CSS 3 days ago.
What do you think of it?

I looked at :iconlifesdestiny:'s journal 'Keep Dreaming'
Only so I could understand how to do it... I changed basically everything though.

Instructions to use:

-After opening a 'Div', type your text and always close it after by using </div>

-A Div code should be surrounded by '</>'s, Deviantart won't let me use them in this way in the description.


Text Boxes
- Use div class="textbox" to open a Text Box.
I put my titles inside the text boxes, or they look wierd, so use div class="titlebox" right afterwards (make sure both codes are on the same line)
With the textbox and the titlebox 'opened' Type the title you want for that specific text box, when finished use /div to close it.
You can now type your text into the text box, which is still open. One done, close the whole thing using another /div code.

Scroll Boxes
A scrollbox goes Inside a text box. After closing your Text box's title, insert div class="textscroll" and type what you want.
Close the whole thing using two /div codes afterwards.

Sidebar
-Use the code div class="maincontent" to place your textboxes inside. If you don't then the textboxes will overlap the sidebar and it'll look horrible. When your text boxes are in, close the Main Content with an another /div code.
Now you can put in the Sidebar ;) Use div class="sidebar" , and if you wish to have a title in your sidebar put div class="sidetitle" straight afterwards, seperated only by a space. Type your title on the same line and close it with a /div insert your sidebar content and then close that with another /div code.

Stock I used:
:iconjavierzhx:'s 'Risingsun Brushes' (background overlay)

:iconaleksteir:'s 'Siluetas Brushes Set' (foreground silhouettes)

The rest is mine.

Please comment!
© 2010 - 2024 dl-p
Comments3
Join the community to add your comment. Already a deviant? Log In
TimareeZadel's avatar
Using this for my journal right now! First time I've used a journal skin so I'm pretty excited bout it! Thanks!