Welcome back! It's been a while since the last article, and while I did promise that 1 month would be more than enough time to prepare for these articles, it wasn't, and here I am, several days late, gathering up some resources. We have some nice little tricks for you this month, so let's begin!
Cursors
If used right, these can add a bit of uniqueness to your journals. If not used right, can cause the old "Myspace template" look which shouldn't be shown in a journal.
Most newer browsers that correctly impliment CSS, let you change your cursor for certain elements, for example, links or DIVs. You can do anything from crosshair cursors, to custom cursors loaded from a file. In this example, we'll change the links from a hand, to a crosshair:
CSS:
a:link {
cursor:crosshair;
}
And of course you can use many more, such as:
nw-resize
ne-resize
se-resize
sw-resize
n-resize
e-resize
s-resize
w-resize
move
help
pointer
text
wait
or even load your own cursor. Just upload a .CUR file onto your website, and use this code:
.journalbox {
cursor:url('location.to/yourcursor.cur');
}
Tips from =loki-mcdamage
A man with lots of ideas, =
loki-mcdamage has come up with some nifty ideas for your CSS Journals:
I was messing around with the css in my journal and I ended getting the number of comments/prev journal and all of your mood icons to go into you journal you can see what i mean here: [link]
The css I used for it is:
.moveleft
{
float:left;
width:75%;
height:180px;
position:relative;
font-size: 12px;
}
(I had
Now to get it to work you have to put what ever you want last in your journal in my case a load of links in the footer box with this html around it:
<div class="moveleft ">Stuff goes here</div>
then it moves that to the left making space for the other stuff to fit into. I had mess around adding in extra moods and extra to stop my content going off the bottom. you can use this how ever you want or not at all just thought it might be something other people might find useful.
And the man also has a few CSS goodies, including this tutorial:
[link]
Make sure to check out =
loki-mcdamage's gallery!
Journal features!
First up this week, we have =
jujimufu's journal. Featuring a nice colour scheme, excellent use of the Favebox, as well as the MSN and Skype statuses, and nice icons at the bottom, =
jujimufu has done a nice job, and has been an avid fan of the CSS Articles for so long!
Secondly, we have =
Noergaard. This guy has brought together a nice colour scheme with a catchy heading and subtle design elements. Easy on the eyes and fun to look at too, =
Noergaard's entire gallery is worth a look too
And that's it for this week. These things are getting shorter and shorter, I swear it!
Note your ideas to =
Grayda and we'll catch you next month! Keep on coding, and showing me your ideas!
Devious Comments
--
The only reason people get lost in thought is because it's unfamiliar territory.
--
Fiona
Stock and Resources Gallery Moderator
And thanks for the feature
--
Free Hugs Campaign GO!
<emothemurdok> there are pants in your poem
[01:50] Miguel: it's a freakin' metaphor! don't hit me, I'm in love!
--
nympho with project sleek
deviantART, Inc.
--
Also available in 'sober'
But one day dA will be as MySpace.
--
Joffrey a.k.a. pickupjojo.
I'm Geek and Hype and I love Qweenn.
Thank you
--
gtfo.
--
The only reason people get lost in thought is because it's unfamiliar territory.
Previous Page12345... Next Page