« 2005-05 | HomePage | 2005-08 »

2005.07.28

A bug using Blogpoll bloc

I have noticed that some blogs are using survey modules in their column (here or here). This custom block idea seems good as many bloggers use it.

There is still something wrong with their cascading stylesheet (CSS), as their own style name are the same used on blogspirit blogs ! This can make your center column green, blue or maroon depending on the blogspot settings...

Here is a solution to integrate in your stylesheet if you meet this bug :

#center .content {
background: transparent;
}


It is a pity blogpoll choosed this names for their own styles as .content, .footer or .header are used on many css code. The .content style is used on the middle column and blogpoll apply the following css property :

background: #DDEEDD;


The solution is easy for blogpoll to make their (good) service compatible with any blogging platform (blogSpirit can't be the only one) by using an ID on their table like id="blogpoll-service" anyother css property can be declared inside this table like "#blogpoll-service .content { }".

As the blogpoll developpers didn't let any email, I hope they will read this post and solve this css bug...


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...