Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
June 9, 2009
File Size
4.0 KB
Thumb

Stats

Views
2,618
Favourites
49 (who?)
Comments
18
Installs
403
×
With Any Luck by LifesDestiny With Any Luck by LifesDestiny
Just another simple journal, really struggling for inspiration for a really complex one, but I'll get it sooner or later. :P
Took quite a while to get this coded properly but I'm pretty pleased with the results. I have only check the compatibility with Firefox and IE, so if anyone could let me know if it works in the other browsers I would I really appreciate it.

At first this was going to be as complex as my last when it came to the coding but I got so many people asking for help I thought I better keep it simple this time so I have. There are only 4 things that need or can be added.

---------
:heart: Live Version : [link]
---------

:star: Left aligned header
<div class="leftheader">YOUR TEXT HERE</div>

:star: Right aligned header
<div class="rightheader">YOUR TEXT HERE</div>

:star: Text box under the header
<div class="textbox">YOUR TEXT HERE</div>

:star: Text box on it's own
<div class="sepbox">YOUR TEXT HERE</div>


There, see, didn't I say simple or what? But again if you want any help at all just give me a note and I'd be happy to help.

All links at the top should change automatically when you install the skin (fingers crossed) but if they don't feel free to change them. And the same goes for the dev icon in the top left hand corner, that should automatically change to yours.

Hope you guys like, and enjoy.

I give *CSS-Babes and =journalskins full permission to place this in their gallery.
Add a Comment:
 
:iconpixelmari:
Pixelmari May 26, 2010
What is the code you used for your top section of links? i can't figure out how to center them and the align: center dose not work for me. I have:

.links1 {
color:#ffffff;
background:url([link]);
position:relative;
top:-10px;
float:left;
font-size:15px;
font-weight:bold;
height:61px;
width:56px;
line-height:80px;
text-align:center;
margin: 0px auto;
font-family: Courier New; }
.links1:hover {
color:#00ff00;}
Reply
:iconsola-alona:
Thank you for this simple yet wonderful template~! I love the colors u used in this.:)
Reply
:icon1rusty:
thank you so much! I can hardly imagine all the work that would go into creating something like this - so again, thanks for making it easy for us non-css-geniuses tu have our page looking all beautiful! *uses*
Reply
:iconreehbr:
you could copy the entire code of your newspaper and send to me? I could not put right!
Reply
:iconlifesdestiny:
Sorry I am not too sure what you mean exactly.
Reply
:iconreehbr:
I downloaded the css and not using it, could you help me? have msn? I have some doubts :(
Reply
:iconlifesdestiny:
Did you click "install to journal"? If so, go to your profile page and click to add a new journal entry. At the bottom there is a button that will alow you to change the skin. If you clicked the install button then my skin should show in there.
Reply
:iconzola85:
Zola85 Jun 17, 2009  Hobbyist Digital Artist
Thanks for this :) *uses*
Reply
:iconhybridair:
HybridAir Jun 16, 2009  Hobbyist Digital Artist
Just curious, how did you add the padding too all the "blocks" of text? I can't seem to figure it out.
Reply
:iconlifesdestiny:
Which blocks are you talking about and i will be able to answer your question as there are more than a few different blocks.
Reply
Add a Comment: