HOME | DD
spud100 —
'The Notebook' Free CSS
by-nc-nd
Published: 2008-05-31 06:25:42 +0000 UTC; Views: 54123; Favourites: 1222; Downloads: 9127
Redirect to original
Description
UPDATE 12/9/09: Photobucket completely kicked off my hosting, so all current users of this CSS have terrible bandwidth exceeded pictures for their journal. Unfortunately, all users must update their CSS to incorporate the new image hosting. A major sorry for the inconvenience!Time for a new CSS, anyone?
This lovely was mostly designed by ~sketched-dreams and changed a little and coded by =spud100 .
It is free to use, so enjoy!
Instructions are included in the zip.
Enjoy the CSS!
-Spud
Sweet! A DD!
EDIT: Now works in IE.
Related content
Comments: 585
great work! I'm using this as my CSS right now!
👍: 0 ⏩: 1
Damn, i wish i had a sub now...
👍: 0 ⏩: 0
awesum
I think I may try this out
👍: 0 ⏩: 1
Is it ok if I edit the headers, but still credit you?
👍: 0 ⏩: 1
Yes, you can edit the headers. But nothing else.
👍: 0 ⏩: 1
I just added this CSS to my journal! looking good! thanks for letting us use it
👍: 0 ⏩: 1
Ok theres this part I discovered...
Where do I put these codea at? It night be easier and whatever u change just send it back with the correct locations 
}
.stampbox {
_display:none;
text-align:center;
position:absolute;
top:774px;
left:57px;
right:57px;
_width:506px;
max-width:506px;
min-width:300px;
max-height:93px;
overflow:auto;
background:url([link] ) no-repeat;
}
.taba {
_display:none;
z-index:1;
position:absolute;
top:33px;
left:72px;
min-width:80px;
text-align:center;
font-size:11px;
font-family:'Marker Felt', 'Trebucher MS', 'Calibri';
color:#797979;
text-decoration:none;
}
.tabb {
_display:none;
z-index:1;
position:absolute;
top:33px;
left:161px;
min-width:80px;
text-align:center;
font-size:11px;
font-family:'Marker Felt', 'Trebucher MS', 'Calibri';
color:#797979;
text-decoration:none;
}
.journaltop span {
_display:none;
}
.tabc {
_display:none;
z-index:1;
position:absolute;
top:33px;
left:252px;
min-width:80px;
text-align:center;
font-size:11px;
font-family:'Marker Felt', 'Trebucher MS', 'Calibri';
color:#797979;
text-decoration:none;
}
.taba a {
position:static;
z-index:1;
}
.tabb a {
position:static;
z-index:1;
}
.tabc a {
position:static;
z-index:1;
}
.title {
background:url([link] ) no-repeat;
font-weight:bold;
width:398px;
_width:428px;
height:50px;
padding-left:53px;
padding-top:15px;
font-size:26px;
color:#797979;
}
👍: 0 ⏩: 0
Ok theres this part I discovered...
Where do I put these codea at? It night be easier and whatever u change just send it back with the correct locations
}
.stampbox {
_display:none;
text-align:center;
position:absolute;
top:774px;
left:57px;
right:57px;
_width:506px;
max-width:506px;
min-width:300px;
max-height:93px;
overflow:auto;
background:url([link] ) no-repeat;
}
.taba {
_display:none;
z-index:1;
position:absolute;
top:33px;
left:72px;
min-width:80px;
text-align:center;
font-size:11px;
font-family:'Marker Felt', 'Trebucher MS', 'Calibri';
color:#797979;
text-decoration:none;
}
.tabb {
_display:none;
z-index:1;
position:absolute;
top:33px;
left:161px;
min-width:80px;
text-align:center;
font-size:11px;
font-family:'Marker Felt', 'Trebucher MS', 'Calibri';
color:#797979;
text-decoration:none;
}
.journaltop span {
_display:none;
}
.tabc {
_display:none;
z-index:1;
position:absolute;
top:33px;
left:252px;
min-width:80px;
text-align:center;
font-size:11px;
font-family:'Marker Felt', 'Trebucher MS', 'Calibri';
color:#797979;
text-decoration:none;
}
.taba a {
position:static;
z-index:1;
}
.tabb a {
position:static;
z-index:1;
}
.tabc a {
position:static;
z-index:1;
}
.title {
background:url([link] ) no-repeat;
font-weight:bold;
width:398px;
_width:428px;
height:50px;
padding-left:53px;
padding-top:15px;
font-size:26px;
color:#797979;
}
👍: 0 ⏩: 1
That should all go in the text box under the journal that says "CSS (Beta)".
👍: 0 ⏩: 0
So for the little piggys I cant put my OC the same size as the piggy? Just wondering, I read the ocmment on the boc But i wasnt sure.
👍: 0 ⏩: 1
Yes, you can change the pigs. But I'd rather you not change anything else
👍: 0 ⏩: 1
Oh I wont its too perfect
I know to go to photobucket, but when I add the tabs how do I change the pigs then when they keep appearing? do they change automatically when I change it?
👍: 0 ⏩: 1
In the CSS, look for where the photobucket addresses are for .journaltop and .title. Then just replace that URL with the one you have from photobucket.
👍: 0 ⏩: 1
Ic
Il definately send u a link when im done, which should be in a matter of minutes.
It was a lil difficult to change the icon and the positioning since the text was off but i gots it ;D
Thank you for making this awesome CSS!!!!
👍: 0 ⏩: 1
Awesome! Glad it worked out
I'd be glad to see it when you're done.
Youre welcome!
👍: 0 ⏩: 1
The only problem Im having diffculties with is the stmap box, I wanna do the scroll box thing just like the preview but I dont know where to put it at, either way I put it below my journal, the footer, and below the css box, but when i did the css box it didnt work and there was an error.
Also when u write alot of text in the journal does the scroll box automatically appear?
Sorry im new to my suscription XD
👍: 0 ⏩: 1
Its perfectly fine.
I wouldnt have made a CSS if i didnt expect questions.
The code for the box should go before your journal, in the main section where you type out your journal. I had some trouble getting it to work in the footer. So that should do it.
👍: 0 ⏩: 1
Okeys hopefully this wil be the last question, for the tabs i filled them out already of this.
But where do I put it?
I read it but im still comfuzzled T^T
👍: 0 ⏩: 1
In the same place as the stamp box.
👍: 0 ⏩: 1
Oh well i tried and it not working
I tried the Header and the beginnign and end at the Journal box, the footer even though it doesnt work, the Css boc at the beginning and the end as well
I made sure i deleted them after I tried each time T^T
Im so sorry to bother you im still learning T^T
👍: 0 ⏩: 1
Then it must boil down to what browser you're using.
Is it IE by any chance?
👍: 0 ⏩: 1
IE as in the error thing? *tolts head to side and says 'Myuu?'*
👍: 0 ⏩: 1
OH Lol XD I feel like a dumb ass
Sorry for the comment below this, I messed up XD I know it goes in the CSS beta thing but i though t iwould be easier if u places the codes in the proper areas, that way i can return in the future of fixing my journal to change stamos and stuff ^^
👍: 0 ⏩: 1
Oh, yeah.. i know. I just had some weird alignment issues when i tried to do that. So i apologize
👍: 0 ⏩: 1
Oh dont be its ok 
👍: 0 ⏩: 0
>_< I didn't get a chance to put it in and now I'm on ipod. Send link so I can fav and use later?
👍: 0 ⏩: 1
omg I'm so tarded I'm sorry >_< ugh why didn't I think of the link above the reply...
👍: 0 ⏩: 1
Yeah, i wondered that. But its okay. :3
👍: 0 ⏩: 0
this is awesome! I'm gonnna try it out. ^^
👍: 0 ⏩: 0
<= Prev | | Next =>