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,649
Favourites
49 (who?)
Comments
18
Installs
405
×
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 Featured By Owner 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:
Sola-Alona Featured By Owner Nov 10, 2009
Thank you for this simple yet wonderful template~! I love the colors u used in this.:)
Reply
:icon1rusty:
1Rusty Featured By Owner Aug 5, 2009
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:
ReehBR Featured By Owner Jun 21, 2009
you could copy the entire code of your newspaper and send to me? I could not put right!
Reply
:iconlifesdestiny:
LifesDestiny Featured By Owner Jun 22, 2009
Sorry I am not too sure what you mean exactly.
Reply
:iconreehbr:
ReehBR Featured By Owner Jun 22, 2009
I downloaded the css and not using it, could you help me? have msn? I have some doubts :(
Reply
:iconlifesdestiny:
LifesDestiny Featured By Owner Jun 23, 2009
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 Featured By Owner Jun 17, 2009  Hobbyist Digital Artist
Thanks for this :) *uses*
Reply
:iconhybridair:
HybridAir Featured By Owner 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:
LifesDestiny Featured By Owner Jun 16, 2009
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: