LordSilen said: Asilva said: Well ... just wanted to ask something. Does anyone know how to make these kinds of borders for the images ?? Sample bellow. Looks like they were custom made for those images specifically. Both modeled after the Thousand Sunny. You could probably make something like this using various pictures/screenshots and cutting out the parts you want and piecing them together to make the border, which requires some photoshop skill. Or the best way is to make them yourself via drawing, coloring, and making it pretty, but that is also the hardest. Usually a familiar and recognizable pattern is suitable for a border. Something That stands out and frames the central image well. Like the gold around Sunnys lion head, using One Piece as an example. Another example I found : http://fc00.deviantart.net/fs70/f/2010/117/6/1/Monkey_D_Luffy_by_AlexXTM.swf I thought this was a pretty cool border. Doesn't need to be a swf though, lol. I hope this helps Hummm ... I was kinda trying to find someone who could help me with that :) But thaks or the tips :) |
| I was wondering how to add your recent updates and Anime compatibility on your list now? I've seen a few like that and i've been dying to know! |
| Duhuhu... |
TyrantsEye said: I was wondering how to add your recent updates and Anime compatibility on your list now? I've seen a few like that and i've been dying to know! Can you link me to a list that has the recent updates and anime compatibility on it? |
| I saw one here http://myanimelist.net/animelist/Moronicidiot and another one somewhere else but I can't remember who's list it was :( |
| Duhuhu... |
TyrantsEye said: I saw one here http://myanimelist.net/animelist/Moronicidiot and another one somewhere else but I can't remember who's list it was :( Oh I can't tell you how to do that but I'm pretty sure there's no CSS code you can add for that because updates aren't on your list page by default. I think he generates the text through a script on the website he imports the CSS on and its added to content codes on his layout. If you want the feature best I can tell you is he might be able to give you the script which you'd host, or an import link to it that you can use which will put the updates in content codes somewhere on your list without the Minimalistic design.. or you can just take the import he posted in the layout for that in this club (its in premade layouts) and customize over it with your own CSS. edit: Oh and someone here might be able to create such a imported script for you, ask in our request topic or feedback topic as a feature you'd want, and try ask in English speaking affiliate clubs too. |
Shishio-kunNov 30, 2012 10:29 PM
| I got a quesh. How do you change the width of the tags section column in your list? |
tommy73 said: I got a quesh. How do you change the width of the tags section column in your list? #list_surround .table_header[width="125"], #list_surround .td1[width="125"], #list_surround .td2[width="125"] {width: 250px !important;} |
| When I click the category button "Plan to Watch" it shows me all anime instead of only my plan to watch list. I didn't notice earlier so it might have been like that for a while and I can't find out what change was responsible for that. Does anybody have an idea? |
 |
Lirina said: When I click the category button "Plan to Watch" it shows me all anime instead of only my plan to watch list. I didn't notice earlier so it might have been like that for a while and I can't find out what change was responsible for that. Does anybody have an idea? Plan to watch button is pushed all the way off the page because it inherited the movement code from td:nth_type(5) or something like that; and All Anime button inherited its image too since display:none wasn't high enough a priority (it needed !important code). I made some adjustments to those two buttons here, you just have to replace them in your CSS. You'll still have to make adjustments after to its positioning and probably to its background image but at least this brings the planned button back into view and kills off the all button. Let me know here if it works out! #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background: url("http://image-upload.de/image/to6cVs/15376364cf.png") no-repeat scroll 0 0 transparent !important; display: inline !important; left: 725px !important; top: 185px !important; width: 276px !important; height: 59px !important; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected { background: url("http://i21.photobucket.com/albums/b298/LudvigP/allanime1.png") no-repeat scroll 0 0 transparent; display: none !important; padding-bottom: 30px; top: 700px; } |
Shishio-kun said: Plan to watch button is pushed all the way off the page because it inherited the movement code from td:nth_type(5) or something like that; and All Anime button inherited its image too since display:none wasn't high enough a priority (it needed !important code). I made some adjustments to those two buttons here, you just have to replace them in your CSS. You'll still have to make adjustments after to its positioning and probably to its background image but at least this brings the planned button back into view and kills off the all button. Let me know here if it works out! Yes, it worked! As you said I had to made some small adjustments but nothing worth mentioning. Thank you! |
|
Azunyan55 said: Hi i need a LOT of help Dx So this is what i have so far for my profile layout 2 of the images are suppossed to be gifs, but i saved this one as jpeg. I tried to do slicing but it didnt work very well. The hearts on the right top saying "Cards, Anime, Manga, and Faves" are to be linked to my Cards Collection, My anime list, and my manga list, dont have a link for my faves yet. If anyone would be willing to finish making this for me, i could give you all the details for my theme and such(?) Please~~ and Thankyou!!~~ :3 I havent got any reply for this is it okay to repost? plus i have trouble with slicing ^.^'' |
 |
Azunyan55 said: Azunyan55 said: Hi i need a LOT of help Dx So this is what i have so far for my profile layout 2 of the images are suppossed to be gifs, but i saved this one as jpeg. I tried to do slicing but it didnt work very well. The hearts on the right top saying "Cards, Anime, Manga, and Faves" are to be linked to my Cards Collection, My anime list, and my manga list, dont have a link for my faves yet. If anyone would be willing to finish making this for me, i could give you all the details for my theme and such(?) Please~~ and Thankyou!!~~ :3 I havent got any reply for this is it okay to repost? plus i have trouble with slicing ^.^'' idc if you repost it however its more of a request thing and you'd probably get a better response in the request topic and its more way visible there for a whole month, then you can just repost it after. Btw your request should be a little more clear from the top and address one thing at a time, like this: 1. I need someone to slice these images out: etc 2. once they're sliced I need the images uploaded etc.. 3. once you have the uploaded images I need you to make a BBcode and add these links to these pics etc etc... If someone can just do the FIRST of these steps, I'd be grateful! Thats a lot more clear and probably would increase chances someone will take time to at least slice it which can be difficult to get right even when you know how. The rest seems like things you can do on your own if you take the time to learn the BBcode tutorials, and when you have the sliced parts, you can post them one pic at a time and add the links to them one a time to make sure its going right. When something goes wrong you can go back or post the code here (there's a tutorial on how to post BBcode for others to see as well). And someone does do the first step for you, you can ask for the other steps later. |
| hello ! :) hello i need some help about : dvd cover will show when i hover the cursor in the anime link , the links given in the tutorials are somehow redirected me to the MAL main forum directory , thanks i'm still new here and i'm still not used in this environment , :) |
The_CoreDec 6, 2012 9:49 PM
Shishio-kun said: Azunyan55 said: Azunyan55 said: Hi i need a LOT of help Dx So this is what i have so far for my profile layout 2 of the images are suppossed to be gifs, but i saved this one as jpeg. I tried to do slicing but it didnt work very well. The hearts on the right top saying "Cards, Anime, Manga, and Faves" are to be linked to my Cards Collection, My anime list, and my manga list, dont have a link for my faves yet. If anyone would be willing to finish making this for me, i could give you all the details for my theme and such(?) Please~~ and Thankyou!!~~ :3 I havent got any reply for this is it okay to repost? plus i have trouble with slicing ^.^'' idc if you repost it however its more of a request thing and you'd probably get a better response in the request topic and its more way visible there for a whole month, then you can just repost it after. Btw your request should be a little more clear from the top and address one thing at a time, like this: 1. I need someone to slice these images out: etc 2. once they're sliced I need the images uploaded etc.. 3. once you have the uploaded images I need you to make a BBcode and add these links to these pics etc etc... If someone can just do the FIRST of these steps, I'd be grateful! Thats a lot more clear and probably would increase chances someone will take time to at least slice it which can be difficult to get right even when you know how. The rest seems like things you can do on your own if you take the time to learn the BBcode tutorials, and when you have the sliced parts, you can post them one pic at a time and add the links to them one a time to make sure its going right. When something goes wrong you can go back or post the code here (there's a tutorial on how to post BBcode for others to see as well). And someone does do the first step for you, you can ask for the other steps later. Ah okay well I actually decided to start over lol I wasn't satisfied with that design but yeah i shall do that for the slicing which is what I had trouble with. Thankyou for your help :) ~ |
|
| I got two different main imports for my anime list layout, one for stuff like phone screens below 1000px and the other for screens above 1000px. I've tried to put the imports in so they go to their respective ranges with this CSS but it doesn't seem to work. It won't put the second on my computer screen as its intended. How do I need to order it so it works: |
| @Shishio-kun @import can only be preceded by another @import or nothing so you can't put imports into @media, but the syntax of @import targeting is pretty much the same, so this should do what you're trying to: @import "http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/2Computer.css" all and (min-device-width:1000px); |
 |
VeriTi said: @Shishio-kun @import can only be preceded by another @import or nothing so you can't put imports into @media, but the syntax of @import targeting is pretty much the same, so this should do what you're trying to: <pre>@import "http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/2Computer.css" all and (min-device-width:1000px); Worked perfectly! Thanks. Anyone can look at my CSS with Firebug and see how its set up to use one CSS for smaller screens and the other for larger screens. |
 What are/how can I fix these breaks which come up in Chrome? |
VeriTi said: @Shishio-kun I was going to use this construction in my layout: @import url("…") screen, print, tv; /* for all*/ @import url("…") handheld; /* for phones */ Sorry but I tried this and no imports seemed to take affect at all. Not sure what I did wrong- I set it up something like this: @import url("http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/Main.css") screen, print, tv; /* for all*/ @import url("http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/Basic.css") handheld; /* for phones */ |
Shishio-kun said: Sorry but I tried this and no imports seemed to take affect at all. Not sure what I did wrong- I set it up something like this: @import url("http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/Main.css") screen, print, tv; /* for all*/ @import url("http://dl.dropbox.com/u/78340470/Reviewer%20layoutX%20CSS/Basic.css") handheld; /* for phones */ Try to escape conditions in the @import directive and insert @media queries into importing file: |
 |
| I am having trouble with my list... :P Anime cover pictures are one box lover then they should be and they are covering numbers... Is there some way to move anime name and number a bit to the right instead of moving picture to the left, because then it will be out of frame... and also moving them one box up. I was suggested to try margin-top: -34px; but for some reason it doesn't want to save margins :P Thanks in advance. |
 |
Mladen said: I am having trouble with my list... :P Anime cover pictures are one box lover then they should be and they are covering numbers... Is there some way to move anime name and number a bit to the right instead of moving picture to the left, because then it will be out of frame... and also moving them one box up. I was suggested to try margin-top: -34px; but for some reason it doesn't want to save margins :P Thanks in advance. Your fixed code: |
|
| It didn't save margins again... it just moved anime tittle to the right, but everything else stayed the same :P Why doesn't it want to save the margins? :( Edit: Oh, and how do I remove that purple triangle when I hover over image? |
MladenDec 19, 2012 6:10 AM
|
Mladen said: It didn't save margins again... it just moved anime tittle to the right, but everything else stayed the same :P Why doesn't it want to save the margins? :( Edit: Oh, and how do I remove that purple triangle when I hover over image? Ok, try this one: |
|
| It works now, thanks a lot :D Numbers are covered though, but if it can't be fixed, it's fine ^^ |
|
Mladen said: It works now, thanks a lot :D Numbers are covered though, but if it can't be fixed, it's fine ^^ Somehow you got empty selector: .td1:first-child, .td2:first-child { } must be .td1:first-child, .td2:first-child { padding-left: 28px; } |
|
| It doesn't want to save it.... when I save it, it turns out empty :P Edit: Oh, I moved it to the end, and it saved it... for some reason it doesn't want to save it on the beginning of the code, only on the end.. weird xD Thanks a lot! ^^ |
|
| I have a problem with my list, and i dont know where to post this sorry.. Why the images are completely gone? (the list wasn't mine, someone gave me the script) Where can i replace the images? >.< http://myanimelist.net/animelist/Luka87XD |
Luka87XD said: I have a problem with my list, and i dont know where to post this sorry.. Why the images are completely gone? (the list wasn't mine, someone gave me the script) Where can i replace the images? >.< http://myanimelist.net/animelist/Luka87XD Looks like you used the channel layout, so you can copy the code from here to get at least some pictures. Even if they are not the same, it's better than nothing. |
|
| I changed the character render in my list but the new one is now stuck in the top left corner with half her head cropped out. Can someone please help me out? How would I centre her in the bottom half of the screen? http://myanimelist.net/animelist/Uncrowned |
| I have a question about my list. Is it possible to change the background color of the score column depending on the score? |
 |
Uncrowned said: I changed the character render in my list but the new one is now stuck in the top left corner with half her head cropped out. Can someone please help me out? How would I centre her in the bottom half of the screen? http://myanimelist.net/animelist/Uncrowned Just replace this code: |
|
Yandy said: I have a question about my list. Is it possible to change the background color of the score column depending on the score? No easy way known of atm. You can do it manually if you learned some of the advanced and expert level CSS tutorials in this club, but its still extremely tedious. Maybe someone will write a script that makes it simple but thats unlikely and asking a lot. |
Lirina said: Just replace this code: I changed the code, but she's still stuck top side at the moment... |
Uncrowned said: Lirina said: Just replace this code.. I changed the code, but she's still stuck top side at the moment... See the 0 before the 50% (highlighted in bold below)- change that 0 to 50% or something like that. btw in the notes above the code in your CSS it says you can change the position with those very numbers, so when you're customizing an premade layout check the notes you might find the answer there already. #inlineContent { background: url("http://i1326.photobucket.com/albums/u641/uncrowned1/73.png") no-repeat scroll 0 -50% transparent; display: inline!important; height: 100% !important; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 1200px !important; z-index: -1 !important; bottom: 0; } change it to this, changed part in red: #inlineContent { background: url("http://i1326.photobucket.com/albums/u641/uncrowned1/73.png") no-repeat scroll 50% -50% transparent; display: inline!important; height: 100% !important; left: 0 !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 1200px !important; z-index: -1 !important; bottom: 0; } |
Shishio-kun said: change it to this, changed part in red: 50% -50% transparent That centered it! thanks a lot! :D I'll do some trial and errors to try to bring it down now. brb if i can't figure it out by the end of the day. |
Kyouonee said: I'm posting this in regard of the request I made earlier.. I was pretty baffled it got deleted so fast without a reply, even though I made sure I followed the rules for requesting. But if this is of no matter to you, since I also doubt this is the correct thread for me to ask such a question, I assume I am the one at fault here? You can ask whatever you want in this topic. I don't remember yours and I don't reply to any request I delete, since like every day new requests get removed because: ppl don't add the red text making it clear they have one, or they're complaining about it not be taken fast enough, or say they can't install CSS but are asking for a layout anyways. Its not fair to make designers read every post seeing who has a request or not so I require the red text; also no one wants to read complaints in a request topic and its also not fair to designers you make a request when you don't know how to use so I try to make sure people know that from the first post. So it was probably one of those thing or broke some other general forum rule like advertising. You can repost but should keep your post to just the request and be sure you're clear on that stuff. |
| 1st question It is possible to have another image at the back of a DVD cover (a frame image)? 2nd question I have a right side menu for changing category pages. I want to ask if it is possible to enlarge and change the position of a category whenever you hover on that particular category. Here is my code for the right side menu: |
CompilerDec 29, 2012 6:57 PM
| A little advice if you want to get really help to your list, don't close it! Compiler said: 1st question It is possible to have another image at the back of a DVD cover (a frame image)? Yep. 2nd question I have a right side menu for changing category pages. I want to ask if it is possible to enlarge and change the position of a category whenever you hover on that particular category. Add to you menu code: /* Disables menu titles */ .status_not_selected a, .status_selected a { content: none !important; color: transparent !important; letter-spacing: -5px !important; } /* Enlarging animation */ .status_not_selected { transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: all .5s linear; -o-transition: all .5s linear; -moz-transition: all .5s linear; -webkit-transition: all .5s linear; } .status_not_selected:hover { z-index: 100; } /* Changing position */ .status_selected { top: 80px !important; right: 100px !important; z-index: 50; } /* End point of animation */ .status_not_selected:hover, .status_selected { transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); } |
HahaidoDec 29, 2012 10:29 PM
|
| @Hahaido Sorry for not making my list public. I was still editing it at that moment and it is messy so I made it private that time. But now it is public. About the " another image at the back of a DVD cover" thing, how do I do it? If you see my anime list (not yet finished and it is still not good in low resolution monitors), the DVD cover will appear on the big wanted poster image every time you hover over the thumbnail of the image. What I want is that the wanted poster will be only visible together with the DVD cover whenever I hover a particular thumbnail. About the "enlarging the category when hovering" thing, it did not work. Thanks for the help. |
CompilerDec 30, 2012 6:30 AM
| Help I'm having problem in this one http://myanimelist.net/forum/?topicid=465723 at step 4 at the last part after the new folder open there is no file...anyone help me? thanks in advance |
 |
| 2Compiler: Complete code for you: |
|
Shinx233 said: Help I'm having problem in this one http://myanimelist.net/forum/?topicid=465723 at step 4 at the last part after the new folder open there is no file...anyone help me? thanks in advance Replied in the topic http://myanimelist.net/forum/?topicid=465723#msg19170928 |
Shishio-kunDec 30, 2012 9:59 AM
Hahaido said: 2Compiler: Complete code for you: Thank you very much. |
Koolman511 said: Hello I need some help with this Paste into your CSS: |
|
| Not sure if it is the right spot to ask and if someone already asked the question , so forgive me >_< First this is my css code(Using it as animelist layout) I wanted to have small pics right next to the anime title and by holding your cursor on the row the pic pops up. Just like Compiler's list layout. I really like that feature. If possible could you put some notices where I have to put itor if possible how I can edit it, in regard to size of pics, cause I wanted to use it not only on that layout. Is there a way to add this feature to any layout? |
SylakentH_ said: Not sure if it is the right spot to ask and if someone already asked the question , so forgive me >_< First this is my css code(Using it as animelist layout) I wanted to have small pics right next to the anime title and by holding your cursor on the row the pic pops up. Just like Compiler's list layout. I really like that feature. If possible could you put some notices where I have to put itor if possible how I can edit it, in regard to size of pics, cause I wanted to use it not only on that layout. Is there a way to add this feature to any layout? Add this code to your css: This is the code I use so you have to customize it for your own list. Via margin-left and margin-top you can move the images to the right position. Furthermore add this code at the top of your css: Some anime will not have images, for that you have to learn how to generate your own code. If you look through the forum you'll find a tutorial. |
|
| @Lirina Thanks for the fast reply! I added the code but how can I push all the anime title to the right side? When I add the code iI'm able to change the position of the pics but first: No pics are there just empty fields( I added the "import" part to the top as you said) second: The pics are on the anime title, i wanted to have them next to the anime title just like you have on your list. When I put my cursor on the row but no pictures pop up, or rather the pictures pop up but in the row. by doing so the row itself dont change its height so you cant see anything D: EDIT Gonna keep the code, so you can see what I mean. |
More topics from this board
» [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 helpthreat - 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 FixesShishio-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 ListsYasminaRegina - Jul 25 |
2 |
by YasminaRegina
»»
Jul 26, 1:02 AM |