LifesDestiny on DeviantArthttps://www.deviantart.com/lifesdestiny/art/With-Any-Luck-125392327LifesDestiny

Deviation Actions

LifesDestiny's avatar

With Any Luck

By
Published:
3.1K Views

Description

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.
© 2009 - 2024 LifesDestiny
Comments18
Join the community to add your comment. Already a deviant? Log In
Pixelmari's avatar
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;}