Small Fonts in the Guestbook

Main >> Tutorials >> Piczo >> Small Fonts in the Guestbook

Small fonts in the guestbook looks so cute. And so much more organized. Follow this tutorial and you'll learn how you can get it on your site.


Step 1: Copy the code under and paste it into a HTML-box on your guestbook page.
<style type="text/css"> /*SMALL FONTS IN THE GUESTBOOK*/ } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* STANDARD LINKS */ color: #282022; font:bold 7px small fonts; text-transform: uppercase; text-decoration: none; padding: 0px; border:0px solid #000000; background-color: BACKGROUND COLOUR OF LINK; } a:visited, a.footernav:visited, { /* VISITED LINKS */ color: #000000; font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; padding: 0px; border:0px solid #000000; background-color: F38737t; } a:hover { /* HOVERED LINKS */ font:normal 7px small fonts; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; padding: 0px; color: #000000; border-bottom:0px solid #000000; background-color: BACKGROUND COLOUR OF HOVERED LINKS; cursor:CURSOR TYPE OF HOVERED LINKS; } </style> <style type="text/css"> /*SMALL FONTS IN THE GUESTBOOK*/ } .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* MAIN TEXT */ font-weight: normal; color: #MESSAGE COLOUR; line-height: 7px; font-style: normal; font-size: 7px; text-transform: uppercase; font-family: small fonts; letter-spacing: 0px; } .blogbody b, .standard b, p b, strong { /* BOLDED TEXT */ font-weight: normal; color: #MESSAGE COLOUR; line-height: 7px; font-size: 7px; text-transform: uppercase; font-family: small fonts; letter-spacing: 0px; } .blogbody i, .standard i, p i, em { /* ITALIC TEXT */ font-weight: normal; color: #COLOUR OF TIMESTAMP; line-height: 7px; font-style: bold; font-size: 7px; text-transform: uppercase; font-family: small fonts; letter-spacing: 0px; } </style>

Step 2: For the code to work you have to make the messenges bold in the guestbook settings!

Step 3: Then you can change the size of the text in the messenges by changing the numbers in the code. Also you can change the colours, so it can match the rest of you page.

Copyright (C) 2007-2008 vejc-design.com. All rights reserved.
WP | ONE | GA | PB | CC

Advertising

Want to be here?

Top Affiliates

Jessica	Jabed
Fatima	Vicky
Gunnstein	Kristin
Anna	Jack
Lise	Tori
Jay	Marvin

MORE?

the owner

Vibeke. 20 years old. February 23. Norway. Asker. green eyes. brown hair. soccer player.
Loves: Jan Christopher. kebab. friends. Dolly+Ferdinand. Kumsen. money. pizza. snowboard. my green car. surprises. candy. coca cola. LOST. Prison Break. Ugly Betty. sun. Nickelback.
Hates: arrogant/fake people. school. toes. rain. stealers/copiers. homework. teachers.

MORE?

Calendar

January 2009

M	T	W	T	F	S	S
« Nov
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Domain

Owner: Vibeke
Host: one
Site name: vejc-design.com
Online since: 4. October '07
Hits:
Online: Online
Last updated: 6. November '08

MORE?

Layout

Layout up since October 23. It was made by Vibeke in Paint Shop Pro 9. Featuring a flower from here. Fonts used: Ambrosia. Texture from here.

link me

MORE?

Updates

November 6

Awards for icon challenge #7

November 2

17 PNGs

Ended icon challenge #7

October 30

2 tutorials

October 24

5 PNGs

Icon challenge #7

Ads