Este fórum está fechado para novos registros. Aqueles que desejam participar no fórum de anime recomendamos o Anime Fórum. https://anime-forum.info

Personalizando o My Anime List com CSS


Tópico em 'Vale tudo' criado por onorax em 23/12/2014, 01:13.
1 respostas neste tópico
 #1
Fala galera!
Vim aqui hoje para compartilhar um link com vocês de um tutorial que eu encontrei, que ensina como personalizar o seu MAL utilizado CSS. Não tem nenhuma necessidade de saber programar, basta ter vontade e seguir os passos certinho.

Se tiverem alguma dúvida, podem postar aqui que ajudarei como puder.

O link do tutorial é esse: http://myanimelist.net/forum/?topicid=517553


Eu utilizei o codigo desse tutorial para personalizar o meu, e vou disponibilizar o codigo aqui para quem quiser editar a partir do meu.

Código:
body {
background-image: url("http://i.imgur.com/Vc1INwS.jpg");
background-attachment: fixed;
background-size: cover;
background-position: top left;
font-weight: light;
background-repeat: no-repeat;
background-color: black;
}

.header_title {
background-color: #7A2900;
color:white;
font-family: Arial;
font-size:20px;
height:30px;
padding:2px;
}

.table_header {
background-color: #A34719;
border-width:0;
font-weight:bold;
padding:2px;
}

.animetitle, .animetitle:visited {
color: #000000;
font-family:Arial;
font-size:18px;
}


.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {
color: #4C4C4C;
font-family: Tahoma;
}

#list_surround {
margin:auto;
float:left;
width:700px;
background-image:url();

}

a {
text-decoration:none;
}

a:visited {
text-decoration:none;
}

a:hover, a:visited:hover {
color: oldlace;
text-decoration:underline;
}

.category_totals,.td1,.td2,#grand_totals,#copyright {
background-image:rgba(0, 0, 0, 0.5);
border-width:0;
padding:2px;
}

.category_totals:HOVER,.td1:HOVER,.td2:HOVER,#grand_totals:HOVER,#copyright:HOVER {background-color:black;
border-width:0;
padding:2px;
}

#copyright:after {
content: "Custom CSS by Miketsukami-kun. Google 'CSS Club'Listas Personalizadas' for more information.";
}

.status_selected {
background-color:#6B2400;
padding:2px;
color:white;
text-decoration: blink;
}

.status_not_selected {
background-color:#361200;
padding:2px;
color:white;
}

.status_selected a{
color:#ffffff;
}

.thickbox {
color:#7A2900;
font-family:fantasy;
font-size:12px;
}

.category_totals {
height:30px;
}

#copyright, #grand_totals {
text-align: center;
margin:0 auto;
}


Vlw!!!
Responder
 #2
Ah, é o tutorial do Mike, ele manja mesmo e tá sempre tentando inovar nas lists.
Responder

Usuários visualizando este tópico: 1 Visitantes