[CSS - CLASSIC] Poster-style layout

Aug 28, 2014 6:17 AM

Luny Tunes

Offline

Feb 2012

8268

Odd... I thought I copied the entire thing. ~_~ Anyway, instead of highlighting the CSS from the link, I just downloaded the text files and saved them as CSS to be 100% sure I have the entire CSS.

Problem solved! The layout is back to normal now. Thanks a lot for the help!

☆ Anime List ★

★ Manga List ☆

☆ My YouTube! ★

Sep 1, 2014 7:06 PM

#102

ryuuji168

Offline

Jul 2012

When I hover over the home and other icons, it gets overlap by the background. How can I fix this?

ryuuji168Sep 1, 2014 7:10 PM

Sep 1, 2014 7:26 PM

#103

Shishio-kun

Offline

Feb 2010

12653

ryuuji168 said:
When I hover over the home and other icons, it gets overlap by the background. How can I fix this?

I can't see the same problem so don't know how to fix it; what are the conditions when you see this problem: are you logged out/browser/when was the last time you installed/updated browser/etc. If I know this I might be able to narrow something down

Sep 1, 2014 8:12 PM

#104

ryuuji168

Offline

Jul 2012

It looks like this http://imgur.com/YpKaVVf

Sep 18, 2014 6:41 AM

#105

Shishio-kun

Offline

Feb 2010

12653

ryuuji168 said:
It looks like this http://imgur.com/YpKaVVf

The problem is the codes from
http://tny.cz/c0f21f03

aren't meant to be imported, you have to paste them to your CSS edit box directly. When I do this, they work normally for me with the same layout

Sep 26, 2014 1:02 PM

#106

Specialist11

Offline

Jun 2014

the anime covers still wont show heres my code

@import "http://dl.dropbox.com/u/78340470/anime.css";
@import "http://dl.dropbox.com/u/78340470/CSSforPosters.css";
@import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSS.css";
body {
background: url("http://i.imgur.com/2mi6xnG.png") no-repeat fixed center top, url("http://i.imgur.com/q2NOO18.jpg") no-repeat fixed center bottom transparent;
}
#list_surround {
background: url("http://i.imgur.com/8isB24B.png") no-repeat scroll center bottom, url("http://i.imgur.com/e9gFPjh.png") no-repeat scroll center bottom #01002A;
left: 0;
margin: 0 auto auto;
padding-top: 275px;
position: absolute;
right: 0;
top: 0;
width: 1000px;
}
.header_cw {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/Sc47jZF.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}

.header_completed {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/gJNzoB2.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}

.header_onhold {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/rmpvHnt.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}

.header_dropped {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/D8xFkec.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}

.header_ptw {
background: url("http://i.imgur.com/9D98opJ.png") no-repeat scroll left 96%,
url("http://i.imgur.com/uhPZg67.png") no-repeat scroll left -25% transparent ;
color: white;
font-size: 38px;
padding-left: 25px;
padding-top: 250px;
position: absolute;
top: -9px !important;
width: 1000px;
}

Sep 26, 2014 2:11 PM

#107

Pico-tan

Offline

Aug 2013

520

Specialist11 said:
the anime covers still wont show heres my code

the first import is dead. I sugest using one of the cover generators to make a new one. And btw, please use spoilers for long messages.

Sep 26, 2014 3:36 PM

#108

Shishio-kun

Offline

Feb 2010

12653

Specialist11 said:
the anime covers still wont show heres my code

I put all the latest fixes here, including for this layout here:
http://myanimelist.net/forum/?topicid=731665&show=0#post1

Oct 9, 2014 10:32 PM

#109

KuroZwei

Offline

May 2008

213

Thanks for all the css guides helped me a lot :)

Mar 6, 2015 12:41 AM

#110

Omzigian

Offline

Jan 2014

Everytime that I try to use this style it keeps putting all the text together on the top left of the screen and it keeps layering all the anime dvd pictures down the left side of the screen away from the list.

I have replaced the first import link, so all the pictures exist. Other than that I put in the code that you posted and also put the icon toolbar code beneath that. Is there some new code that I missed?

Edit: I did miss a section thanks!

OmzigianMar 6, 2015 12:45 AM

Jul 5, 2015 8:32 AM

#111

dytanoth

Offline

Apr 2015

I love the theme, but I was missing some poster images, so I added them to the list.
If anyone needs it
Replace: @import "http://dl.dropbox.com/u/78340470/anime.css"; or any other import that you selected, with @import url(https://hespen.net/css/anime/posters.css);

If you don't know what import to replace, open the links, and see which one looks the same.

If your poster isn't in the list, please send me a message, and I'll add it to it.

Jul 5, 2015 6:36 PM

#112

Shishio-kun

Offline

Feb 2010

12653

This layout has been updated to working again without patches. Reinstall it thru the new codes in the opening post.

Jul 6, 2015 12:23 PM

#113

Droxi

Offline

Jul 2015

Hey shishio One problem i have is the size for the background picture i cant make it bigger and i cant add anime to my list the picture blocks it?

http://imgur.com/zXvzfsU < --- Problem

Jul 6, 2015 3:46 PM

#114

Shishio-kun

Offline

Feb 2010

12653

Jazlo_v2 said:
Hey shishio One problem i have is the size for the background picture i cant make it bigger and i cant add anime to my list the picture blocks it?

http://imgur.com/zXvzfsU < --- Problem

Ok I added a code to the original sources to fix that topbar issue in Chrome. As for the background, there are two background codes and the one you want is the second background image the first is for right behind the list

Aug 17, 2015 7:01 AM

#115

DesolatePsyche

Lewd Depresso

Offline

Jul 2008

2386

Way to have

https://gyazo.com/1104ccbc2210611ce4f6abe8e3893ef1 shown on anime?

and https://gyazo.com/fd5cf6dd18db0ffe01eba0e6ae5bbba0 on manga?

EDIT: And another question.. a way to show basic information on covers? (like so - https://gyazo.com/987b4ea62e2e5b0a1f6ccc262e10920c - pic from another square-styled design)

DesolatePsycheAug 18, 2015 9:14 AM

Oct 14, 2015 7:58 PM

#116

Rhenoware

Offline

May 2014

Love this theme!

I have some questions regarding the css code...

What would I have to change to remove the list background (dark blue)?

What would be the code to add my score in the bottom right of each pick?

Not the best at this and hoping you can help me out :)

Oct 31, 2018 11:30 PM

#117

Shishio-kun

Offline

Feb 2010

12653

Updated and working fine!

See All Discussions

» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page ) Shishio-kun - Jul 21, 2017	381	by KabukiChouNights »» Sep 13, 10:56 AM
» theme help threat - Jul 5	5	by Zaryf »» Aug 21, 5:46 AM
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page ) Valerio_Lyndon - Apr 19, 2018	1261	by KiranaStarr »» Aug 16, 5:48 PM
» [CSS] ⭐️ Customize your List Cursor + Cursor Fixes Shishio-kun - Mar 8, 2021	30	by Shishio-kun »» Jul 28, 3:17 AM
» How To Have Different Banner/Cover image & Background Image For Manga & Anime Lists YasminaRegina - Jul 25	2	by YasminaRegina »» Jul 26, 1:02 AM

[CSS - CLASSIC] Poster-style layout

More topics from this board

» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )

» theme help

» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )

» [CSS] ⭐️ Customize your List Cursor + Cursor Fixes

» How To Have Different Banner/Cover image & Background Image For Manga & Anime Lists

MoreTop Anime

MoreTop Airing Anime

MoreMost Popular Characters