Mudar design das listas do MAL

Páginas (9): 1 2 3 4 5 ... 9
84 respostas neste tópico
 #11
(28/01/2017, 17:10)Ton Escreveu: Não tem algum site com estilos prontos não?

Tem no clube do Shishio: https://myanimelist.net/forum/?topicid=318587
Só você clicar na miniatura que quer que vai te jogar para um tópico com o código da lista.
O tópico do CSS padrão do MAL é esse: https://myanimelist.net/forum/?topicid=553609


Acho melhor mover essa conversa para o Playing ou Open Thread, não?
Responder
 #12
(28/01/2017, 17:15)Oiacz Escreveu: Tem no clube do Shishio: https://myanimelist.net/forum/?topicid=318587
Só você clicar na miniatura que quer que vai te jogar para um tópico com o código da lista.
O tópico do CSS padrão do MAL é esse: https://myanimelist.net/forum/?topicid=553609


Acho melhor mover essa conversa para o Playing ou Open Thread, não?

Como é pra mexer com o visual do site, mudei pra Informática.
Responder
 #13
Aqui funfou de boas, valeu @Oiacz.

[Imagem: j3uDMsC.png]
Responder
 #14
Vi alguns e tem gente q bota miniatura, se as listas já são grande imagina com isso.
Responder
 #15
(28/01/2017, 17:19)Ton Escreveu: Vi alguns e tem gente q bota miniatura, se as listas já são grande imagina com isso.

Tem listas "minimalistas" lá no fundo. Eles deixam as cheias de imagens poluentes no topo pra chamar mais atenção.
Responder
 #16
(28/01/2017, 17:05)Oiacz Escreveu: É, o MAL só transforma o layout se for personalizado. Como vocês usam o default, não vai alterar nada...
Mas tem um jeito de fazer funcionar: criando um layout personalizado com o design do padrão.

Venha aqui: https://myanimelist.net/ownlist/style e clique em "Advanced CSS List Design".
Aceite entrar no editor CSS e escolha o estilo criado para editá-lo.

O CSS da lista padrão aparentemente é esse:
Código:
/*
// Self-explanatory
*/
BODY
{
margin: 0;
color: #000000;
font-size: 11.00px;
font-family: Verdana, Arial;
background-color: #FFFFFF;
}

/*
// Determines the positioning of your list
*/

#list_surround
{
margin: 0 auto;    
width: 920px;
}

/*
// All links on your list
*/

a
{
color: #51819f;
text-decoration: none;
}

a:visited
{
color: #51819f;
text-decoration: none;
}

a:hover
{
color: #51819f;
text-decoration: underline;
}

/*
// Alternating row color 1
*/

.td1
{

color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #FFFFFF;
}

/*
// Alternating row color 2
*/

.td2
{

color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #F1F1F1;
}

/*
// This represents the "Anime Title", "Score", "# Eps" columns
*/

.table_header
{

color: #000000;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
background-color: #E7F1F7;
padding: 2px;
}

/*
// headerLink represents the color of the links inside the table_header
*/

.table_headerLink
{
color: ;
}

.table_headerLink:Visited
{
color: ;
}

.table_headerLink:Hover
{
color: ;
}

/*
// Controls the select form decoration (the drop down select box)
*/

.form
{
border-width: 1px 1px 1px 1px;
border-color: #ABABAB;
border-style: solid;
color: #000000;
padding: 2px;
font-size: 11.00px;
font-family: Verdana, Arial;
}


/* Which 'status' up top is selected? */

.status_selected
{

color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #FFFFFF;
}

.status_not_selected
{

color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #F1F1F1;
}

/*
Header classes for Currently Watching, Completed, Dropped, etc...
*/

.header_cw
{

}

.header_completed
{

}

.header_onhold
{

}

.header_dropped
{

}

.header_ptw
{

}

.header_title {
font-size: 14px;
font-weight: bold;
}


.category_totals
{

}

#grand_totals
{
text-align: center;
}

/* header_al is the div surrounding "User's Anime List" at the top */

.header_al
{
font-weight: bold;
font-size: 16px;
}

/* header_al_links is the div with your "Profile" and "MyAnimeList home" links */
.header_al_links
{

}

/* controls what styles you can give to all the anime titles in your list */
.animetitle
{
font-weight: bold;
}

/*
copyright contains the "Producted by Garrett Gyssler" text
DO NOT REMOVE OR HIDE THIS DIV
IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO
*/

#copyright
{
padding-top: 6px;
text-align: center;
margin: 0 auto;
width: 920px;
}

Só colar isso na caixa de edição de CSS e salvar.
Agora volta no "Change My List Style" e seleciona o estilo que você acabou de criar:

Spoiler: Imagem  
[Imagem: vojrGTQ.png]

Depois só marcar a caixa que eu mostrei antes que então o milagre deve dar certo.

Hm, eu testei aqui e as letras da lista ficaram vermelhas e não azuis como o exemplo mostrou...
Tem que ver em que lugar do código altera a cor das letras para azul, não sei CSS então esse é o máximo que posso ajudar...

Editei teu post pra tag código em vez de spoiler.
Responder
 #17
Oh, não usei o code porque achei que ficaria algo enorme na tela, mas ela cria uma caixa de texto com barra de rolagem própria igual o quote. Bom saber disso.
Responder
 #18
Péra, não funcionou em outras listas, só a do @Oiacz, a tua já é a default??
Responder
 #19
Mais legalzinha q achei foi essa qui, só trocaria o plano de fundo.

[Imagem: fukVPi2.jpg]
Responder
 #20
Esse código do @Oiacz não funciona na lista alheia.
Responder
Páginas (9): 1 2 3 4 5 ... 9

Usuários visualizando este tópico: 1 Visitantes