HOME | DD
33xiT β
Official dA v5 journal CSS
by-nc-sa
Published: 2007-01-13 02:13:06 +0000 UTC; Views: 137068; Favourites: 1951; Downloads: 10198
Redirect to original
Description
Official dA v5 journal CSS v1.21
Development: ~33xiT
Release date: Jan 13, 2007
Dedicated to: all deviantART's staff !
See also:
- Official dA v5 gallery CSS
- Official dA v6 journal CSS
Description: This is the official CSS of deviantART v5. If you like the dA v5 layout, you can customize your journal!!!
How to install the Official dA v5 journal CSS? Official dA v5 journal CSS Update Guide by ~osyris Please, stop to ask if you can use it! YES, you can use it, I built it for that
Thanks.Featured in:
- The Best Journal CSS Templates
- =Gracies-Stock's journal
- *OibyrdsDDs's journal
Contest:
- First Annual Themers' Galore Contest
Details:
- Compatible with Mozilla Firefox
- Compatible with Opera
- Compatible with Safari
- Compatible with Internet Explorer 7 (not tested on older versions)
- Current version : 1.20
Specifications:
- CSS 2.1
- Margins and paddings used
- Absolute position used for corners
- Floating div used for friends div (hidden for IE7 users)
- Floating div used for devicon
- Floating li used for top menu
- Layout picture mapping for picture link (a; a:hover; a:active)
- Layout pictures are hosted by me
Resolution compatibilty:
- less than 1024x768: not compatible
- 1024x768 : Ok if you remove some links from the top menu
- more than 1024x768 : compatible
.ZIP file contains:
- Journal_layout_v1.21 (div code to copy in your journal fields)
- CSS_dA_v5_v1.21 (CSS code to copy in your CSS field)
- Official_dA_v5_journal_CSS (my above exemple)
Note: The "comment it" button does not work in the preview mod (it's normal).
Note for IE7 users: It bugs on the journal preview (it's normal).
ChangeLog:
Known bugs:
- right corners are too much on the right
Changes at v1.01:
- Corners for IE7 (bug fixed)
- Margin on Text div removed (bug fixed)
Changes at v1.02:
- "watchme !" button don't move in function of your devlink length (new way of CSS code)
Changes at v1.03:
- Footer margin fixed in the comment journal page (bug fixed)
Changes at 1.10:
- Clubs div added
Changes at 1.20:
- All layout pictures URL
- Stamps div added
- Gallery link updated
- "watch me" button has been replaced by "comment it" button (direct access to the comment form)
Changes at 1.21:
- Image URL updated
If you installed an earlier version of the current version, you need to update the CSS and the journal layout ! Installation highlight : The Mood-list MUST be moved to the BOTTOM and at least ONE ELEMENT of this list must be filled! How to install the Official dA v5 journal CSS? Official dA v5 journal CSS Update Guide by ~osyris Related content
Comments: 1468
i didn't think i told you this but i'm using this in my journal. i've given you a shoutout and complete credit. please stop by and take a look. thank you honey!
π: 0 β©: 1
I did, I did
Thank you very much
π: 0 β©: 0
Bonsoir Joris,
J'ai utilisΓ© ton journal CSS ici : [link]
Merci beaucoup pour tes explications que j'ai trouvΓ©es trΓ¨s clairesβ¦
Patrick
π: 0 β©: 1
THIS IS THE CSS IVE BEEN LOOKING FOOOOOOOR...Im using eet
π: 0 β©: 1
Or at least, you tried to use it^^
π: 0 β©: 1
oh I will later...schools kinda hard right now...but I will be using it XD
π: 0 β©: 1
Don't say you are using it then
No worry, have a good day.
π: 0 β©: 1
π: 0 β©: 1
Thanks go to you for using it
π: 0 β©: 0
I do have a question. I was editing this CSS code to make it similar to the one I have currently. I was wondering where in the CSS I am able to change the background of the journal from gray to a url image.
i.e. here is what I want to be in place of the gray background coloring:
.journalbox .journaltext {
border-bottom:5px #95CAE4 solid !important;
color:#000000 !important;
background-image:url(htt*p://i168.photobucket.com/albums/u184/x_yuriangel_x/EdxAlDoujincoverbyEscapeClub.jpg);
background-repeat:repeat;
background-position:top left;
}
π: 0 β©: 0
Awesome CSS! I've added it into my journal, it was time for a change. Thank you for providing this!
π: 0 β©: 1
No, thank goes to you for using it!
π: 0 β©: 0
OKAY.
i fixed it for real now.
.journaltext .main2 {
background-color:#bac5ba;
padding:10px;
margin:-28px -10px 8px -10px;
}
+_+
π: 0 β©: 0
shoot, that only fixes it when in preview mode. X_X
guess i have to try again. *dies*
π: 0 β©: 0
nvm.
i fixed the problem.
here was the problem:
.journaltext .main2 {
background-color:#bac5ba;
padding:10px;
margin:-28px 0px 8px 0px;
}
and here it is fixed:
.journaltext .main2 {
background-color:#bac5ba;
width:397px;
padding:10px;
margin:-28px 0px 8px -10px;
}
the middle gray space between stamps and the bottom 'mood' box is also messed up, so ill look into that too.
π: 0 β©: 0
ive found a bug with this CSS.
the 'still amazed for' border doesnt stop where its supposed to, but instead extends down to the bottom of the page.
can you tell me how to fix this?
π: 0 β©: 0
This is an amazing CSS! You did such an excellent job!
π: 0 β©: 1
Thank you very much!
π: 0 β©: 1
π: 0 β©: 0
this css is great! but how can i get to have the friends list under the journal instead of having it on the right? i usually dont write much in my journal, so i now have a lot of empty space because of the friends list...
π: 0 β©: 1
You can but you need to change a lot of things in the journal layout and CSS code.
π: 0 β©: 1
oh ok then, i can live with that! lol
it is still a beautiful and simple css! thanks!
π: 0 β©: 1
Just to let you know, I'm using this as my new CSS. 
π: 0 β©: 1
tnx for they layout is very nice luv it !! got it for my journal wii!! <3
π: 0 β©: 1
uu uuu uu !!!! Can I use it please?? -shiny-in-my eyes *blink blink*
This is totally great BY THE WAY!
AWESOME!!!!!
π: 0 β©: 1
Yea, once you got a subscription
Thanks!
π: 0 β©: 0
WOooooooOOOOooOOW!!!!! Very cool!
π: 0 β©: 1
Hey 33xit! I'm using this CSS now and it looks great!
π: 0 β©: 1
No problem! It's a bit late to see the CSS now because I now have my regular layout. But it was a very cool CSS.
π: 0 β©: 0
The new layout for DA sucks. I loved version 3 better.
π: 0 β©: 0
Using it now, if I can figure out how to get it all set up right. xDD
Thanks for this!
π: 0 β©: 1
<= Prev | | Next =>