Custom Textboxes
Here's a tutorial on how to make your own costum textsboxes. A lot of people have asked me about the textboxes I have on my frontpage. They are all made by me, and you can easilly make some yourself.
Step 1: Start by copying this simple textbox code:
TITLE HERE
TITLE HERE
TEXT HERE
Step 2: In the code over there are, if you see what I mean, three textboxes put together. The first with the title, the second with an undertitle and the third one with the text. In everyone of the three textboxes you'll see a line saying somthing like this:
style="border-bottom: 1px solid #000000; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;
This settings are the ones I'm changing to get the textboxes I'm using.
Step 3: Here's what you can change, where it says 1px this decides the thickness of the border. Where it says solid you can change it to a different style, like dotted for example. And then you can change the colours so they can match your site.
Step 4: The mainly parts I'm changing is the style of the border. Here's the most used styles: dotted, dashed, double and solid.
SOLID
DOTTED
DASHED
DOUBLE
Step 5: Now you can start changing the settings in your textbox code and try out different things. Play around with it and try out what you've learned!
Step 6: Here's a textbox I've had some fun with:
|
TITLE HERE
TITLE HERE
TEXT HERE
TEXT HERE
TEXT HERE
TEXT HERE
TEXT HERE
|
Copyright (C) 2007-2008 vejc-design.com. All rights reserved.
WP |
ONE |
GA |
PB |
CC
Vibeke. 20 years old. February 23. Norway. Asker. green eyes. brown hair. 