619 réponses à ce sujet Vous ne pouvez pas répondre à ce sujet

[Perona]

Nouveau kit pour une fidèle cliente

Spoiler

               

Modifié par Perona, 07 novembre 2014 - 20:41.

[Sa-chan]

Haha merci encore.

 

*va changer de kit*

[Nesse1040]

Très Jolie !

 

Les nouveaux Tutos font bien effet ^^ !

[Perona]

un peu je maitrise pas tout mais ils sont pas mal.

de plus je vais dans les coins de photoshop dans lesquels je suis jamais trop allée

[Nesse1040]

Bah au moins tu évolue ^^ c'est bien .

 

Puis bah tu va nous faire pleins de chosse pour evoluer donc pleins de belles choses à voir  pour nous !

[Perona]

Voici mon prochain kit.

Il y a un léger changement avec mes anciennes créa' je trouve

 

Spoiler

[narutotokko]

Jolie ! (Après si tu veux je peu te faire un avis plus détaillé sur les points positifs et négatifs mais sa reste subjectifs car chacun ses goût).Sinon le perso c'est qui ? J'ai mon idée mais j'ai peur de dire une grosse bêtise.

[Perona]

c est  Kaito (vocaloid)

tu avais juste ou pas ?

tu peux les critiques font avancées quand elles sont bien formulees

[Misuzu]

L'avatar est superbe !

Par contre pour la sign, je trouve que le jeu de lumières efface un ptit peu trop ce beau render *_*

[narutotokko]

Voilà ou je voulais en venir ^^ Tous est parfait mais je trouve la lumière blanche un peu trop intence et présente.C'est le seul "défaut" (chaquin ses gou) que j'ai trouvé.

[Asuka-Morita]

Encore une très belle création, j'aime beaucoup le papillon bleu et les pétales bleu.

[Perona]

Voici le CSS de MyAnimeList 

 

Version liste manga

Spoiler

@import "

@import "
[color=#006400;]@import "[/color]

/*thin top bar*/
@import "

/*Fonts*/
@import url("
@import url("
@import url("
@import url(
@import url(

/*
Got a question or want to learn more? Try this link:

*/

/*

*/

/*
BACKGROUND IMAGE
This is the main background image for the whole page.
Change the image link to the background you want!

If you're not seeing a background, make sure you are copied the
entire CSS code or added any new background image codes correctly.
Also your image link may be broken, try uploading a new background then!
*/

body {
background-image: url([color=#b22222;][/color]);
background-attachment: fixed;
background-size: cover;
}



/*
HEADER COLOR AND FONT
These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc).
*/

.header_title {
background-color: rgba(25, 56, 76, 0.440);
color: #FFFFFF;
font-family: 'Handlee', cursive;
font-size:20px;
border-radius: 20px 20px 0px 0px;
font-weight: 700;
text-align: center;
text-shadow: 3px -1px 5px #0C0C0C;
}


/*
SUB-HEADERS BACKGROUND COLOR COLOR
Below each main header is the sub-header which says Score, Episodes, Tags, etc.
*/

.table_header {
background-color: rgba(25, 56, 76, 0.450);
}


/*
ANIME/MANGA TITLE FONTS
This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc.
*/

.animetitle, .animetitle:visited {
color:white;
font-family: 'Petit Formal ', cursive;
font-size:14px;
text-shadow: 2px 1px 2px #000000;
}

.animetitle + small {
color:#B5D3D3;
font-family: "Nova Slim";
font-size:12px;
}

/*
LIST FONTS
This is the type and color for more of the numbers, links, and words on the list itself!
*/

.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {
color:white;
font-size:13px;
font-family: 'Petit Formal ', cursive;
text-shadow: 2px 1px 2px #000000;
}



/*
LIST WIDTH
Use this to increase the width of your list!
*/

#list_surround {
margin: -25px auto 0;
width:950px;
}


/*
LIST POSITION
Change "left" to "right" to switch the list side, or vice versa.
*/
#list_surround {
position: relative;
}


/*OTHER CODES
Important codes for the layout's setup. Please don't mess with these unless you know what you're doing. If you want to customize more on the page, use the link at the top of this CSS or ask in my club!
*/


body {
font-weight: light;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
a {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover, a:visited:hover {
color:#98C1C1;
text-decoration:none;
}
.category_totals,
.td1,
.td2,
#grand_totals,
#copyright {
background-color: rgba(25, 56, 76, 0.450);
border-width:0;
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}

.category_totals a,
.td1 a,
.td2 a,
#grand_totals a,
#copyright a {
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}

.category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(25, 56, 76, 0.600);
border-width:0;
}
#copyright:after {
content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info. Theme by TheLegendOfJose.";
}
#copyright {
margin-bottom: 30px !important;
border-radius: 20px;
padding: 10px;
}
.status_selected {
background-color:black;
padding:2px;
color:white;
visibility: hidden;
text-decoration: blink;
}
.status_not_selected {
background-color:black;
padding:2px;
visibility: hidden;
color:white;
}
.status_selected a{
visibility: hidden;
color:blue;
}
.status_not_selected a{
visibility: hidden;
color:white;
}
.thickbox {
color:cyan;
font-family:fantasy;
font-size:12px;
}
.header_title {
padding:2px;
}
.table_header {
border-width:0;
font-weight:bold;
padding:2px;
}
.category_totals {
border-radius: 0px 0px 20px 20px;
height: 40px;
text-align: center;
}
#grand_totals {
text-align: center;
margin:0 auto;
border-radius: 20px;
padding: 10px 20px;
width: 600px;
}
/* THUMBNAIL SETTINGS
Settings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/
.hide {
height:55px;
width:35px;
margin-left:33px;
margin-top:-65px;
border:1px solid #FFFFFF;
background-color:rgba(248, 162, 200, 0.7);
background-position:50% 50%;
background-repeat:no-repeat no-repeat;
background-size:cover;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
border-top-left-radius:7px;
border-top-right-radius:0;
display:inline-block !important;
position: absolute;
}

/*THUMBNAIL HOVER SETTING
This is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */
.hide:hover {
;
padding-right:150px;
padding-top:220px !important;
background-color:transparent;
background-repeat:no-repeat no-repeat;
background-size:cover;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border-top-left-radius:20px;
border-top-right-radius:20px;
box-shadow:rgba(63, 52, 60, 0.55) 0 0 8px 8px;
position:absolute;
z-index:1;
}


/*THUMBNAIL HOVER FLICKER FIX
If you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent!
*/
.hide:hover:after {
background: transparent;
content: " ";
height: 75px;
left: 0;
position: absolute;
top: 0;
width: 210px;
z-index: 20;
}


/*ANIMATION FOR ZOOM
Change the timing of how long it takes for it zoom out here! Its set to .25 seconds by default.
*/
* {
-webkit-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
}


/*ROW WIDTH AND SPACING
This will increase the height of your rows and move the anime title to the left. It might look funny on some layouts so you'll have to adjust it or ask for help! Height is the height, padding left is the space the anime title moves from the left.
*/
.td1:nth-of-type(2), .td2:nth-of-type(2) {
height: 62px;
padding-left: 42px;
}
/*
Anime List only

CURRENTLY WATCHING HEADER
This is the header above currently watching/reading. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_cw {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}



/*
COMPLETED HEADER
This is the header above your anime/manga that's completed. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_completed {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}



/*
ON-HOLD HEADER
This is the header above your animes/mangas on-hold. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_onhold {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}



/*
DROPPED HEADER
This is the header above your dropped animes/mangas. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_dropped {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}



/*
PLAN TO WATCH HEADER
This is the header above the anime/manga you plan to see or read on your list. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_ptw {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}

/*
REMOVE HEADER COLOR
You need this code to remove the default background colors from the header and override any related codes. You're supposed to use your own images or the default ones for the header, so this color is set to transparent so it won't get in the way. If you want the color back for some reason, remove this section.
*/
.header_title {
background-color: transparent !important;
}

/*
OTHER CODES
Stuff I had to add after site changes. You need this otherwise the headers won't be visible.
*/
tbody
{background-color: transparent;
background-image: none;}


/*
REMOVE HEADER TEXT
These codes remove the original text like "Completed" and "Currently Watching" from
each category on the list. Some people will want the text gone so they can have their own custom logos. But if you want the text back, you have to remove this whole section. It shouldn't affect the images in any way.
*/
.header_title {
color: gray !important;
color: transparent !important;
font-size: 1px !important;
font-size: 0px !important;
font-size: 0 !important;
font-size: 0pt !important;
}

 

 

 

la version anime

Spoiler

@import "
@import "
[color=#008000;]@import url() [/color];

/*thin top bar*/
@import "

/*Fonts*/
@import url("
@import url("
@import url("
@import url(
@import url(

/*
Got a question or want to learn more? Try this link:

*/

/*

*/

/*
BACKGROUND IMAGE
This is the main background image for the whole page.
Change the image link to the background you want!

If you're not seeing a background, make sure you are copied the
entire CSS code or added any new background image codes correctly.
Also your image link may be broken, try uploading a new background then!
*/

body {
background-image: url([color=#ff0000;][/color]);
background-attachment: fixed;
background-size: cover;
}



/*
HEADER COLOR AND FONT
These codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc).
*/

.header_title {
background-color: rgba(25, 56, 76, 0.440);
color: #FFFFFF;
font-family: 'Handlee', cursive;
font-size:20px;
border-radius: 20px 20px 0px 0px;
font-weight: 700;
text-align: center;
text-shadow: 3px -1px 5px #0C0C0C;
}


/*
SUB-HEADERS BACKGROUND COLOR COLOR
Below each main header is the sub-header which says Score, Episodes, Tags, etc.
*/

.table_header {
background-color: rgba(25, 56, 76, 0.450);
}


/*
ANIME/MANGA TITLE FONTS
This is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc.
*/

.animetitle, .animetitle:visited {
color:white;
font-family: 'Petit Formal ', cursive;
font-size:14px;
text-shadow: 2px 1px 2px #000000;
}

.animetitle + small {
color:#B5D3D3;
font-family: "Nova Slim";
font-size:12px;
}

/*
LIST FONTS
This is the type and color for more of the numbers, links, and words on the list itself!
*/

.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {
color:white;
font-size:13px;
font-family: 'Petit Formal ', cursive;
text-shadow: 2px 1px 2px #000000;
}



/*
LIST WIDTH
Use this to increase the width of your list!
*/

#list_surround {
margin: -25px auto 0;
width:950px;
}


/*
LIST POSITION
Change "left" to "right" to switch the list side, or vice versa.
*/
#list_surround {
position: relative;
}


/*OTHER CODES
Important codes for the layout's setup. Please don't mess with these unless you know what you're doing. If you want to customize more on the page, use the link at the top of this CSS or ask in my club!
*/


body {
font-weight: light;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
a {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover, a:visited:hover {
color:#98C1C1;
text-decoration:none;
}
.category_totals,
.td1,
.td2,
#grand_totals,
#copyright {
background-color: rgba(25, 56, 76, 0.450);
border-width:0;
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}

.category_totals a,
.td1 a,
.td2 a,
#grand_totals a,
#copyright a {
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}

.category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(25, 56, 76, 0.600);
border-width:0;
}
#copyright:after {
content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info. Theme by TheLegendOfJose.";
}
#copyright {
margin-bottom: 30px !important;
border-radius: 20px;
padding: 10px;
}
.status_selected {
background-color:black;
padding:2px;
color:white;
visibility: hidden;
text-decoration: blink;
}
.status_not_selected {
background-color:black;
padding:2px;
visibility: hidden;
color:white;
}
.status_selected a{
visibility: hidden;
color:blue;
}
.status_not_selected a{
visibility: hidden;
color:white;
}
.thickbox {
color:cyan;
font-family:fantasy;
font-size:12px;
}
.header_title {
padding:2px;
}
.table_header {
border-width:0;
font-weight:bold;
padding:2px;
}
.category_totals {
border-radius: 0px 0px 20px 20px;
height: 40px;
text-align: center;
}
#grand_totals {
text-align: center;
margin:0 auto;
border-radius: 20px;
padding: 10px 20px;
width: 600px;
}
/* THUMBNAIL SETTINGS
Settings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/
.hide {
height:55px;
width:35px;
margin-left:33px;
margin-top:-65px;
border:1px solid #FFFFFF;
background-color:rgba(248, 162, 200, 0.7);
background-position:50% 50%;
background-repeat:no-repeat no-repeat;
background-size:cover;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
border-top-left-radius:7px;
border-top-right-radius:0;
display:inline-block !important;
position: absolute;
}

/*THUMBNAIL HOVER SETTING
This is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */
.hide:hover {
;
padding-right:150px;
padding-top:220px !important;
background-color:transparent;
background-repeat:no-repeat no-repeat;
background-size:cover;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border-top-left-radius:20px;
border-top-right-radius:20px;
box-shadow:rgba(63, 52, 60, 0.55) 0 0 8px 8px;
position:absolute;
z-index:1;
}


/*THUMBNAIL HOVER FLICKER FIX
If you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent!
*/
.hide:hover:after {
background: transparent;
content: " ";
height: 75px;
left: 0;
position: absolute;
top: 0;
width: 210px;
z-index: 20;
}


/*ANIMATION FOR ZOOM
Change the timing of how long it takes for it zoom out here! Its set to .25 seconds by default.
*/
* {
-webkit-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
}


/*ROW WIDTH AND SPACING
This will increase the height of your rows and move the anime title to the left. It might look funny on some layouts so you'll have to adjust it or ask for help! Height is the height, padding left is the space the anime title moves from the left.
*/
.td1:nth-of-type(2), .td2:nth-of-type(2) {
height: 62px;
padding-left: 42px;
}
/*
Anime List only

CURRENTLY WATCHING HEADER
This is the header above currently watching/reading. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_cw {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}



/*
COMPLETED HEADER
This is the header above your anime/manga that's completed. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_completed {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}



/*
ON-HOLD HEADER
This is the header above your animes/mangas on-hold. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_onhold {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}



/*
DROPPED HEADER
This is the header above your dropped animes/mangas. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_dropped {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}



/*
PLAN TO WATCH HEADER
This is the header above the anime/manga you plan to see or read on your list. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.

If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".
*/
.header_ptw {
background-image:url([color=#0000cd;][/color]);
height: 290px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}

/*
REMOVE HEADER COLOR
You need this code to remove the default background colors from the header and override any related codes. You're supposed to use your own images or the default ones for the header, so this color is set to transparent so it won't get in the way. If you want the color back for some reason, remove this section.
*/
.header_title {
background-color: transparent !important;
}

/*
OTHER CODES
Stuff I had to add after site changes. You need this otherwise the headers won't be visible.
*/
tbody
{background-color: transparent;
background-image: none;}


/*
REMOVE HEADER TEXT
These codes remove the original text like "Completed" and "Currently Watching" from
each category on the list. Some people will want the text gone so they can have their own custom logos. But if you want the text back, you have to remove this whole section. It shouldn't affect the images in any way.
*/
.header_title {
color: gray !important;
color: transparent !important;
font-size: 1px !important;
font-size: 0px !important;
font-size: 0 !important;
font-size: 0pt !important;
}

 

 

j'ai mis des couleurs pour vous aider dans vos changements d'images

en rouge c'est le fond

en bleu les renders en haut de chaque catégorie

en vert c'est le lien permettant d'avoir les couvertures sur votre MAL (pour ceux qui ont déjà les styles de MAL mais qui ont des soucis pour les couvertures)

 

hésitez pas à demander si vous avez un soucis

[narutotokko]

Je passe commande si tu veux bien pour les thème de my anime liste car je sait pas faire (Watching...)

 

Pour que comme toi le texte et le render se superpose sur le font. (écrit en français, désolé pour les fautes d’orthographe)

Pour En cour :

Spoiler

Si possible écrit le long de la coque

Pour Complet :

Spoiler

 

Prochainement :

Spoiler

Abandonné :

Spoiler

 

Je croix qu'il en manque... Enfin bon temps pi...

 

Te sent pas obligé

Modifié par narutotokko, 14 novembre 2014 - 21:45.

[Perona]

j aime beaucoup ton nouvel avatar.

sinon je vois ca demain;)

[Perona]

Apres teste ça fonctionne pas

rhaaa

 

là c'est bon

Spoiler

@import "https://dl.dropboxus...470/anime.css";@import "http://dl.dropbox.co...ade/anime.css";@import url(https://googledrive....YxM2JlaFM2bnM);/*thin top bar*/@import "http://dl.dropbox.co...eCSSFixed.css";/*Fonts*/@import url("http://fonts.googlea...ly=Tangerine");@import url("http://fonts.googlea...family=Lemon");@import url("http://fonts.googlea...ly=Nova Slim"); @import url(http://fonts.googlea...amily=Handlee);@import url(http://fonts.googlea...Petit Formal ); /*Got a question or want to learn more? Try this link:http://myanimelist.n...05&show=0#post1*//**//*BACKGROUND IMAGEThis is the main background image for the whole page.Change the image link to the background you want!If you're not seeing a background, make sure you are copied theentire CSS code or added any new background image codes correctly.Also your image link may be broken, try uploading a new background then!*/body {background-image: url(http://fc04.devianta...a-d86lguo.jpg);background-attachment: fixed;background-size: cover;}/*HEADER COLOR AND FONTThese codes control the main headers' fonts and colors. Every header is above each part of your list (they say things like Currently Watching, Completed, Dropped, etc).*/.header_title {background-color: rgba(25, 56, 76, 0.440);color: #FFFFFF;font-family: 'Handlee', cursive;font-size:20px;border-radius: 20px 20px 0px 0px;font-weight: 700;text-align: center;text-shadow: 3px -1px 5px #0C0C0C;}/*SUB-HEADERS BACKGROUND COLOR COLORBelow each main header is the sub-header which says Score, Episodes, Tags, etc.*/.table_header {background-color: rgba(25, 56, 76, 0.450);}/*ANIME/MANGA TITLE FONTSThis is the type and color of the anime/manga titles on your list, like Bleach, Vampire Knight, etc.*/.animetitle, .animetitle:visited {color:white;font-family: 'Petit Formal ', cursive;font-size:14px;text-shadow: 2px 1px 2px #000000;}.animetitle + small {color:#B5D3D3;font-family: "Nova Slim";font-size:12px;}/*LIST FONTSThis is the type and color for more of the numbers, links, and words on the list itself!*/.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {color:white;font-size:13px;font-family: 'Petit Formal ', cursive;text-shadow: 2px 1px 2px #000000;}/*LIST WIDTHUse this to increase the width of your list!*/#list_surround {margin: -25px auto 0;width:950px;}/*LIST POSITIONChange "left" to "right" to switch the list side, or vice versa.*/#list_surround {position: relative;}/*OTHER CODESImportant codes for the layout's setup. Please don't mess with these unless you know what you're doing. If you want to customize more on the page, use the link at the top of this CSS or ask in my club!*/body {font-weight: light;background-repeat: no-repeat;background-color: #FFFFFF;}a {text-decoration:none;}a:visited {text-decoration:none;}a:hover, a:visited:hover {color:#98C1C1;text-decoration:none;}.category_totals,.td1,.td2,#grand_totals,#copyright {background-color: rgba(25, 56, 76, 0.450);border-width:0;transition: all .8s ease 0s;/* CSS3 reference */-o-transition: all .8s ease 0s; /* for Opera compatibility */-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */-moz-transition: all .8s ease 0s; /* for Firefox compatibility */-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */}.category_totals a,.td1 a,.td2 a,#grand_totals a,#copyright a {transition: all .8s ease 0s;/* CSS3 reference */-o-transition: all .8s ease 0s; /* for Opera compatibility */-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */-moz-transition: all .8s ease 0s; /* for Firefox compatibility */-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */}.category_totals:HOVER,.td1:HOVER,.td2:HOVER,#grand_totals:HOVER,#copyright:HOVER {background-color:rgba(25, 56, 76, 0.600);border-width:0;}#copyright:after {content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info. Theme by TheLegendOfJose.";}#copyright {margin-bottom: 30px !important;border-radius: 20px;padding: 10px;}.status_selected {background-color:black;padding:2px;color:white;visibility: hidden;text-decoration: blink;}.status_not_selected {background-color:black;padding:2px;visibility: hidden;color:white;}.status_selected a{visibility: hidden;color:blue;}.status_not_selected a{visibility: hidden;color:white;}.thickbox {color:cyan;font-family:fantasy;font-size:12px;}.header_title {padding:2px;}.table_header {border-width:0;font-weight:bold;padding:2px;}.category_totals {border-radius: 0px 0px 20px 20px;height: 40px;text-align: center;}#grand_totals {text-align: center;margin:0 auto;border-radius: 20px;padding: 10px 20px;width: 600px;}/* THUMBNAIL SETTINGSSettings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/.hide {height:55px;width:35px;margin-left:33px;margin-top:-65px;border:1px solid #FFFFFF;background-color:rgba(248, 162, 200, 0.7);background-position:50% 50%;background-repeat:no-repeat no-repeat;background-size:cover;border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-top-left-radius:7px;border-top-right-radius:0;display:inline-block !important;position: absolute;}/*THUMBNAIL HOVER SETTINGThis is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */.hide:hover {;padding-right:150px;padding-top:220px !important;background-color:transparent;background-repeat:no-repeat no-repeat;background-size:cover;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:rgba(63, 52, 60, 0.55) 0 0 8px 8px;position:absolute;z-index:1;}/*THUMBNAIL HOVER FLICKER FIXIf you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent!*/.hide:hover:after {background: transparent;content: " ";height: 75px;left: 0;position: absolute;top: 0;width: 210px;z-index: 20;}/*ANIMATION FOR ZOOMChange the timing of how long it takes for it zoom out here! Its set to .25 seconds by default.*/* {-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}/*ROW WIDTH AND SPACINGThis will increase the height of your rows and move the anime title to the left. It might look funny on some layouts so you'll have to adjust it or ask for help! Height is the height, padding left is the space the anime title moves from the left.*/.td1:nth-of-type(2), .td2:nth-of-type(2) {height: 62px;padding-left: 42px;}/*Anime List onlyCURRENTLY WATCHING HEADERThis is the header above currently watching/reading. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".*/.header_cw {background-image:url(http://fc05.devianta...a-d86lgrt.png);height: 290px;margin-bottom: 0px;background-color: transparent;background-repeat: no-repeat;color:;font-family:;font-size:;}/*COMPLETED HEADERThis is the header above your anime/manga that's completed. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".*/.header_completed {background-image:url(http://fc01.devianta...a-d86lgrp.png);height: 290px;margin-bottom: 0px;background-color: transparent;background-repeat: no-repeat;color:;font-family:;font-size:;}/*ON-HOLD HEADERThis is the header above your animes/mangas on-hold. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".*/.header_onhold {background-image:url(http://fc02.devianta...a-d86lgrx.png);height: 290px;margin-bottom: 0px;background-color: transparent;background-repeat: no-repeat;color:;font-family:;font-size:;}/*DROPPED HEADERThis is the header above your dropped animes/mangas. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".*/.header_dropped {background-image:url(http://fc03.devianta...a-d86lgs6.png);height: 290px;margin-bottom: 0px;background-color: transparent;background-repeat: no-repeat;color:;font-family:;font-size:;}/*PLAN TO WATCH HEADERThis is the header above the anime/manga you plan to see or read on your list. Increase the amount after "height:" if your image doesn't fit the header. Lower the margin-bottom below zero if you wish the header move it behind the list.If in Google Chrome your header has little to no height and doesn't increase when you try to change it, then replace "height:" with "padding-top:".*/.header_ptw {background-image:url(http://fc01.devianta...a-d86lgrj.png);height: 290px;margin-bottom: 0px;background-color: transparent;background-repeat: no-repeat;color:;font-family:;font-size:;}/*REMOVE HEADER COLORYou need this code to remove the default background colors from the header and override any related codes. You're supposed to use your own images or the default ones for the header, so this color is set to transparent so it won't get in the way. If you want the color back for some reason, remove this section.*/.header_title {background-color: transparent !important;}/*OTHER CODESStuff I had to add after site changes. You need this otherwise the headers won't be visible.*/tbody{background-color: transparent;background-image: none;}/*REMOVE HEADER TEXTThese codes remove the original text like "Completed" and "Currently Watching" fromeach category on the list. Some people will want the text gone so they can have their own custom logos. But if you want the text back, you have to remove this whole section. It shouldn't affect the images in any way.*/.header_title {color: gray !important;color: transparent !important;font-size: 1px !important;font-size: 0px !important;font-size: 0 !important;font-size: 0pt !important;}

 

Voici[lirelasuite][/lirelasuite]un[lirelasuite][/lirelasuite]aperçu

[spoiler][img]http://fc05.deviantart.net/fs70/f/2014/320/5/5/sans_titre_by_alvidaperona-d86lihv.png[/img][/spoiler]

Modifié par Perona, 16 novembre 2014 - 16:29.

[Saeroshi]

xD j'adore comment IPS retranscrit les lien ^^'

 

J'aime bien le thème, va faloire que je commence moi aussi a me faire un myanimelist mais trop de travail a droite et a gauche x), j'aurais surement besoin de tes talant de graphiste pour m'aider a faire quelque images Perona =)

[narutotokko]

Merci Pero, c'est magnifique !.

Ton aperçu est très beau mais j'ai remarqué que Animeserv à coupé les lien des images donc ba je les ai pas. Tu peu me l'envoyer pas @ pour que je l'aye en complet stp (je te le mp)

 

et quand je clique sur les liens devianart je tombe la dessus : http://www.animeserv...es-créa/page-14

Modifié par narutotokko, 16 novembre 2014 - 22:00.

[Perona]

Voici le kit pour MrSerenity que j'ai utilisé pour mon 1er tuto

 

Spoiler

 

Si les résultats de ce tuto est positif, j'utiliserai ceci pour la prochain 

 

Spoiler

[blue26]

oh ça serais bien ^^ il est très beau cette avatar ^^

[Perona]

je me tate à refaire le tien plus tard 

[Nesse1040]

Comme je t'ai déja dit Perona.

J'adore trop ton nouveau kit.

Tu t'améliore de jour en jour !

[Perona]

Merci Nesse

je sens que tu vas encore plus aimer ce qui t'attends

[saadkenshin]

Excellent kit  !! 

[Misuzu]

Je te donne 19.9/20 !

Le 0.1 en moins c'est pour la typo dans la sign ^^

 

Très beau kit !

[Perona]

je sais t’inquiètes c'est prévu de la changer

[blue26]

je me tate à refaire le tien plus tard 

 

 

Ah ? bah écoute pas de problème ^^ on pourra en causer ^^ 

[Perona]

Voici pour Nesse

 

Spoiler

[blue26]

c'est moi ou on dirait TIFA de FF7 *_*

[Nesse1040]

Merci encore Perona ! ^^

[Perona]

c'est ça blue, si j'ai bon souvenir.

de rien nesse