Deviant Login Shop  Join deviantART for FREE Take the Tour

More from deviantART


Submitted on
May 7, 2012


704 (1 today)
1 (who?)


Journal Entry: Mon May 7, 2012, 9:58 AM

Testing my new journal skin!!!!!!!!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas luctus velit in est congue ut tristique metus tristique. Aliquam hendrerit blandit enim, sed gravida arcu facilisis ac. Phasellus scelerisque posuere commodo. Curabitur sodales gravida lacinia. Ut et ante sed felis dignissim laoreet. Sed sit amet lobortis arcu. Pellentesque lectus metus, porta eu laoreet non, tincidunt sed mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum luctus, lectus et congue bibendum, dui ante tempor metus, nec fermentum urna turpis vel ante. Nunc erat lorem, tincidunt vitae tristique vitae, bibendum quis justo.

Proin hendrerit ipsum eros, in eleifend tellus. Sed pretium ipsum non eros congue sed adipiscing eros rutrum. Aliquam erat volutpat. In vel feugiat sem. Praesent velit felis, malesuada imperdiet ultrices ac, malesuada ut tortor. Donec rutrum, dui non sodales blandit, purus orci rhoncus dolor, vel posuere sem arcu quis augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam ipsum leo, volutpat ac bibendum sit amet, rhoncus vitae ligula. Vestibulum euismod semper magna nec ornare. Pellentesque tincidunt vestibulum blandit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim tincidunt bibendum. Donec eget malesuada urna. Aenean quis commodo felis. Nullam libero neque, venenatis aliquet vestibulum eu, ullamcorper eu turpis. Suspendisse potenti. Curabitur ultricies pharetra euismod. Nunc bibendum lorem at mi consequat commodo. Suspendisse cursus posuere vestibulum. Nulla facilisi. Vestibulum eget mi ac lectus interdum sodales id quis mi. Nulla vel elit vel turpis mollis interdum id eu sapien. Aliquam eu quam diam, sed tincidunt dolor.

Fusce sapien diam, pretium molestie imperdiet sit amet, sodales vel ligula. Sed nunc tellus, tincidunt at tristique et, vehicula sed enim. In vitae congue neque. Pellentesque velit nunc, ultricies ac tincidunt non, ullamcorper eu orci. Phasellus in fermentum risus. In fringilla enim non mauris porta at semper tellus viverra. Proin nulla dolor, rhoncus vel facilisis ac, euismod vitae nunc. Vivamus suscipit luctus nisi, quis facilisis libero posuere vel. Phasellus ac orci eget turpis eleifend dapibus eu ac velit. Etiam est felis, elementum et tempus vitae, lobortis eget tellus. Curabitur bibendum sollicitudin adipiscing. Fusce ac est sed orci fermentum facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat, risus vel cursus vestibulum, arcu libero ultricies lectus, nec consequat justo massa vitae turpis. Aliquam erat volutpat. Suspendisse sed lacus elit.

Pellentesque in magna lectus. Sed consectetur, enim sed condimentum aliquet, magna libero blandit mauris, ac ultrices dolor tellus id libero. Aenean lacus ipsum, lobortis eu dapibus ut, hendrerit ultricies arcu. Pellentesque blandit bibendum augue quis mattis. Donec placerat, lacus a semper placerat, mi elit elementum lacus, quis euismod justo augue et mi. Nam a tincidunt mi. Nunc a quam lectus. Curabitur rutrum, neque ac varius molestie, nibh mi condimentum dui, et ultrices nibh orci auctor mi. Nullam hendrerit semper dui sit amet laoreet.

Nam congue purus vitae nisl placerat scelerisque. Donec a felis at diam bibendum facilisis. Aliquam et massa et arcu lacinia rhoncus ac nec turpis. Nulla venenatis auctor ultrices. Mauris urna velit, sollicitudin sit amet porttitor sit amet, dictum eget quam. Aliquam erat volutpat. Integer semper blandit nulla, vel cursus odio varius eu. Maecenas commodo gravida porttitor. Nam justo odio, aliquet eu sagittis ac, aliquet vitae orci. Donec pulvinar, nulla in pretium tincidunt, neque velit aliquet lacus, eget fermentum orci nunc sed nulla. Proin cursus elit eu elit dictum luctus. Phasellus sed nunc non mi cursus pretium. Suspendisse potenti. Morbi viverra augue et neque mattis scelerisque luctus nulla fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam eu quam nunc, a molestie tellus.

Fusce semper lorem id turpis tincidunt laoreet. Suspendisse dapibus tincidunt erat at volutpat. Quisque augue lacus, aliquet a rhoncus nec, varius nec odio. In mattis nibh accumsan mi sodales facilisis vestibulum sem consectetur. Ut dolor justo, euismod sed luctus quis, tincidunt eu nunc. Ut sollicitudin mi in est aliquet tincidunt. Nullam faucibus malesuada ipsum at rhoncus. Donec tincidunt augue vel neque fringilla ut pharetra elit suscipit.

Web Boxes PSD by NishithVJournal and ID Template PSD by NishithV Journal PSD by NishithV

Webpage template V2 PSD by NishithVWeb Box V3 PSD by NishithVAward Set for contests PSD by NishithVThe Writer's Diary 2.0 - Journal Skin by NishithV
Add a Comment:
andreafilisitosovna May 22, 2012  Hobbyist Interface Designer
A small tip for you while coding menubuttons. Try to keep the background image of the button and its hover effect as a same file or image. Because when you open your journal and put your cursor over it the hover image doesn't show up immediately (as it doesn't get loaded while the journal is opening). The trigger to show the image occurs only when you put ur cursor over it and the image get downloaded. So keep both the image in a single file so that it automatically gets loaded. :)

Hope I didn't make the suggestion too complex for you! ;P
Hey thank you so much... I noticed that but I didn't know how to solve that. I am still a bit confused though. :)
Well, I'll try to explain again...

Take the button background and the hover background one after the other in a single image.
suppose you have a 100x20px button then putting both the normal and hover background in a single image would make it 100x40px. Got it? Now use width and height to determine the size of the button. In this case it would be width:100px; height:20px;
Now for the a:hover (for the hover effect) simply use the background-position property.
For this case it would be background-position:0px -20px;

Ooohhh yeahh!!! Thank you once again....! I'll do that right away! :thanks:
IndraMJha May 8, 2012  Hobbyist General Artist
Bhai. it's very beautiful. :)
I think, there's no problem in FF with it anymore.
but in Chrome the hover not working, because of the
.navigation {
width: 607px;height: auto;
if you change auto to 20px or something it works well. ;)

and the links are fb, twitter and +DevWatch aren't working.
Thank you so much for the feedback and the advice!
facebook & twitter links are currently set to their respective home page. I don't know the url of +devwatch. Although I must say I had come across a journal(the problem's I don't remember which one :( ) which had the exact url.
IndraMJha May 9, 2012  Hobbyist General Artist
the +devwatch works on JS , isn't it ? the link would be too complex. :P
I got the following code in inspecting the Watch button.

<a onclick="return DWait.readyLink('jms/pages/devwatch-editor.js', this, function() { DevWatchEditor.showPicker('USER', {icon: $('div.catbar .avatar').parent().html(), symbol: '~', isagroup: false, addfriend: $(this).attr('is_watched') == 0}); });" href="[link]" title="Add to your deviantWATCH" is_watched="0" devwatch="Lennal" class="gmbutton2 gmbutton2qn2r"><i class="icon i18"></i><em>+</em><span>Watch</span><b></b></a>
Add a Comment: