New
Oct 11, 2012 5:30 AM
#21
sayami said: I love the design a lot, but I was wondering if something could be done with the blank anime pictures? I mean, there are some titles that neither the anime picture nor my default picture is showing. Or is this a problem without a solution? Here's the solution: http://myanimelist.net/forum/?topicid=442261 |
Oct 11, 2012 11:23 AM
#23
sayami said: ^^Thanks a lot, it works :D No problem :) |
Oct 22, 2012 8:03 AM
#24
This is awesome, and looks easy to customize. Thanks for sharing it! u531355 said: Default picture when no cover is found This is the picture displayed when there is no cover link for a title in the CSS imported at point 1). Picture in the spoiler. It should be 220px wide and 240px high. The topmost 20px aren't displayed. Make your own or choose one among the followings: - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/codegeass.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/dbz.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/khr.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/mal.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/nge.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/seasons.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/toloveru.jpg One question: While all the animes which doesnt have cover link in the css file shows the default no cover picture, "Another", "Kimi to Boku. 2" and "Kimi to Boku. 3" doesnt show any picture, its blank. It's no big deal but why is that happening? Edit: I noticed those 3 animes have a cover link, but those links aren't opening. I guess i will try to generate my own CSS to fix it some other time. Thanks for the great layout again.^^ |
JinbouOct 22, 2012 8:08 AM
Oct 23, 2012 3:35 AM
#25
Youjinbou said: This is awesome, and looks easy to customize. Thanks for sharing it! u531355 said: Default picture when no cover is found This is the picture displayed when there is no cover link for a title in the CSS imported at point 1). Picture in the spoiler. It should be 220px wide and 240px high. The topmost 20px aren't displayed. Make your own or choose one among the followings: - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/codegeass.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/dbz.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/khr.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/mal.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/nge.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/seasons.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/toloveru.jpg One question: While all the animes which doesnt have cover link in the css file shows the default no cover picture, "Another", "Kimi to Boku. 2" and "Kimi to Boku. 3" doesnt show any picture, its blank. It's no big deal but why is that happening? Edit: I noticed those 3 animes have a cover link, but those links aren't opening. I guess i will try to generate my own CSS to fix it some other time. Thanks for the great layout again.^^ I don't know how you write your CSS, but you can try this. I had the exact same problem, but if you follow this topic, it'll be solved. You can check my AnimeList for proof of showing the Another/Kimi to Boku 2 cover. |
Courage is the magic that turns dreams into reality. One of life's greatest blessings, is the freedom to pursue one's goals. We are all walking through a wonderfull dream, a dream called youth. The very key is needed to unlock the courage which resides in everyone. |
Oct 23, 2012 5:23 AM
#26
Sudenri said: Youjinbou said: This is awesome, and looks easy to customize. Thanks for sharing it! u531355 said: Default picture when no cover is found This is the picture displayed when there is no cover link for a title in the CSS imported at point 1). Picture in the spoiler. It should be 220px wide and 240px high. The topmost 20px aren't displayed. Make your own or choose one among the followings: - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/codegeass.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/dbz.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/khr.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/mal.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/nge.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/seasons.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/toloveru.jpg One question: While all the animes which doesnt have cover link in the css file shows the default no cover picture, "Another", "Kimi to Boku. 2" and "Kimi to Boku. 3" doesnt show any picture, its blank. It's no big deal but why is that happening? Edit: I noticed those 3 animes have a cover link, but those links aren't opening. I guess i will try to generate my own CSS to fix it some other time. Thanks for the great layout again.^^ I don't know how you write your CSS, but you can try this. I had the exact same problem, but if you follow this topic, it'll be solved. You can check my AnimeList for proof of showing the Another/Kimi to Boku 2 cover. Uh i didnt know how i was going to write it actually. Worked like a charm, thanks^^ |
Oct 23, 2012 6:44 AM
#27
Youjinbou said: Sudenri said: Youjinbou said: This is awesome, and looks easy to customize. Thanks for sharing it! u531355 said: Default picture when no cover is found This is the picture displayed when there is no cover link for a title in the CSS imported at point 1). Picture in the spoiler. It should be 220px wide and 240px high. The topmost 20px aren't displayed. Make your own or choose one among the followings: - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/codegeass.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/dbz.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/khr.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/mal.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/nge.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/seasons.jpg - http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/toloveru.jpg One question: While all the animes which doesnt have cover link in the css file shows the default no cover picture, "Another", "Kimi to Boku. 2" and "Kimi to Boku. 3" doesnt show any picture, its blank. It's no big deal but why is that happening? Edit: I noticed those 3 animes have a cover link, but those links aren't opening. I guess i will try to generate my own CSS to fix it some other time. Thanks for the great layout again.^^ I don't know how you write your CSS, but you can try this. I had the exact same problem, but if you follow this topic, it'll be solved. You can check my AnimeList for proof of showing the Another/Kimi to Boku 2 cover. Uh i didnt know how i was going to write it actually. Worked like a charm, thanks^^ No prob ~ |
Courage is the magic that turns dreams into reality. One of life's greatest blessings, is the freedom to pursue one's goals. We are all walking through a wonderfull dream, a dream called youth. The very key is needed to unlock the courage which resides in everyone. |
Nov 5, 2012 1:57 AM
#28
I'm curious, is there any way that I can modify the style.css to get my DROPPED anime to show up at the bottom of my list? I reorganized the sections in the css that had those things listed so that my dropped would be at the end of all the lists #list_surround > table:nth-of-type(n+4) ~ .header_cw + table, #list_surround > table:nth-of-type(n+4) ~ .header_completed + table, #list_surround > table:nth-of-type(n+4) ~ .header_onhold + table, #list_surround > table:nth-of-type(n+4) ~ .header_ptw + table, #list_surround > table:nth-of-type(n+4) ~ .header_dropped + table { (i'm not going to post the rest, but the example above shows what I mean. Coder should catch my drift) It doesn't work to reorganize it, however. So I'm looking for a solution that may have to do with something else completely. I don't want anime that I've dropped to show up in the middle of my list. I want it on the bottom of the page... Any help? |
Nov 6, 2012 12:34 AM
#29
You can't reorganize the list this way. What you did in CSS means only that all the headders had the properties that you specify between the brackets { }, not the order to show the table. It is almost impossible to move a section to the bottom, as far as the list is not made fot things like that, 'cause all single row in the list is a separate table, so to move the entire Dropped section, you need to move all the tables instead and is not as simple as everyone wish... |
Nov 6, 2012 12:48 AM
#30
That's unfortunate. But I appreciate the quick reply and direct answer. Thanks :) |
Nov 30, 2012 4:55 AM
#31
may i ask a question? where do i put the picture of asuka in both sides? i tried it in many ways but it doesnt work.. plz help me |
Nov 30, 2012 11:56 AM
#32
SnailActive said: may i ask a question? where do i put the picture of asuka in both sides? i tried it in many ways but it doesnt work.. plz help me Try to add this to the top of your CSS: @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/asuka/addon.css); |
Nov 30, 2012 5:41 PM
#33
.... i tried to do as u saiid but it doesnt work either... anway this is my list style you can tell me where to put the url /* 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.dropbox.com/u/49469857/MAL/premade/square/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/light/theme.css); /* 5) Addons - /* 6) Options */ /* Determines the number of covers on each row, it should be a multiple of 242px */ body {max-width: 1452px;} /* Header picture */ #inlineContent {background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/headers/nge.jpg);} /* Default picture when no cover is found */ .hide {background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/nge.jpg);} /* Links color */ a {color: ;} body{ background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/asuka/addon.css) } |
Nov 30, 2012 6:03 PM
#34
Like Shishio-kun said, on top of CSS. edit: Also, it works anyway but there should be a */ at the end of the line starting with "5) Addons", I think. Like this; @import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/asuka/addon.css); /* 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.dropbox.com/u/49469857/MAL/premade/square/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/light/theme.css); /* 5) Addons */ /* 6) Options */ /* Determines the number of covers on each row, it should be a multiple of 242px */ body {max-width: 1452px;} /* Header picture */ #inlineContent {background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/headers/nge.jpg);} /* Default picture when no cover is found */ .hide {background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/nopic/nge.jpg);} /* Links color */ a {color: ;} body{ background-image: url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/asuka/addon.css) } I tried it on my list, it works for me. |
JinbouNov 30, 2012 6:19 PM
Nov 30, 2012 6:37 PM
#35
ok...thx a lot |
Dec 2, 2012 12:27 PM
#36
Thanks! I really liked it But, i know i'm being lazy. But can someone resize this image for me to put as head picture? Because i'm trying but i can't: http://imageshack.us/photo/my-images/7/wallpaperdeaththekidbyn.jpg/ |
Dec 9, 2012 12:02 PM
#37
Is it possible to make the layout theme invisible or rather to influence the opacity of the layout? Like making the list see-through? With layout theme I refer to the part in the code where you can choose between light or dark theme (so on), btw. |
Dec 9, 2012 1:27 PM
#38
SylakentH_ said: Is it possible to make the layout theme invisible or rather to influence the opacity of the layout? Like making the list see-through? With layout theme I refer to the part in the code where you can choose between light or dark theme (so on), btw. You can try to add opacity codes to parts you want more see-through. Firebug add on makes it easier to test and find names of parts you want to add the code too. not see thru (default setting) opacity: 1; half see thru opacity: .5; all see thru opacity: .0; |
Dec 23, 2012 7:37 AM
#39
I have some problem with this layout: It won´t work on my Manga list. If I try to add the style, the right pictures won´t show, and random pictures is present instead. Like the Cover for Full Metal Panic shows up instead of the cover for a Shoujo Manga. How do I fix it? |
Dec 23, 2012 10:31 AM
#40
QueenCythia said: I have some problem with this layout: It won´t work on my Manga list. If I try to add the style, the right pictures won´t show, and random pictures is present instead. Like the Cover for Full Metal Panic shows up instead of the cover for a Shoujo Manga. How do I fix it? You don't have any CSS on your manga list atm so its hard to identify what's wrong without seeing. It sounds like you added the anime list to both lists or used the anime cover for the manga list. Try to add the manga style with manga covers CSS to the manga list separate. If you don't know how to add the manga covers, look in the parenthesis under Generated Covers, replace whats in parenthesis with this http://dl.dropbox.com/u/49469857/MAL/premade/manga.css Also you learn how to add manga list style CSS separately here: http://myanimelist.net/forum/?topicid=485001 |
Dec 23, 2012 11:27 AM
#41
Shishio-kun said: QueenCythia said: I have some problem with this layout: It won´t work on my Manga list. If I try to add the style, the right pictures won´t show, and random pictures is present instead. Like the Cover for Full Metal Panic shows up instead of the cover for a Shoujo Manga. How do I fix it? You don't have any CSS on your manga list atm so its hard to identify what's wrong without seeing. It sounds like you added the anime list to both lists or used the anime cover for the manga list. Try to add the manga style with manga covers CSS to the manga list separate. If you don't know how to add the manga covers, look in the parenthesis under Generated Covers, replace whats in parenthesis with this http://dl.dropbox.com/u/49469857/MAL/premade/manga.css Also you learn how to add manga list style CSS separately here: http://myanimelist.net/forum/?topicid=485001 I changed it to the list style again so you can see what I mean. When I add the style to my Manga list, Random pictures shows up that dosen´t have anything to do with the Manga. While my Anime list works fine? (Sorry I´m rather confused about this...But I´m not that good with CCS codes) |
Dec 23, 2012 11:53 AM
#42
QueenCythia said: Shishio-kun said: QueenCythia said: I have some problem with this layout: It won´t work on my Manga list. If I try to add the style, the right pictures won´t show, and random pictures is present instead. Like the Cover for Full Metal Panic shows up instead of the cover for a Shoujo Manga. How do I fix it? You don't have any CSS on your manga list atm so its hard to identify what's wrong without seeing. It sounds like you added the anime list to both lists or used the anime cover for the manga list. Try to add the manga style with manga covers CSS to the manga list separate. If you don't know how to add the manga covers, look in the parenthesis under Generated Covers, replace whats in parenthesis with this http://dl.dropbox.com/u/49469857/MAL/premade/manga.css Also you learn how to add manga list style CSS separately here: http://myanimelist.net/forum/?topicid=485001 I changed it to the list style again so you can see what I mean. When I add the style to my Manga list, Random pictures shows up that dosen´t have anything to do with the Manga. While my Anime list works fine? (Sorry I´m rather confused about this...But I´m not that good with CCS codes) OK it looks like you're using the anime list CSS on the manga list. You can do that you just need to have the CSS you put on the manga list with a switched out code (see below). You do have- two different CSS edit boxes right- one for the anime list and one for the manga list? In the manga list's CSS edit box you have to switch the part I told you about, go to the box where you put in the manga list code and look in the parenthesis under Generated Covers, replace whats in parenthesis with this http://dl.dropbox.com/u/49469857/MAL/premade/manga.css |
Dec 23, 2012 12:01 PM
#43
Shishio-kun said: QueenCythia said: Shishio-kun said: QueenCythia said: I have some problem with this layout: It won´t work on my Manga list. If I try to add the style, the right pictures won´t show, and random pictures is present instead. Like the Cover for Full Metal Panic shows up instead of the cover for a Shoujo Manga. How do I fix it? You don't have any CSS on your manga list atm so its hard to identify what's wrong without seeing. It sounds like you added the anime list to both lists or used the anime cover for the manga list. Try to add the manga style with manga covers CSS to the manga list separate. If you don't know how to add the manga covers, look in the parenthesis under Generated Covers, replace whats in parenthesis with this http://dl.dropbox.com/u/49469857/MAL/premade/manga.css Also you learn how to add manga list style CSS separately here: http://myanimelist.net/forum/?topicid=485001 I changed it to the list style again so you can see what I mean. When I add the style to my Manga list, Random pictures shows up that dosen´t have anything to do with the Manga. While my Anime list works fine? (Sorry I´m rather confused about this...But I´m not that good with CCS codes) OK it looks like you're using the anime list CSS on the manga list. You can do that you just need to have the CSS you put on the manga list with a switched out code (see below). You do have- two different CSS edit boxes right- one for the anime list and one for the manga list? In the manga list's CSS edit box you have to switch the part I told you about, go to the box where you put in the manga list code and look in the parenthesis under Generated Covers, replace whats in parenthesis with this http://dl.dropbox.com/u/49469857/MAL/premade/manga.css So many thanks! ^_^ Now it works! |
Jan 10, 2013 6:31 PM
#44
Jan 11, 2013 1:37 AM
#45
You can generate your own CSS file with all your personal entries with the following program: http://myanimelist.net/forum/?topicid=436031 Also I see people having trouble with dead links in the premade code. It's because sometimes MAL changes the pictures of an entry and the old one is no longer available. I update this file from time to time (last update was the 24th of december) so that there is no more dead links. But if you want you can update it yourself with the program. All you need to do is delete the 4 CSS files coming in the ZIP archive. It'll then regenerate all the CSS links from scratch and ensure there is no dead links. Otherwise if you generate your personal CSS it'll search for the links already existing in the other CSS files, for performance reasons. |
Jan 11, 2013 2:33 PM
#46
ArtimesGamerJan 11, 2013 3:44 PM
Jan 19, 2013 3:27 PM
#47
Jan 26, 2013 11:08 AM
#48
Is it posible to align the covers to the center because when its a smaller screen and it shows only 3 covers there will be empty space on the side because it could just barley not fit a 4th cover in there. Example |
Jan 26, 2013 1:47 PM
#49
Fynov said: Is it posible to align the covers to the center because when its a smaller screen and it shows only 3 covers there will be empty space on the side because it could just barley not fit a 4th cover in there. Example Try adding this at the bottom of the CSS edit box: #list_surround { margin: 526px 0 43px 105px !important; width: 70% !important; } Let me know if it works for you, not sure since most of the CSS is imported. |
Jan 26, 2013 2:33 PM
#50
Shishio-kun said: Try adding this at the bottom of the CSS edit box: #list_surround { margin: 526px 0 43px 105px !important; width: 70% !important; } Let me know if it works for you, not sure since most of the CSS is imported. Nope, did not have the desired effect all it did was make the area for the cover smaller so it could only fit 2 per row and it still had the empty area. My biggest problem is i have 2 screens difrent sizes and i also want for it to always neatly fit no matter the screen size so i can't do it by just massing with the margins. I'm looking if there is a way to just align the covers to the center like there is with text-align, if there isn't i'm just gona have to deal with my ocd =) |
Jan 26, 2013 5:12 PM
#51
Fynov said: Shishio-kun said: Try adding this at the bottom of the CSS edit box: #list_surround { margin: 526px 0 43px 105px !important; width: 70% !important; } Let me know if it works for you, not sure since most of the CSS is imported. Nope, did not have the desired effect all it did was make the area for the cover smaller so it could only fit 2 per row and it still had the empty area. My biggest problem is i have 2 screens difrent sizes and i also want for it to always neatly fit no matter the screen size so i can't do it by just massing with the margins. I'm looking if there is a way to just align the covers to the center like there is with text-align, if there isn't i'm just gona have to deal with my ocd =) Hmm ok I installed the Square layout to my list and I think I might have an idea of what you are trying to do, try this instead #list_surround { left: 50% !important; margin-bottom: auto !important; margin-left: auto !important; margin-right: auto !important; margin-top: 512px; width: 729px !important; } I don't have a 1920 widescreen to check but this seems to keep it to three titles on a row on all resolutions, and keeps it centered in the middle of all screen resolutions. If you're trying to make it so it always has no gap on all resolutions with the size of the pics always taking up the same portion, then you'd need to take the import out and rewrite it so the cover pics and the position of the stuff in the pics is all set by % and list surround is also a %. Then the pics would be 25% of the screen all the time, etc. I do that with the text box and background render on my own list. But even then it doesn't guarantee there won't be some gap here and there. Honestly it'd be best to use my resolution trick and make a CSS that adjusts it for your wide screen. That'd be much easier. http://myanimelist.net/forum/?topicid=524033 |
Jan 30, 2013 12:43 AM
#52
Fynov said: Shishio-kun said: Try adding this at the bottom of the CSS edit box: #list_surround { margin: 526px 0 43px 105px !important; width: 70% !important; } Let me know if it works for you, not sure since most of the CSS is imported. Nope, did not have the desired effect all it did was make the area for the cover smaller so it could only fit 2 per row and it still had the empty area. My biggest problem is i have 2 screens difrent sizes and i also want for it to always neatly fit no matter the screen size so i can't do it by just massing with the margins. I'm looking if there is a way to just align the covers to the center like there is with text-align, if there isn't i'm just gona have to deal with my ocd =) Check out my manga list, I got this cuz I have 2 screens too, 1920x1080px and 1280x800px and I make this layout to fit any resolution. Sorry, I can't post the code cuz I'm not in home, so I can't look at my files.. |
Jan 30, 2013 6:00 AM
#53
al_exs said: Check out my manga list, I got this cuz I have 2 screens too, 1920x1080px and 1280x800px and I make this layout to fit any resolution. al_exs uses display:inline-block; instead of the float:left; property. This needs to update the base layout file but it adds some bugs with the paddings or I don't know what. However, if you only have one resolution, one easy thing is to adapt the max-width property to 3 times the width of one cover wich is 242px. So it makes max-width: 726px; in this case. PS: I added a new addon to put your top-bar on the right side of your list. |
Jan 30, 2013 1:27 PM
#54
I don't know what happened but somehow it fixed itself so its all centered now either u531355 changed something or i messed around with the code enough to fix it so consider my problem /fixed tnx for your help guys =) |
Jan 30, 2013 5:38 PM
#55
Is there other places where you can get addons for this layout or just the ones you post will work? |
Jan 30, 2013 6:18 PM
#56
I might be missing something here but this theme needs uggghh.. this button... |
Jan 30, 2013 7:16 PM
#57
Sorry I just figured out the edit button lol. You just click on the anime you want to edit/update. Tho I think that should be listed somewhere on the main post |
Feb 19, 2013 8:33 PM
#58
Ok, I've got everything working the way I wanted it to except for the background wallpaper; how do I add that? Also, how do I change the text's colour, and change the position of the words "watching", "completed" etc? They're off-centre on my 1080p display and it's really bothering me, haha. |
Spades-DeuceFeb 19, 2013 8:37 PM
Mar 1, 2013 2:43 PM
#59
I get volumes instead of episodes. liked the list thanks |
LegendGoldDarkMar 1, 2013 2:58 PM
Mar 1, 2013 3:30 PM
#60
GoldenBRS said: I get volumes instead of episodes. liked the list thanks Check the first post, do you have the settings he recommends under: Some list settings are needed for this layout. if you do then try adding td[width="70"] + .td1:nth-of-type(5):before, [width="70"] + .td2:nth-of-type(5):before { content: "Volumes: "; display: none !important; } Should clear away the volume text or take out display none and make it whatever you want instead. Not sure if it needs to be imported or not dont' see why not |
Mar 2, 2013 8:22 AM
#61
Shishio-kun said: GoldenBRS said: I get volumes instead of episodes. liked the list thanks Check the first post, do you have the settings he recommends under: Some list settings are needed for this layout. if you do then try adding td[width="70"] + .td1:nth-of-type(5):before, [width="70"] + .td2:nth-of-type(5):before { content: "Volumes: "; display: none !important; } Should clear away the volume text or take out display none and make it whatever you want instead. Not sure if it needs to be imported or not dont' see why not It works! thanks. |
Mar 8, 2013 1:51 AM
#62
FMA-Xorcist said: This is awesome! Thanks! (^__^) I have a question, though. I want to add a picture of Yuno Gasai on both sides of the list instead of Asuka; how do I do that? If anyone could answer that, I would be very happy. :D Create your own css that you put online on dropbox for instance and change the links of Asuka to Gasai. You can also adapt the margin-left, you will find 2 of them in the css, the negative one is for the left picture and the positive one for the right picture Okay buy which links i have to change because in the css it's have only body:after { pointer-events: none; position: fixed; bottom: 11px; width: inherit; min-width: inherit; max-width: inherit; margin-left: 212px; content: url(RIGHT.png); text-align: right; z-index: 1; } |
Apr 3, 2013 11:50 AM
#63
Apr 6, 2013 9:47 PM
#64
How do I make the background area around the pictures transparent so you can see the background image? I've tried something that I thought would work but no matter the number i put in it will only be completely invisible for me. |
Apr 7, 2013 4:48 PM
#65
Omegadark said: How do I make the background area around the pictures transparent so you can see the background image? I've tried something that I thought would work but no matter the number i put in it will only be completely invisible for me. Add this at the end: #list_surround {background-color: rgba(1, 149, 195, 0.6);} and change 0.6 to whatever you want |
Apr 9, 2013 1:32 PM
#66
Hi; I really liked this style, thanks for the effort. On a side note the only thing I want to ask is how to always show tags on titles that have a set tag without hovering the mouse over it and to keep it hidden on titles without one. If that's asking too much then how can I set it so it always shows the tags square? |
Apr 9, 2013 9:02 PM
#67
u531355 said: Omegadark said: How do I make the background area around the pictures transparent so you can see the background image? I've tried something that I thought would work but no matter the number i put in it will only be completely invisible for me. Add this at the end: #list_surround {background-color: rgba(1, 149, 195, 0.6);} and change 0.6 to whatever you want Thanks so much |
Apr 10, 2013 4:49 PM
#68
netoxr2000 said: Hi; I really liked this style, thanks for the effort. On a side note the only thing I want to ask is how to always show tags on titles that have a set tag without hovering the mouse over it and to keep it hidden on titles without one. If that's asking too much then how can I set it so it always shows the tags square? To display only the tags panel on titles with tags would require to display only the links, and not the td anymore. But I don't want to do that right now. To display the tag panel all the time add this at the end of your code: .td1[width="125"], .td2[width="125"] {display: block;} |
Apr 10, 2013 9:45 PM
#69
u531355 said: To display only the tags panel on titles with tags would require to display only the links, and not the td anymore. But I don't want to do that right now. To display the tag panel all the time add this at the end of your code: .td1[width="125"], .td2[width="125"] {display: block;} Thanks, that fixes it for the meantime. |
More topics from this board
» [CSS - CLASSIC] Wishes of the heart ~ XXXholic layout by HahaidoShishio-kun - Dec 27, 2015 |
9 |
by tsyndi
»»
Yesterday, 9:23 PM |
|
» [BBCODE + VIDEO GUIDE] ⭐️ Full list of BBcodes and BBcode setups on MAL ( 1 2 3 4 )Shishio-kun - Feb 3, 2012 |
159 |
by RackOrRuin
»»
Yesterday, 10:48 AM |
|
» [CSS-MODERN] ⭐️ Takana_No_Hana's LayoutsShishio-kun - Jun 5, 2021 |
6 |
by NemuSanjou
»»
Apr 9, 7:21 PM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1204 |
by blickrella
»»
Apr 9, 4:55 PM |
|
» [MODERN - CSS] ⭐ Sailor Moon layout by 5cmShishio-kun - Sep 7, 2020 |
34 |
by Y3337
»»
Mar 31, 11:45 PM |