Ok

By continuing your visit to this site, you accept the use of cookies. These ensure the smooth running of our services. Learn more.

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.