Selamat Datang
Your Text
Blog
trashed
by
Mandarin
There was a Blog post recently that had near perfect balance. It was not in English so I was looking more at the layout than reading. What I noticed was the fine balance of the three simple classes to coordinate the image with the dropcap and the pullquote.
...you don't have to know CSS to use this one
It was very nicely done. It looked something like this post.
We are using shorthand CSS here. Using shorthand notation can help keep the size, or weight, of the page to a minimum if the style sheet is growing. For readability we tend to leave our CSS style long and the style sheet is growing too fast. Either way works. And, no you don't have to know CSS to use this one.
It's served copy-and-paste style and with the external CSS.
======
This is inline CSS. This gives instant results if you don't want to add the style to your style sheet. Let's see what happens when we make the quote long enough to make sure that the unquote.gif and the words do not overlap.
Magazine Style
Sometimes we just want a picture to float in the middle of two columns.
We dropped the picture down 15 pixels from the natural flow so that it looks
good in both Mozilla Firefox and Internet Explorer.
This is the right side text.
Haven't you ever wondered how to center
the image in your Blog or Web page
and let the text wrap around the image?
It's easier than you think.
The only calculation is to half the size of your picture, and half the size
of the column if you don't want to use the width in the copy and paste code.
This is the left side of a two-column layout
with an image that is floating in the center.
The left and right columns are both floating with
half of the image in the left column and half
of the image in the right column. There is only
one image and inserting the image is relatively easy.
It does look best when each column has about the
same amount of text.
And we can type more here or continue to type in the in the columns. I like the way the type wraps around the centered image.
...kayak di majalah biasanya dipake yang gede begini biar jelas layout...
kreen juga tuh ini ambil dari mandarin style alamatnya ada di sini http://www.mandarindesign.com/ keren juga tuh kayaknya gw mesti pasang link ke sini deh kreen juga tuh ini ambil dari mandarin style alamatnya ada di sini http://www.mandarindesign.com/ keren juga tuh kayaknya gw mesti pasang link ke sini deh kreen juga tuh ini ambil dari mandarin style alamatnya ada di sini http://www.mandarindesign.com/ keren juga tuh kayaknya gw mesti pasang link ke sini deh kreen juga tuh ini ambil dari mandarin style alamatnya ada di sini http://www.mandarindesign.com/ keren juga tuh kayaknya gw mesti pasang link ke sini deh
Drop cap layaknya seperti di majalah ull instructions for making the first letter big are in the Drop Cap copy and paste style tutorial. For this drop cap we forced the first big letter to span more than five lines. The font-size is adjusted to exactly 100 pixels while the line height is 80 pixels cap layaknya seperti di majalah ull instructions for making the first letter big are in the Drop Cap copy and paste style tutorial. For this drop cap we forced the first big letter to span more than five lines. The font-size is adjusted to exactly 100 pixels while the line height is 80 pixels
Mulai Edisi ini akan di psang sebisa-bisanya data-data jajaran dharma wanita kecamatan trial aja sih, cuma mau nyatet lnki aja kok, tapi kalo mau liat liat aja http://i3.tinypic.com/x5z61k.jpg
Subscribe to:
Comments (Atom)
