23/12/2014, 01:13 |
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.
Vlw!!!
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!!!