HOME | DD
Published: 2006-09-26 10:21:41 +0000 UTC; Views: 138682; Favourites: 2179; Downloads: 2607
Redirect to original
Description
A quick reference sheet I drew up for the old journal style so people didn't have to fuss through dA's source code to make their journal CSS.The new default journal style (with round edges) has a different and more complicated structure. I think the old version is easier to work with, so thankfully we can still use it - just use the old classes found in the reference above and it will trigger dA to use the old layout.
Guides for the new structure have been created by `xork : [link] - and `ginkgografix has made one that compares the old with the new: [link]
Note that you must be a premium member (have a subscription) to use CSS in your journal.
If you're new to CSS, you should aslo check out html dog's beginner's guide to css , which is a great place to start. If anyone pointed you to w3schools, give them a smack
Translations
- Turkish: 'Journal' Yapisi - Baslangic by ~umutsirin
- Italiano: Struttura del diario - fonte by ~MissingHorcrux
- Español: Estructura del Diario: Ref by ~LFerro
- Portuguese: Estructura do jornal by =xcubic
- Polish: Struktura dziennika Wartosci by `LiAiL
- French: contient tout le journal by *PhoenixII54
- Russian: Структура журнала - связь элементов by ~Kittenboy
- German: Tagebuchstruktur by !akaneia
- Hungarian: A journal CSS-e magyarul by ~BajuszGG
- ...add yours - send me a note/comment with a link to your translation
Further references:
- html dog's beginner's guide to css
- `xork 's Journal CSS editor - lets you edit your journal's HTML and CSS in realtime! Go +fav his deviation here !
- `tobyf 's journal css generator (great for total beginners looking fo something basic to start with - fill out the fields and it gives you the CSS)
- `nyssi 's CSS Rundown + Template - top stuff, takes you on a guided tour of her stylesheet.
- Not-So-Basic Journal Template by =ghostlove
- For even more resources be sure to check out the sticky thread in the programming forum too - [link]
- .this saved search - for CSS tutorials in the Resources gallery
- ...and lastly, you can check my /journal/ sidebar for code snippets/tutorials for doing things like sidebars, thumb tables and other neat tricks.
Related content
Comments: 419
Seburban In reply to ??? [2006-09-26 14:55:36 +0000 UTC]
And please, tell me how this works
👍: 0 ⏩: 0
Seburban In reply to ??? [2006-09-26 14:47:15 +0000 UTC]
thanks you, thank you, thank you
Wohoo!! Thanks
👍: 0 ⏩: 0
janvanlysebettens In reply to ??? [2006-09-26 10:54:44 +0000 UTC]
outdated already hombre
The journal icon has been replaced with a regular img.. no background image anymore..
which makes it very hard to edit in my opinion..
do you happen to know a way to edit the img src with css ?
I looked shortly into attr elements but I couldn't find a solution at first sight..
👍: 0 ⏩: 1
fkinghost In reply to janvanlysebettens [2006-09-26 11:17:17 +0000 UTC]
aii. already?
removing it is still simple: .journaltop img{display:none} (though, it doesn't seem to be loading anyhow )
replacing it becomes more complicated, but no big deal - .journaltop img{height:0; padding-top:IMAGE-HEIGHTpx;background:url(IMAGE)}
If we didn't know for certain that it'd be the only image in .journaltop, we could use the src attr to narrow it down
👍: 0 ⏩: 3
DerekProspero In reply to fkinghost [2008-08-30 19:35:35 +0000 UTC]
This method for replacing the journal icon doesn't seem to work for me. Any ideas? Here is the code I am using:
.journaltop img {
background:url([link] );
height:0;
padding-top:17px;
}
...copied straight from your comment. Thanks in advance!
👍: 0 ⏩: 1
fkinghost In reply to DerekProspero [2008-08-30 20:14:08 +0000 UTC]
add in a width and it should fix it
👍: 0 ⏩: 0
Kip0130 In reply to fkinghost [2008-04-27 19:17:38 +0000 UTC]
you see that line that seperates the Bottom links?? how would i remove it.
👍: 0 ⏩: 1
fkinghost In reply to Kip0130 [2008-04-27 21:55:24 +0000 UTC]
On your current journal, it'd be as simple as .journalbottom{color: #000}
👍: 0 ⏩: 1
janvanlysebettens In reply to fkinghost [2006-09-26 11:22:18 +0000 UTC]
freaking genius
could I add you to my msn or something.. ?
👍: 0 ⏩: 1
fkinghost In reply to janvanlysebettens [2006-09-26 11:51:22 +0000 UTC]
i've got accounts on various IM services, but i'm never on - feel free to note/email me any time you like though
👍: 0 ⏩: 0
zacthetoad In reply to ??? [2006-09-26 10:37:23 +0000 UTC]
Looks helpful, although still over my head. I think I'll take a look around that site and try my best to learn some basics. Although, the more of these - the better.
Good work on getting this out there so fast!
👍: 0 ⏩: 1
fkinghost In reply to zacthetoad [2006-09-26 10:54:54 +0000 UTC]
danke
i'll put together a template when i get home from work, should make things easier - or at least give people a starting point.
👍: 0 ⏩: 0
fkinghost In reply to Easel [2006-09-26 10:57:51 +0000 UTC]
well, you can still knock out a css template then - save me from doing it
👍: 0 ⏩: 1
Easel In reply to fkinghost [2006-09-26 10:59:46 +0000 UTC]
haha, nah youll do a way better job than me so you go ahead.
👍: 0 ⏩: 0
<= Prev |



















