Deviant Login Shop  Join deviantART for FREE Take the Tour
×

More from deviantART



Details

Submitted on
October 16, 2007
Link
Thumb

Stats

Views
926
Favourites
0
Comments
30
×

New Journal Layout

Journal Entry: Tue Oct 16, 2007, 8:22 AM















Well, well...
...after hours of trial and error I manged to get me a journal layout including justfied text with a variable width ranging between 360 and 600 px! It's a typographic disease and widely spread throughout the web to create text blocks with a tracking greater than 100 characters. It's a pain in the ass to read those never ending columns! The boxes and navigation button could need some improvement, but I'm to lazy right now.

Enough bad grammar for today. See you later :wave:








PolaGen Features

:thumb49241531:Kittens by ilfranzothe dream is over by smockparty
:thumb49493769:sleep tight by smockpartysummer skin by smockparty
fake frowns by smockparty:thumb49721613::thumb47090147:





Latest Torn Faces

Failure by tornfaces25Xan by tornfaces13519untitled by tornfaces
Schmidts by tornfaces200708121538 by tornfaces200708121512 by tornfaces




Community

:icon291: :icontoy-camera: :iconmonocolour-photos: :icontornfaces: :icondryfish: :iconnaturesmortes:
:iconzenclub: :iconsticker-stickers: :iconthesketchbookproject: :iconsixbysix: :iconresurgere: :iconthegreatdriveby:



Stamp Socratim by AjonesA firefox by urbanAR7



This Week's Music





  • Reading: Pascal Mercier: Nachtzug nach Lissabon
Add a Comment:
 
:iconwodanislav:
Wodanislav Featured By Owner Oct 26, 2007   Photographer
waan? zandvoort? :D
You speak dutch hehehe
wie had dat nou gedacht
Reply
:iconrawimage:
rawimage Featured By Owner Oct 28, 2007  Hobbyist Photographer
not really. all I know is: alles naar de kloote :lol:
Reply
:iconwodanislav:
Wodanislav Featured By Owner Oct 28, 2007   Photographer
LOL !!! :rofl: :D
Reply
:icon0-4:
0-4 Featured By Owner Oct 21, 2007
hah great! i support Socratim too
but im not a pay-user and cant add marks to profile. so i will support him spiritually.
nice community greatdriveby, i used to listen this track often, think joining. and your journal looks cool
Reply
:iconmeemo:
meemo Featured By Owner Oct 17, 2007
I like it aye.. i ve got a new css in the works myself.. using text blocks like these ones here.. havent actually started the coding yet though.

one thing i want to say however is: You should, if possible, make the top img width independent.. its just nicer if things dont stop half page :D

laters.

PS: How would you feel about sending me the code for the txt boxes to save me some time coding me journal? I totally understand if you don't want to though. No heart feelings mate.
Reply
:iconrawimage:
rawimage Featured By Owner Oct 18, 2007  Hobbyist Photographer
Thanks mate. Gosh, I thought a width of 1000 px for the header was enough. This is going to be fixed asap. Any ideas in mind? Maybe horizontal tiling or even a convoluted header? Or just a big ass image?

Well, in fact the code is accessible for anyone. Just scroll down to the bottom and you'll see a tiny little link saying "Get this CSS" ;)
It containes a four classes: two (headline/text) for the journal text (which is a box without framing) and two (headline/content) for the other boxes.

take care buddy
Reply
:iconmeemo:
meemo Featured By Owner Oct 18, 2007
well my screen is 24" and my res is 1920x1200 so its probably not your average viewers screensize. :)

in terms of the header i usually try to split it into corner left, corner right, center & a tiling background. The align them accordingly, that way they should space out fine for any resolution, obviously the type in your header does become a slight issue... any chance you can have the type as part of the center or as a transparent .png file that overlays the rest?

oh and thanks for pointing me to the link, sometime i'm just too blind to see these things.. it's like being in a shop looking for something specific for ages, then finally asking someone where you can find it and when you turn around you see it ;)
Reply
:iconrawimage:
rawimage Featured By Owner Oct 18, 2007  Hobbyist Photographer
I think I lost you right at the start. Could you tell me how to define more than one background images? Do I need extra classes?
Reply
:iconmeemo:
meemo Featured By Owner Oct 18, 2007
honestly i have never done this before either but the way i think is.. html/css reads from top to bottom so if you assign a class per element it should layer it accordingly...
for example have <class div="banner_tiling"></div><class div="banner_left></div><class div="banner_right"></div><class div="banner_center></div>
then define each of the classes accordingly with img="xxx"; align:left,right,center....... you know the deal.

as i said i am not sure if this works 100% but theoretically it should. I will try it out in a few weeks when i am on holiday and i got more time to actually code my own journal. but -again- from what i know code is always read from top to bottom.
Reply
:iconrawimage:
rawimage Featured By Owner Oct 23, 2007  Hobbyist Photographer
yes, it works. only thing is the div tags have to be closed all together at once not one after one ;) ...I ... think :confused:
I tried to split my header, but the texture of course never is seamless. so I'm going to try a background texture pattern with transparent png files of my head and the lettering.
Reply
Add a Comment: