Join for FREE | Take the Tour Lost Password?
[x]

deviantART

 

4/ 48

Journal Entry: Thu Jul 10, 2008, 10:03 AM
:iconnaldian:

Dear Naldian,

:phew: Finished this on time.
I hope you like it. If there's anything you want changed, just holler.

Happy fourth year/ 48th month~ :aww:

Moi,
:iconedanade:
=EdanadE

.
.
.

[Title 1 here]

For journal use of *NaLdiAn only. This particular text is smaller because of the "superscript <(sup)>" tags.
  • Bullet 1
  • Bullet 2
  • Bullet 3


I've tested this journal layout on the four most widely-used browsers: IE, Safari, Firefox and Opera. The layout works well with the last three mentioned, but with IE, the whole journal box is placed left-most. I'll try to fix this. :blushes: Now if there's any more cross-browser glitch, tell me asap ayt? ;)



This journal layout is fixed. Viewing this on a higher resolution screen might be a sore to some. Gomen, ne~ ^^; Looking at my screen-- I feel like swatting myself flat. :blush: Anyhoo, I hope this would still suffice. I'll try to do better next time. :w00t!:



Like a painter who paints
Using colors of this world,
I'm a painter who paints
Using life put into words.


You can have boxed texts like this using the "boxed" div tag.




[Title 2 here]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque quis risus. Nullam sit amet magna.

Aliquam tincidunt justo quis lorem. Duis nisl nibh, eleifend in, posuere sit amet, aliquet ut, purus. Phasellus mollis dapibus sapien. Phasellus sollicitudin pede sit amet ipsum. Maecenas dictum.

Proin ornare turpis id velit pharetra imperdiet. Nam et nisi bibendum nisi lacinia mollis. Phasellus pellentesque auctor nulla. Vestibulum quis elit. Sed pulvinar justo. Nullam pretium ornare ligula.

Lorem ipsum generator :D





[Title 3 here]

You can have as many separate ones like this as you like.

.
.
.



:w00t!: F E A T U R E D! :w00t!:

Place whatever you want to feature here. Use dA's :dev :icon :thumb callers.
  • Mood: Bemused
  • Listening to: Table for two
  • Eating: Nothing.. on a diet.
  • Drinking: Water.. must. loose. weight.

Devious Comments

love 0 0 joy 1 1 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconcklaighe:
hello! nice css layout. :D

masmaganda siguro kung gagawin mo syang liquid. yung nage-expand ba ng kusa.

pag malaki kasi resolution ng monitor ang-nipis lang nya.

please see: [link]

Sa Firefox naka-center sya, while sa IE naka-left align. Tapos yung sa white BG naman, siguro nagkaroon lang ng conflict sa width because of padding or margin. pwede mo sya dayain by adding bgcolor to the whole body itself. or. add css styles exclusively for IE, tapos naka-seperate nalang yung pang-firefox.

hehe. though yung solution na naisaad ko, dunno kung compatible sya with DA's system.. :XD: Never did a css lay-out for here kasi. :-P

He,he! Keep it up! And Congrats on the fourth year! :D

--
Please click my angel >> :floating: << Please click my angel
:iconedanade:
talamats mama ck~ :aww:

liquid? ahh, yung nka-repeat (or parang may filler)? hehe, yoko kasi gumulo yung design, pero ayun, yan siguro yung con ng ganun.. ^^; at uu, ang nipis nga! haha..

naayos ko na yung bg, bg-color lang pala yun :XD: thnx din dun~ kaso yung position, di ko magets kung bakit sa IE lang yang ganyan, ginawa kong by % nalang, di pa rin nag-reflect yung changes. haay~ nwei, i give up. ^^; next time pag gagawa ako journal layout, cut-cut nalang yung pictures, parang katulad sa journal ko.. dito kasi isang buong picture lang, tas ni-CSS ko nalang yung pinaka-journal body.. yung may dobleng CSS kasi, di pwede dito sa dA eh, isa lang talaga, nagkanda-lokoloko nga nung ni-try ko yung doble, di lumabas yung pic, etc.. haha~ :D

ayun~ thanks sooo much po~! :hug:

hehe, naku lagot ka.. mahal na rin kita! :smooch:

--
:b0x0rz::b0x0rz::b0x0rz:

ATWP


If you want to taste the ground,
feel free to attack me.
~NaLdiAn


:b0x0rz::b0x0rz::b0x0rz:
:iconcklaighe:
dobleng css.

try mo:
use the same class for IE. tapos pagdating sa firefox lagyan mo ng html>body

parang

.container .body { padding: 50px; }
html>body .container .body { padding: 40px; }

di ko sure kung gagana yan sa DA though. :XD:

Tapos yung sa liquid layout naman by % lang yung width ng lahat.

kunwari sa header sa taas:
.header { position:relative; clear:both; }
.header .right { width:10%; float:left; background-image:url(images/topleft.jpg); background-repeat:no-repeat; bg-align:left; }
.header .middle { width:60%; float:left; bgcolor:#000; }
.header .right { width:30; float:left; bgalign:right; }

basta parang ganyan. :XD: Ulit. di ko sure kung same to sa deviantArt. :XD:

Hehe.. SIge po! Goodluck. Sana nakatulong to kahit papano. :XD:

--
Please click my angel >> :floating: << Please click my angel
:iconedanade:
uy thanks! :w00t!:
sige, gagawin ko rin to sa Friendster layouts ko~ :brushteeth:
talamats ulit~! :hug:

--
:b0x0rz::b0x0rz::b0x0rz:

ATWP


If you want to taste the ground,
feel free to attack me.
~NaLdiAn


:b0x0rz::b0x0rz::b0x0rz:

Sponsored By Ninja Assassin

Journal History

Site Map