Reino Kawaii

Agora que vocês já sabem como instalar o sistema de comentários IntenseDebate (post anterior), vamos deixá-lo mais fofinho e entendê-lo mais!!! Você pode editar seu perfil e alguns códigos. Tudo é explicado no próprio site e feito com CSS, aqueles códigos adicionados acima de ]]></b:skin> no HTML ou pelo Designer de Modelo e ainda no próprio IntenseDebate. Primeiro, claro, é necessário entender algumas coisinhas básicas...

Bom, vamos entender o principal do painel, página que aparece após o login (claro rsrsrs...). Há um menu superior e os que ficam na lateral de acordo com cada opção desse menu.

Em My Account estão os dados referentes a sua conta e perfil, como os comentários de quem você segue, URL, http://intensedebate.com/people/SEU NOME DE USUÁRIO, sua senha, e-mail, notificações...nome público, informações sobre você, seus sites, sua foto, que pode ser a do Gravatar, conexão com outras redes sociais...O Gravatar é um avatar associado a um e-mail e que aparecerá sempre que usar o e-mail em outros sites. Com ele, sua foto aparece aqui nos comentários do Reino Kawaii. Para ter um:

***

***

Sites e Personalização

Menu lateral da opção Sites

Em sites você gerencia os sites com IntenseDebate e adiciona novos com o mesmo procedimento do post anterior. É aqui que a gente modera os comentários, verifica o histórico, adiciona plugins (recomendo o Comment Luv-mostra o link dos posts dos leitores quando eles deixam o link para seus sites- o Add This -permite que o post seja divulgado em outras redes sociais- e os Smileys-emoticons nos comentários-), exporta, instala ou desinstala o IntenseDebate e configura ao nosso modo, tipo ativa a moderação de todos os comentários, organiza o layout, o que a gente quer ou não na visualização do formulário, das imagens, se quer que seja pop-up, fique incorporado, add twitter, facebook, escolhe o idioma, escreve uma mensagem para o leitor...e muda o CSS, que é o que dá aparência. No site há a explicação de tudo.

#idc-container-parent #idc-container .idc-c {
background: #CCC;
}

#idc-container-parent #idc-container,
#idc-container-parent #idc-container div {
font-family: Helvetica, Arial, serif;
}
#idc-container-parent #idc-container,
#idc-container-parent #idc-container div {
font-size: 14px;
}

#idc-container-parent #idc-container,
#idc-container-parent #idc-container div {
color: #fcc;
}

#idc-container-parent #idc-container a {
color: #fcc;
}
#idc-container-parent #idc-container a:hover {
color: #fee;
}

#idc-container-parent #idc-container {
width: 460px;
}

#idc-container-parent #idc-container {
border: 2px solid #CCC;
}

#idc-container-parent #idc-container h3 {
font-size: 15px;
line-height: 1.3em;
}

#idc-container-parent #idc-container .idc-head h3 {
color: #c00;
}

#idc-container-parent #idc-container h3 .idc-commentcount_wrap {
display: none;
}

#idc-container-parent #idc-container .idc-new {
background-color: #f0f0f0;
padding: 10px 15px;
width: auto;
}

#idc-container-parent #idc-container .idc-head .idc-user {
background: #fcc;
}

#idc-container-parent #idc-container .idc-foot {
border: none;
}

#idc-container-parent #idc-container .idc-c .idc-admin {
color: #9c3;
}

#idc-container-parent #idc-container .idc-c.idc-facebook {
border-top: 1px solid #3b5998;
}
#idc-container-parent #idc-container .idc-c-h {
background: none;
padding-top: 3px;
}

#idc-container-parent #idc-container .idc-c.idc-twitter {
border-top: 1px solid #33ccff;
}
#idc-container-parent #idc-container .idc-c-h {
background: none;
padding-top: 3px;
}

#idc-container-parent #idc-container .idc-c .idc-c-h {
background: #F6F6F6;
border-top: 1px solid #CCC;
}

#idc-container-parent #idc-container .idc-c-h .idc-a {
border: 1px solid #09f !important;
}

Agora é só ir editando os códigos das cores, adicionando sombras (text-shadow: 1px 2px 3px #fff; ou box-shadow: 1px 2px 3px #fff;), bordas (border-radius:5px; ou border: 2px dotted #ffffff;)...e assim por diante.
Espero que tenha ajudado :3 Beijus<3