Wygląd listy anime

Ardina · 24 Maja 2015

Witam. Zepsuł mi się wygląd listy anime, dajcie mi jakichś swój kod. Ważne, zeby byl to styl z obrazkami I oczywiście ma działać.

24 Maja 2015

@Ardina

Zepsuł?

Polecam tutaj zajrzeć i sobie wybrać coś : http://myanimelist.net/forum/?topicid=516707 ^_^

Aktualnie mam takiego : http://myanimelist.net/animelist/Tetsu11

Ardina · 24 Maja 2015

@Ardina

Zepsuł?

Polecam tutaj zajrzeć i sobie wybrać coś : http://myanimelist.net/forum/?topicid=516707 ^_^

Aktualnie mam takiego : http://myanimelist.net/animelist/Tetsu11

Tak, zepsuł. obrazki mi się nie wczytują. Twoj wygląd listy mi nie pasuje, bo nie ma obrazków. Z tego linku co dales to sporo niby jest pasujacych mi wyglądów listy anime, tzw. skinów, ale też częściowo nie działają.

24 Maja 2015

@Ardina

aaa, już wiem o co Ci chodzi z tym zepsuciem. Też tak miałem kiedyś, na samym początku. Nie wiedziałem co z tym zrobić, więc poprosiłem jedną osobę o przesłanie jakiś w miarę fajnych - pierwszych lepszych.

Szukam teraz czegoś takiego : http://img834.imageshack.us/img834/4026/hoverexfin1.png( z obrazkami )

Ardina · 24 Maja 2015

@Ardina

aaa, już wiem o co Ci chodzi z tym zepsuciem. Też tak miałem kiedyś, na samym początku. Nie wiedziałem co z tym zrobić, więc poprosiłem jedną osobę o przesłanie jakiś w miarę fajnych - pierwszych lepszych.

Szukam teraz czegoś takiego : http://img834.imageshack.us/img834/4026/hoverexfin1.png( z obrazkami )

No, więc rozumiesz mój problem. Dlatego zalozylam ten temat, abyście dawali mi kody css do poprawnie działających wyglądów, z obrazkami.

24 Maja 2015

@Ardina

Jak znajdę taki to Ci oczywiście podam

PS. Podasz swojego MAL'a?

Ardina · 24 Maja 2015

@Ardina

Jak znajdę taki to Ci oczywiście podam

PS. Podasz swojego MAL'a?

Używaj opcji edytuj i pisz w pierwszym poście, bo takie pisanie z tego co wiem podchodzi juz pod spam.

chaterchater · 24 Maja 2015

@Ardina

wklej swój styl tutaj albo podaj link do mala

na 90% trzeba podmienić link z okładkami

Ardina · 24 Maja 2015

Te trzy mi się podobają, napraw wszystkie trzy lub wybierz 1.

1.

/*

Square Layout
u531355 - 2012
*/

/* 1) Generated covers */
@Import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css);

/* 2) Base layout */
@Import url(http://dl.dropboxusercontent.com/s/fpu26kravwjvjhg/style.css);

/* 3) Top-bar icons */
@Import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/bars/japan/bar.css);

/* 4) Layout theme */
@Import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/themes/dark/theme.css);

/* 5) Addons - Add as many as you want */
@Import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css);

/* 6) Options */
/* Determines the number of covers on each row, it should be a multiple of 242px */
body {max-width: 1452px;}

/* Header picture NO NEED TO EDIT*/
#inlineContent {background-image: url(http://i.imgur.com/v6TuxE6.jpg);}

/* Background Image */
body {background-image:url(http://i.imgur.com/5M983lE.jpg);}

/* Default picture when no cover is found */
.hide {background-image: url();}

/* Links color */
a {color: rgb(255, 255, 255);}

2.

@Import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM);

/* LIST WIDTH (NUMBER OF COVERS PER ROW)
Adjust the width of the list with the percentage amount in the first code. Afterwards, you may want to adjust the header behind the category links with the other code (lower it if you increase list width).
*/

#list_surround {
    width: 90% !important;
}

/* MAIN BACKGROUND (BEHIND EVERYTHING) */
body {
background-image: url(http://i.imgur.com/Jw4VIos.jpg);
background-size: cover;
background-attachment: fixed;
}

/* BANNER (TOP IMAGE)
Removed for this version.
*/
#inlineContent {
background-image: none;
background-color: transparent !important;
background-position: right 11% !important;
background-size: cover;
z-index: -3 !important;
}

/* TOP BAR ICONS
Replace the icons for the top bar here. Remember you see different icons depending on if you're on your own list or not, or when you're logged out.
*/

/* USER ICON */
#mal\_cs_listinfo div:first-of-type a:before {
background-image: url("http://i.imgur.com/L3NPnIc.png");
}

/* LOGOUT ICON */
#mal\_cs_listinfo div:last-of-type a:before {
background-image: url("http://i.imgur.com/8SeJ2Xv.png");
}

/* ADD TO LIST ICON */
#mal\_cs_links div:first-of-type a:first-of-type:before {
background-image: url("http://i.imgur.com/xQVAKzz.png");
}

/* VISITOR'S ANIME LIST ICON*/
#mal\_cs_links div:last-of-type a:first-of-type:before {
background-image: url("http://i.imgur.com/vIs2F3V.png");
}

/* VISITOR'S MANGA LIST ICON*/
#mal\_cs_links div:last-of-type a:last-of-type:before {
background-image: url("http://i.imgur.com/es1SALB.png");
}

/* HOME ICON, VISITOR'S ICON FOR YOUR PROFILE LINK*/
#mal\_cs_links div:first-of-type a:last-of-type:before, #mal_cs_otherlinks div:first-of-type a:before {
background-image: url("http://i.imgur.com/wizrHEb.png");

}

/* LIST OWNER'S MANGA LIST ICON*/
#mal\_cs_otherlinks di\v a[href*=/mangalist/]:before {
background-image: url("http://i.imgur.com/0HdfMQ7.png");
}

/* LIST OWNER'S ANIME LIST ICON*/
#mal\_cs_otherlinks di\v a[href*=/animelist/]:before {
background-image: url("http://i.imgur.com/zuq7ViZ.png");
}

/* FORUM ICON*/
#mal\_cs_otherlinks a[href*=/forum/]:before {
background-image: url("http://i.imgur.com/cFhhBvt.png");
}

/* HISTORY ICONS*/
#mal\_cs_otherlinks a[href*=/history/]:before, #mal\_cs_otherlinks di\v a[href*=/history/]:before {
background-image: url("http://i.imgur.com/R2p6EbR.png");
}

/* EXPORT ICON*/
#mal\_cs_otherlinks a[href*=/panel.php?go=export]:before {
background-image: url("http://i.imgur.com/tRXCo2i.png");
}

/* SHARED ICON*/
#mal\_cs_otherlinks di\v a[href*=/shared]:before {
background-image: url("http://i.imgur.com/1BHMiAh.png");
}

/* LOGIN ICON*/
#mal_cs_otherlinks di\v a[href*=/login.php]:before {
background-image: url("http://i.imgur.com/Rd7leqb.png");
}

/* REGISTER ICON*/
#mal_cs_otherlinks di\v a[href*=/register.php]:before {
background-image: url("http://i.imgur.com/fRQHVKI.png");
}

/* LEARN MORE ICON*/
#mal_cs_otherlinks di\v a[href*=/modules.php?go=faq]:before {
background-image: url("http://i.imgur.com/oqrJXHB.png");
}

/* COLORS*/

/* CATEGORY BUTTON GLOW*/
.status_selected {
background-color: ;
box-shadow: 0px 0px 20px cyan;
}


/* COLOR OF LIST*/
#list_surround{
background-color: rgba(1,1,1,.5) !important;
}

/* BACKGROUND COLOR BEHIND TOP BAR AND BANNER BORDER */
#list_surround:before,
#inlineContent:after,
#inlineContent:before {
background-color: rgba(1,1,1,.5) !important;
}

/* COLOR OF BUTTONS, HEADERS, UNSELECTED BUTTONS, ANIMETITLE, AND BEHIND ICONS
The first rgb color is the top of the header, second is bottom of the header (Firefox).
The third rgb color is the top of the header, fourth is bottom of the header (Chrome).
*/

#mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a,
.table_headerLink,
.status_not_selected a,
.header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw,
.td1, .td2, .td1 a + small, .td2 a + small, .animetitle,
#grand_totals,
.category_totals,
#copyright {
     background-image: -moz-linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important;
     background-image: -webkit-linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important;
}

/* COLOR OF CATEGORY MENU BUTTONS/TOP BAR BUTTONS/ANIMETITLE ON HOVER
The first rgb color is the top of the header, second is bottom of the header (Firefox).
The third rgb color is the top of the header, fourth is bottom of the header (Chrome).
*/
#mal_cs_listinfo a:hover,
#mal_cs_links a:hover,
#mal_cs_otherlinks a:hover,
.table_headerLink:hover,
.status_not_selected a:hover,
.animetitle:hover {
    background-image: -moz-linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important;
}

/* SELECTED CATEGORY LINK BUTTON COLOR */
.status_selected{
     background-color: rgb(26, 26, 126) !important;
     background-image: none;
}

/* TOPBAR SEARCHBOX COLOR
*/
#searchBox{
background-color: black !important;
background-image: ;
color: white !important;
}

/* HEADER COLORS */
.header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw{
color: white;
}

/* TOPBAR BUTTON TEXT COLOR */
.table_header a{
color: silver;
}

/* SELECTED CATEGORY LINK TEXT COLOR*/
.status_selected a{
color: silver;
}

/* UNSELECTED CATEGORY LINK TEXT COLOR */
.status_not_selected a {
color: silver;
}


/* ANIME INFO BUBBLE COLOR */
.td1:first-of-type, .td2:first-of-type, .td1, .td2, .td1 a, .td2 a {
color: silver;
}

/* ANIMETITLE COLOR */
.animetitle{
color: silver;
}

/* LINK TEXT AND TAGS TEXT ON HOVER */
a:hover, #mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover {
    color: white !Important;
}

/* CATEGORY TOTALS COLOR, GRAND TOTALS COLOR, COPYRIGHT COLOR */
.category_totals,
#grand_totals,
#copyright {
color: silver ;
}

#copyright a{
color: white;
}

/* HOVER EFFECT ON TITLES */
#list_surround tab\le:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw):hover {
    background-color: rgba(245, 132, 0, 0.2);
}

/* MAX HEIGHT OF ANIME TITLES
Adjust this to make more or less height for the longer titles on your list.
*/

.animetitle {
max-height: 34px !important;
}

/* HEIGHT OF TAGS BOX
If you've turned Tags on for your list, you can adjust the height of the box your tags appear in here.
Keep in mind you won't see tags for this list style unless you hover your cursor over the anime.
*/

.td1[width=125], .td2[width=125] {
height: 120px !important;
}

/*******************************
OTHER CODES, DON'T TOUCH UNLESS YOU KNOW WHAT YOU'RE DOING
*******************************/

#inlineContent {
    border-bottom-color: rgb(52, 52, 52);
}
#mal\_control\_strip tbody {
    background-color: rgb(52, 52, 52);
}
#inlineContent, #searchBox, .status_selected, body, .hide {
    background-color: rgb(26, 26, 26);
}
#searchBox, body, input[type=text] {
    color: rgb(255, 255, 255);
}
#list_surround tab\le:first-of-type, #list_surround, input[type=text] {
    background-color: rgb(52, 52, 52);
}
a {
    color: rgb(182, 182, 182);
}
a:hover, #mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover {
    color: rgb(255, 255, 255);
}
#list_surround tab\le:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw):hover {
    background-color: rgba(245, 132, 0, 0.2);
}
.hide {
    box-shadow: 0px 0px 11px 2px rgb(13, 13, 13) inset;
}
::selection {
    color: rgb(245, 132, 0);
    background-color: rgb(255, 255, 255);
}
::-moz-selection {
    color: rgb(245, 132, 0);
    background-color: rgb(255, 255, 255);
}
#mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a,
.table_headerLink, .status_not_selected,
.header_cw, .header_completed, .header_onhold,
.header_dropped, .header_ptw,
.category_totals, #grand_totals, #copyright {
    background-color: rgb(26, 26, 26) !important;
    background-image: linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important;
    background-image: -o-linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important;
    background-image: -ms-linear-gradient(top, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%) !important;
}
#mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover,
.table_headerLink:hover, .status_not_selected:hover {
    background-image: linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%);
    background-image: -o-linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%);
    background-image: -ms-linear-gradient(bottom, rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%);
}
.td1, .td2, .td1 a + small, .td2 a + small, .animetitle {
    background-color: rgba(13, 13, 13, 0.9);
    background: transparent linear-gradient(top, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%);
    background: transparent -o-linear-gradient(top, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%);
    background: transparent -ms-linear-gradient(top, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%);
}
.animetitle:hover {
    background-image: linear-gradient(bottom, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%);
    background-image: -o-linear-gradient(bottom, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%);
    background-image: -ms-linear-gradient(bottom, rgba(26, 26, 26, 0.9) 40%, rgba(13, 13, 13, 0.9) 60%);
}

#fancybox-wrap {
    position: fixed !important;
    top: 0px !important;
    bottom: 0px;
    left: 0px !important;
    right: 0px !important;
    max-height: 90%;
    margin: auto !important;
}

#fancybox-inner {
    bottom: 10px;
    height: auto !important;
}

body {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
}

#mal\_control\_strip {
    width: 77% !important;
    height: 120px;
    margin: auto !important;
    background: none !important;
}

#inlineContent {
background-color: transparent !important;
    display: block !important;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 420px;
    width: 100%;
    background-position: right;
    border-bottom-width: 42px;
    border-bottom-style: solid;
    z-index: -1;
}

#mal\_control\_strip tbody {
    position: absolute;
    top: 0px;
    width: 686px;
    height: 120px;
    border-radius: 0px 0px 13px 13px;
}

#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks {
    padding: 0px !important;
}

#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {
    border-right-style: none !important;
}

#mal_cs_pic {
    position: absolute;
    top: 11px;
    left: 11px;
}

#mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a {
    display: block;
    position: absolute;
    top: 11px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    overflow-x: hidden !important;
    overflow-y: hidden;
    white-space: nowrap;
    letter-spacing: -1px;
    font-size: 0px !important;
    font-weight: bold !important;
    text-align: center;
    text-decoration: none !important;
    border-radius: 7px;
}

#mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover {
    font-size: 11px !important;
}

#mal_cs_listinfo div:first-of-type a {left: 11px;}
#mal_cs_listinfo div:last-of-type a {left: 86px;}
#mal_cs_links div:first-of-type a:first-of-type {left: 161px;}
#mal_cs_links div:last-of-type a:first-of-type {left: 236px;}
#mal_cs_links div:last-of-type a:last-of-type {left: 311px;}
#mal_cs_links div:first-of-type a:last-of-type,
#mal_cs_otherlinks div:first-of-type a {left: 386px;}
#mal_cs_otherlinks a[href*=/forum/],
#mal_cs_otherlinks a[href*=/mangalist/],
#mal_cs_otherlinks a[href*=/animelist/],
#mal_cs_otherlinks a[href*=/login.php] {left: 461px;}
#mal_cs_otherlinks a[href*=/history/],
#mal_cs_otherlinks a[href*=/register.php] {left: 536px;}
#mal_cs_otherlinks a[href*=/panel.php?go=export],
#mal_cs_otherlinks a[href*=/shared],
#mal_cs_otherlinks a[href*=/modules.php?go=faq] {left: 611px;}

#mal_cs_listinfo a:before, #mal_cs_links a:before, #mal_cs_otherlinks a:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 64px;
    height: 64px;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: 56px;
}

#mal_cs_listinfo a:hover:before, #mal_cs_links a:hover:before, #mal_cs_otherlinks a:hover:before {
    content: none;
}

#mal_cs_powered {
    top: 86px !important;
    left: 461px;
    right: auto !important;
}

#mal_cs_powered img {
    display: none;
}

#searchBox {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 4px 7px;
    width: 200px !important;
    height: 15px;
    font-size: 11px !important;
    text-align: center;
    border: none;
    border-radius: 4px;
}

.header_cw + tab\le , .header_completed + tab\le , .header_onhold + tab\le ,
.header_dropped + tab\le , .header_ptw + tab\le {
    position: absolute;
    top: 86px;
    width: 461px;
-layout: fixed;
    border-spacing: 11px 0px;
}

#list_surround tab\le:nth-of-type(n+4) ~ .header_cw + tab\le ,
#list_surround tab\le:nth-of-type(n+4) ~ .header_completed + tab\le ,
#list_surround tab\le:nth-of-type(n+4) ~ .header_onhold + tab\le ,
#list_surround tab\le:nth-of-type(n+4) ~ .header_dropped + tab\le ,
#list_surround tab\le:nth-of-type(n+4) ~ .header_ptw + tab\le {
    display: none;
}

.table_header {
    width: auto;
}

.table_header:first-of-type, .table_header:nth-of-type(n+6) {
    display: none;
}

.table_headerLink {
    display: block;
    padding: 4px 7px;
    height: 15px;
    text-align: center;
    border-radius: 4px;
}

#list_surround tab\le:first-of-type {
    position: absolute;
    top: 398px;
    width: auto;
    font-size: 13px;
    font-weight: bold;
    border-spacing: 11px;
    border-radius: 13px 13px 0px 0px;
}

.status_selected, .status_not_selected {
    width: auto;
    white-space: nowrap;
    border-radius: 7px;
}

.status_selected a, .status_not_selected a {
    display: block;
    padding: 0px 22px;
    line-height: 42px;
}

#list_surround {
    width: 77%;
    min-width: 726px;
    margin: 406px auto 64px;
    padding: 11px 31px 42px 31px;
    border-radius: 42px;
}

.header_cw, .header_completed, .header_onhold,
.header_dropped, .header_ptw {
    clear: both;
    position: relative;
    top: 31px;
    margin: 0px 0px 42px 0px;
    padding: 11px 0px;
    border-radius: 13px;
}

.header_title {
    padding-left: 242px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

#list_surround tab\le:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw),
.hide {
    float: left;
    position: relative;
    width: 220px;
    height: 220px;
    margin: 11px;
    border-radius: 13px;
}

#list_surround tab\le:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) {
    z-index: 1;
}

.hide {
    display: block !important;
    ;
    background-position: center -20px;
}

.td1, .td2 {
    position: absolute;
    padding: 4px 7px;
    border-radius: 4px;
}

.td1:nth-of-type(2), .td2:nth-of-type(2) {
    visibility: hidden;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.td1:first-of-type:before, .td2:first-of-type:before {
    content: "#";
}

.td1:first-of-type, .td2:first-of-type {
    top: 11px;
    left: 11px;
    width: 42px;
    z-index: 1;
}

.td1 a[title=Anime Information] + small, .td2 a[title=Anime Information] + small {
    display: block;
    visibility: visible;
    position: absolute;
    top: 11px;
    left: 82px;
    width: 43px;
    padding: 4px 7px;
    font-size: 11px;
    text-align: center;
    word-wrap: break-word;
    border-radius: 4px;
}

.td1:nth-of-type(4)[width=50], .td2:nth-of-type(4)[width=50] {
    top: 11px;
    right: 11px;
    width: 42px;
}

td[width=70] + .td1:nth-of-type(5):before, [width=70] + .td2:nth-of-type(5):before {
    content: "Volumes: ";
}

td[width=70] + .td1:nth-of-type(5), td[width=70] + .td2:nth-of-type(5) {
    top: 11px;
    right: 11px;
    width: auto;
    text-align: right;
}

.td1 a:not([title=Anime Information]) + small, .td2 a:not([title=Anime Information]) + small {
    display: block;
    visibility: visible;
    position: absolute;
    top: 41px;
    right: 11px;
    width: auto;
    padding: 4px 7px;
    font-size: 11px;
    text-align: right;
    border-radius: 4px;
}

.animetitle {
    display: block;
    visibility: visible;
    position: absolute;
    left: 11px;
    bottom: 41px;
    padding: 7px;
    width: 184px;
    max-height: 34px;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    border-radius: 7px;
}

.td1:nth-of-type(3):before, .td2:nth-of-type(3):before {
    content: "Score: ";
}

.td1:nth-of-type(3), .td2:nth-of-type(3) {
    left: 11px;
    bottom: 11px;
    width: auto;
    text-align: left;
}

td[width=50] + .td1:nth-of-type(5):before, [width=50] + .td2:nth-of-type(5):before {
    content: "Episodes: ";
}

td[width=50] + .td1:nth-of-type(5), td[width=50] + .td2:nth-of-type(5) {
    right: 11px;
    bottom: 11px;
    width: auto;
    text-align: right;
}

.td1:nth-of-type(4)[width=70]:before, .td2:nth-of-type(4)[width=70]:before {
    content: "Chapters: ";
}

.td1:nth-of-type(4)[width=70], .td2:nth-of-type(4)[width=70] {
    bottom: 11px;
    right: 11px;
    width: auto;
    text-align: right;
}

.td1:nth-of-type(n+6), .td2:nth-of-type(n+6) {
    display: none;
}

.td1[width=125], .td2[width=125] {
    left: 11px;
    top: 71px;
    width: 184px;
    height: 45px;
    overflow: auto;
}

#list_surround tab\le:hover .td1[width=125],
#list_surround tab\le:hover .td2[width=125] {
    display: block;
}

input[type=text] {
    width: 100%;
    text-align: right;
    border: none;
    border-radius: 4px;
}

input[value=Go] {
    display: none;
}

#list_surround .List_LightBox {
    display: block;
    visibility: visible;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 0px;
}

.category_totals {
    padding: 0px 31px;
    text-align: center;
    white-space: pre-line;
    border-radius: 13px;
}

.category_totals:before {
    display: block;
    content: "Totals:";
    text-align: center;
    font-weight: bold;
}

#grand_totals, #copyright {
    clear: both;
    position: relative;
    top: 31px;
    padding: 11px 0px;
    text-align: center;
}

#grand_totals {
    margin-bottom: 22px;
    border-radius: 7px;
}

#copyright {
    margin-top: 0px !important;
    margin-bottom: 31px;
    border-radius: 13px;
}

#list_surround br {
    display: none;
}

#mal\_control\_strip #mal_cs_otherlinks strong{
    margin: 0px !important;
    font-size: 0px !important;
}

#list_surround:before {
border-radius: 0 0 13px 13px;
height: 120px;
top: 0;
width: 700px;
content: "";
z-index: -2 !important;
display: block;
position: absolute !important;
left: 11% !important;
}

.status_not_selected a {
border-radius: 6px;
color: ;
}

.status_not_selected a {
border-radius: 6px;
}

#mal\_cs_otherlinks :nth-of-type(2) {
margin-top: -40px;
}

#mal_cs_otherlinks a[href*=/forum/], #mal_cs_otherlinks a[href*=/mangalist/], #mal_cs_otherlinks a[href*=/animelist/], #mal_cs_otherlinks a[href*=/login.php], #mal_cs_otherlinks di\v a[href*=/register.php]{
margin-top: 0;
}

.header_cw + tab\le, .header_completed + tab\le, .header_onhold + tab\le, .header_dropped + tab\le, .header_ptw + tab\le {
background: none repeat scroll 0 0 transparent;
border-spacing: 11px 0;
left: 12%;
;
position: absolute;
top: 86px;
width: 461px;
}

#inlineContent {
display: none !important;
}


#list_surround tab\le:first-of-type, #list_surround, input[type=text] {
background-color: transparent;
}

#list_surround tab\le:first-of-type {
top: 458px;
}

.header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw {
margin-top: -20px;
visibility: hidden;
}

.header_cw:before, .header_completed:before, .header_onhold:before, .header_dropped:before, .header_ptw:before, .header_cw:after, .header_completed:after, .header_onhold:after, .header_dropped:after, .header_ptw:after {
visibility: visible !important;
}

#list_surround {
margin: 325px auto 64px;
}

#list_surround tab\le:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw),
.hide {
    height: 300px !important;
}
.hide {
    background-position: center !important;
}

#mal\_control\_strip tbody {
background-color: transparent !important;
}

3.

/*
Square Layout
u531355 - 2012

Alternative version by -Mio-
*/

/* 1) Generated covers */
@Import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css);
@Import url(http://dl.dropbox.com/s/u7q303kv0wwjn9f/mycovers.css);

/* 2) Base layout */
@Import url('https://dl.dropbox.com/s/9mv32q7c2tm3m9u/current.css');

/* 3) Top-bar icons */
@Import url(https://dl.dropbox.com/s/vev0ahto1f2hsl4/TopMenu.css);

/* 5) Addons - Add as many as you want */
@Import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css);

/* 6) Options */
/* Determines the number of covers on each row, it should be a multiple of 242px */
body {max-width: 1210px;}

/* Header picture NO NEED TO EDIT*/
#inlineContent {background-image: url();}

/* Background Image */
body {background-image:url(https://dl.dropbox.com/s/6eki4mqo2xul02u/bg3.png?dl=0);}

/* Default picture when no cover is found */
.hide {background-image: url();}

/* Links color */
a {color: #8ce5ff !important;}

/* Mettre 2 images a gauche et a droite */

#list_surround >:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw):hover {
z-index: 4;
}
#list_surround >:hover + .hide {
z-index: 3;
}
body:before {
pointer-events: none;
position: fixed;
bottom: -10px;
;
content: url(https://dl.dropbox.com/s/jc5su7ek3eeump4/left.png);
z-index: 2;
}
body:after {
pointer-events: none;
position: fixed;
bottom: -80px;
width: inherit;
min-width: inherit;
max-width: inherit;
margin-left: 370px;
content: url(https://dl.dropbox.com/s/gmxch8azxa92fh6/right.png);
text-align: right;
z-index: 1;
}

selweron · 25 Maja 2015

Jak komuś trzeba linka do tutoriala bez szukania jak to zmienić

http://myanimelist.net/forum/?topicid=563993

Generalnie jakiego gdzieś nie spróbowałem to nie miało bazy na wszystko i niektóre mi pozostawały puste więc dałem sobie z tym spokój - ręcznie okładek wstawiał przecież nie będę, to nie dla lenia.

chaterchater · 25 Maja 2015

problem chyba rozwiązany w sumie bo przez pw wczoraj pomogłem użytkownikowi ~~kaanashi~~ ardina

Jak komuś trzeba linka do tutoriala bez szukania jak to zmienić
http://myanimelist.net/forum/?topicid=563993
Generalnie jakiego gdzieś nie spróbowałem to nie miało bazy na wszystko i niektóre mi pozostawały puste więc dałem sobie z tym spokój - ręcznie okładek wstawiał przecież nie będę, to nie dla lenia.

do okładek można zawsze skorzystać z tego:

http://myanimelist.net/forum/?topicid=442261
+poradnik
http://myanimelist.net/forum/?topicid=609801

ewentualnie tego

http://myanimelist.net/forum/?topicid=1163417

drugi sposób niby lepszy bo praktycznie wszystko co musis zrobić to skopiować jeden link i wkleić w swój css

minus że często limit jest szybko zużywany, a co z tym idzie - nie ma okładek

Ardina · 26 Maja 2015

Już rozwiązałam problem dzięki pomocy chaterchater. Temat można zamknąć :P

Zaloguj się

👋 Witaj na MPCForum!

Wygląd listy anime

Rekomendowane odpowiedzi

Ardina

Ardina

Gość

Gość

Ardina

Ardina

Gość

Gość

Ardina

Ardina

Gość

Gość

Ardina

Ardina

chaterchater

chaterchater

Ardina

Ardina

selweron

selweron

chaterchater

chaterchater

Ardina

Ardina

Zarchiwizowany