2005.07.05

Nice comments form for your blog

Would you like some nice form on your comments ?

Here is what Technoblog recommands :

medium_formulaire-blog-1.png

That's the way your forms will be printed with Firefox ou Opera. With IE, this will keep the "square" borders but will still be working (well, IE is not a CSS addict...)

Get the line /* Comentaires */ in your stylesheet (Design -> Advanced Configuration -> Stylesheet). This is where forms design is handled.
Then replace the input { } and textarea {} styles by the following code :
input {
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
color: #01717f;
background-color: #addfe8;
border: 2px solid #addfe8;
-moz-border-radius: 4px;
}

textarea {
clear: both;
width: 99%;
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
color: #000;
background-color: #addfe8;
border: 2px solid #addfe8;
-moz-border-radius: 4px;
}

NB : the background color and the border color are #addfe8, try to replace this color code by one of your elements (banner, links, column, title...) : you may find every color code in your stylesheet. (exemple : #99cc33 ou #4E8ABE). An advice : use some bright colors...

An other sample used on Technoblog :

medium_formulaire-blog-2.png


CSS code :

input {
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
background-color: #ffffff;
border: 1px solid #cc6600;
-moz-border-radius: 4px;
}

textarea {
clear: both;
width: 99%;
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
background-color: #ffffff;
border: 1px solid #cc6600;
-moz-border-radius: 4px;
}

I advise you to replace the color code #cc6600 by a color of your choice according to your blog design...

10:15 Posted in Blog, Tips | Permalink | Comments (5) | Tags: Blogosphere

Comments

I hate the new HTML editor. I spend so much time fighting it when I write posts. I miss the old way :(

Posted by: Dan | 2005.07.07

http://tdaxp.blogspirit.com/archive/2005/07/24/more-blogspirit-problems-almost-got-gravatars-working.html

Thank you for your comment there. However, the problem you mentioned is a problem with the HTML editor itself. I was able to get the exact same gravatar code working when I fed an email address into the md5 function. The problem is extracting the email address from the comment.

Posted by: Dan tdaxp | 2005.07.25

2 questions:

1) Is the nice comments form a way of leaving compliments on the blog, or does it modify the comments form that comes up when someone leaves a comment? And is it in English too, or only French?

2) I keep putting a skype me button on my blog and it keeps disappearing! Is it being removed and if so why?

Posted by: Lawrence | 2005.09.02

Lawrence ->
This tip just modifies the layout of your form. Don't bother with english / french language, it has nothing to do with your blog language...
About your skype button, try to insert a new block (centered, no title) with the same HTML code in it. This works.
Hope i could help you more but you didn't let your blog URL !

Dan -> We understand your editor problem, you may now choose the editor you prefer HTML (new one) or TEXT (old one) -> visit the "Post settings" section.

Congratulation for your blog as it is ranked in feedster top 500 !

Posted by: thomas | 2005.09.02

well what happened, thomas?? no new tips and tricks for blogspirit? technoblogs havent been updated for long... why?
REY!

Posted by: REY | 2006.02.25

The comments are closed.