Make your CSS Journal #2So in the first one, we learned how to create our first basic CSS Journal. But now it's time to learn a bit more yes? Make your CSS Journal stand out a bit more with adding some of your own bits and pieces into it. In the this article, I will be replacing all < and > with the characters [ and ] so that the code will show properly.Make your CSS Journal #2 by dot-Silver
With CSS Journals allowing internal divs, it's very easy add extra bits into it. A comment usage is sub heading, just like using the bold text on news to define a certain area of the article. You can find them almost every where.
border-bottom: 2px solid #821122;
font-family: Courier New, Courier, tahoma, arial, verdana, sans-serif;
We set a border bottom, a font-family and size. You can do more if you want, such as backgrounds, more borders, etc.
[div class="subhead"]Heading Title[/div]
More Internal Divs
Internal divs is a great way of showing extra bits off, whether it's news, or s
Make Your CSS Journal #3Welcome to the third part in the "Make Your CSS Journal" series. This series is here to help you make your own journal stand out from the rest by giving all sorts of tips and tricks and learning parts of CSS you can use on your journal.Make Your CSS Journal #3 by dot-Silver
For this article, all instances of < and > have been changed to [ and ] to work on the news article. Make sure to change them back
Ahh, the margin, what is the margin? The Margin is the transparent border outside of your div, you can't see it, but it's there. It can allow you place your divs somewhere on the page. If you to make just a simple div box with a width of 200. It would be on the left side of the journal right? (Well, unless you have a text-align: right or center on your journaltext css.)
Let's apply this margin of ours.
margin: 0 auto;
Our margin is set as 0 auto. There are different ways you can do this, 0 is the to
Scrollable CSS boxes in JournalsIf you need a scrollable box in your Journal, where you can put recent news, fav's or thumbs, this one is for you.Scrollable CSS boxes in Journals by BeyondTheHorizon
Let's cut the BS and go to the code.
Put the following in the CSS (beta) box on your Journal:
position: relative !important;
vertical-align: top !important;
height: 190px !important;
width: 100% !important;
border: 1px #92A399 solid !important;
The below code goes into your Journal body:
Add your contents here
No BS - just CSS
Obviously the parameters of the colors and such can be changed. Go play with the stuff to make it suit YOUR Journal.
I hope someone can use this. If it has been posted before, please excuse me - I didn't see it.
Journal CSS ResourcesCSS for subscribers is finally here!! Your local neighbourhood zilla is here to give a few pointers to the novice CSSers who want to give their journals a make over with a few pointers and a list of handy resources.Journal CSS Resources by zilla774
As a general rule it is better to keep things simple, not just if you are a beginner. Remember the following points when you design your page:
1. Mock it up Try your design in Photoshop first (or which ever app you have) that way you can play with colours and styles without needing to refresh your journal too much.
2. Just because you can, doesn't mean that you should... try to avoid making things like the text size too small. The current journal style works well, so just start simply by changing colours.
3. Contrast is good. Making the colours of your text and links the same, or very close is bad m'kay. Make it easy for people to differentiate between things. Also, making your journal text too dark on a black background or too light on a bright backgro
Current Residence: ||deviantshare.com|blogger|7391868536484506751|4dfb9378610230.11124767||
deviantWEAR sizing preference: Large
Print preference: Any
Favourite genre of music: country, alternative, Rock etc....
Favourite photographer: me? LOL
Favourite style of art: Fantasy, emotional
Operating System: Windows VISTA
Wallpaper of choice: Recent Deviations
Skin of choice: Tanned, muscular..hee hee
Favourite cartoon character: Pepe' Lep'ue
Personal Quote: "What comes around, goes around"