| Your gif is way too big man, it takes ages to open your list. Did you try only animating the fire so the gif is smaller? You can just add it on your wallpaper as another layer in your list. |
SatiriquesDec 31, 2014 4:12 PM
 |
Satiriques said: Your gif is way too big man, it takes ages to open your list. Did you try only animating the fire so the gif is smaller? You can just add it on your wallpaper as another layer in your list. No. I haven't, because the gif picture itself is not tranparent, which will result black background. :D And thanks for the idea anyway. And ya the GIF is way too big. I Got a new idea to my list. Happy new year! |
| Huehuehue |
| What's the code for shared anime ? I want to remove it . Tried a[href='/sharedanime.php'] a[href='/sharedanime.php?u1=&u2='] Am idiot D: Thanks . Happy new year ! |
Soochi said: What's the code for shared anime ? I want to remove it . Tried a[href='/sharedanime.php'] a[href='/sharedanime.php?u1=&u2='] Am idiot D: Thanks . Happy new year ! If you mean you want to make your list public instead of Private? Go to Edit -> My List settings -> Public or Privat -> Public (enable) Can someone give me a new code to have 2 backgrounds, instead of them being attached? |
| Huehuehue |
wenuchiha said: Soochi said: What's the code for shared anime ? I want to remove it . Tried a[href='/sharedanime.php'] a[href='/sharedanime.php?u1=&u2='] Am idiot D: Thanks . Happy new year ! If you mean you want to make your list public instead of Private? Go to Edit -> My List settings -> Public or Privat -> Public (enable) Can someone give me a new code to have 2 backgrounds, instead of them being attached? No , not that . Anyway thanks . And for additional wallpapers u can use #inlinecontent : #inlineContent { background: url ( ) !important; display: !important; height: !important; left: !important; margin: auto !important; position: !important; right: !important; top: !important; width: !important; z-index: !important;} Customize it how u need it . If you want more u can use #list_surround:before { and #list_surround:after { Same , customize it with top , height , width , index etc. #list_surround:before { pointer-events: none; position: ; display: ; content: ''; margin-left: ; margin-top: ; width: ; height: ; background: url( ); z-index: ; } |
| @Soochi: Looks like #mal_cs_otherlinks div:last-of-type a:first-of-type{ color: silver !important; background: red !important; } got that from the top bar topic, most all the codes for those parts are in there: http://myanimelist.net/forum/?topicid=397331 @wenuchiha: I just updated the multiple backgrounds topic yesterday, there are premade codes for many multiple backgrounds in there already. |
| @Soochi: Thank you! @Shishio-kun: I checked your update, with multiply background, but it seems the background blocks the other ones. |
| Huehuehue |
| Your image link is dead on your list. As I said in the topic, the images in front of the others needs to be transparent in some way and needs background color to be transparent. You could also combine it with the opacity tutorial to make an image see through. Same with soochi's code which is roughly the same idea |
Shishio-kunJan 1, 2015 5:29 AM
| @Shishio - Thanks ! It worked @wenuchiha - You're welcome . Hope it helped |
| @soochi: yeah and all the other selectors are in the links on that page, usually separated by color and look different when logged in and out and on another account but you probably know that |
Shishio-kun said: Your image link is dead on your list. As I said in the topic, the images in front of the others needs to be transparent in some way and needs background color to be transparent. You could also combine it with the opacity tutorial to make an image see through. Same with soochi's code which is roughly the same idea It worked. I copied your second code. which used body instead of inlinecontent. It was your link who was dead. :) And thank you guys again!! I Appriciate it! |
| Huehuehue |
| @Shishio - Yep @wenuchiha - Just ask , i sux at css tho xD |
| Oh alright weird, they removed my Rei Ayanami render last night for some reason not sure why it didn't even have nudity or anything |
| Hello! Hahaido made an Akame list, and it's background changed into an Esdeath. I don't know how can i fix it or if it's just change / day. Can you help me? |
| You just copied his import right ? If so , if he changes the background yours changes too . Fix : import urself and use the background u want . |
| No, i got it from here : http://hl.cloudvent.net/ It's his website. It's the last one. I copied that and it's an Esdeath |
| As you see there : /* THEMES */ /*@import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Akame/Akame.css);*/ /* AKAME */ @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Akame/Esdese.css); /* ESDESE */ Just disable Edese and enable Akame : /* THEMES */ @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Akame/Akame.css); /* AKAME */ /*@import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Akame/Esdese.css);*/ /* ESDESE */ PS . Cool layouts , Hahaido . |
| Thank you! I have one more problem, the pictures aren't in the poster. Do you know how to fix it? |
| Go to : .hide:before { and add : margin-left: -15px; margin-top: -73px; |
Senior_Tybor said: Thank you! I have one more problem, the pictures aren't in the poster. Do you know how to fix it? MAL removes the margin codes from your hide:before near the top when they're in that code for some reason, so you can add this to very very bottom in its own set: .hide:before { margin-left: -15px; margin-top: -73px; } |
| Thank you! :D You are awesome guys :) |
| hmm i have a question Why is my about me picture is not showing up? The link is the one showing up and not the picture -_- I do the step by step on ur video on youtube BTW the pic is not splited its an entire image . |
 |
JetAnime07 said: hmm i have a question Why is my about me picture is not showing up? The link is the one showing up and not the picture -_- I do the step by step on ur video on youtube BTW the pic is not splited its an entire image . Lets see: You used the wrong link from Photobucket and not the direct link. I'm pretty sure I said in the video to use the direct link. If you use the direct link and put that in between the IMG tags instead of the HTML one, you get the actual pic (the first one) and not like what you have now. Putting the wrong link in between IMG tags doesn't show a pic |
Shishio-kunJan 1, 2015 10:00 AM
Shishio-kun said: JetAnime07 said: hmm i have a question Why is my about me picture is not showing up? The link is the one showing up and not the picture -_- I do the step by step on ur video on youtube BTW the pic is not splited its an entire image . Lets see: You used the wrong link from Photobucket and not the direct link. I'm pretty sure I said in the video to use the direct link. If you use the direct link and put that in between the IMG tags instead of the HTML one, you get the actual pic (the first one) and not like what you have now. Putting the wrong link in between IMG tags doesn't show a pic DONE! THANK YOU ! Im using android so i cant tell if its the right link. |
|
| http://myanimelist.net/animelist/wenuchiha How can I make my "wall" slide down? It seems the wall is more zoomed than the original. How do I fix that? For the original wallpaper: Intro |
wenuchihaJan 2, 2015 2:03 AM
| Huehuehue |
wenuchiha said: http://myanimelist.net/animelist/wenuchiha How can I make my "wall" slide down? It seems the wall is more zoomed than the original. How do I fix that? For the original wallpaper: Intro OK, first of all, you really need to clean up your code- the layout inspector is saying you have a lot of imports doubling in there. You only need one import of each and you can end it with {} so it stops doubling every time you save your CSS. And you have at least one line in there that say "Read more at..." these lines can interrupt the codes below them and should always be removed. Fixing all this will make it more convenient to inspect/fix your CSS. Finally for future questions try to separate your questions and examples a little better. You post two questions both about "walls", but you don't specify which wall on your layout you're talking about. Always make things crystal clear as possible to makes things easier on ppl trying to help you, don't use ambiguous terms. And then you have the examples after, but it appears the first example applies to your second question and second example applies to your first question- since the second example has a horizontally sliding wall but you're asking in the first question how to make a wall slide down. Most times people post the example code following the question it applies to. But it looks like question 1 applies to example 2 and question 2 applies to example 1, so- I think it'd be easier to use top instead of background position to make that wall slide down: Sliding down wall only coded for currently watching btw On the second question, it seems you're talking about the wall in body:after since you mentioned original and original wallpaper and stuff- but they look similar to me and without comparison shots its harder to see the zoom you're talking about, but I guess you could try messing with the background size codes, you can make them "cover" or "contain" or a percentage. Or you could mess around with the background position codes if you want them to reorder the wall too with certain background size settings. Like if you're not seeing the whole background code, set it to left and it will start from the left side. Keep in mind too that backgrounds look different on all resolutions, even when you use background-size codes cuz of image quality. |
Shishio-kunJan 2, 2015 6:58 AM
| Thank you very much and Sorry for not being specific. _:(´□`」 ∠):_ I apologize! I fixed all the problems except for the double import of each dropbox code. I don't know where to place the { } ? |
| Huehuehue |
wenuchiha said: Thank you very much and Sorry for not being specific. _:(´□`」 ∠):_ I apologize! I fixed all the problems except for the double import of each dropbox code. I don't know where to place the { } ? |
SatiriquesJan 2, 2015 2:16 PM
|
| Hello :D Thanks to your club I managed to make a nice looking profile :D Unfortunetaly when I tried to upgrade it a bit it gets... weird It has 6 pieces and steam button should be clickable but even without link it's broken. It should look like this: And it looks like this: I don't know why is this happening xD |
JustTea_ThankYouJan 3, 2015 8:47 AM
| @Scorpio: Post links to all the parts, especially the two parts at the bottom |
| Ok ^^ |
_Scorpio said: Ok ^^ Your top image width is 439px and your bottom part is 640px |
|
Satiriques said: Your top image width is 439px and your bottom part is 640px Och.. but how is this possible D: I chopped them in one time with gimp. They can rescale automativaly or what xD |
_Scorpio said: some picture hosts do that sometimes :-PSatiriques said: Your top image width is 439px and your bottom part is 640px Och.. but how is this possible D: I chopped them in one time with gimp. They can rescale automativaly or what xD |
         |
_Scorpio said: Satiriques said: Your top image width is 439px and your bottom part is 640px Och.. but how is this possible D: I chopped them in one time with gimp. They can rescale automativaly or what xD I chopped a test profile graphic with Gimp and one of the pieces was resized, but when I pasted them a second time they weren't resized (so weird) so maybe repaste them or upload them to Imgur to see if that fixes them. Maybe adding [/center] to the top also will keep them from being resized, but do the other stuff first |
Oiomi-chan said: _Scorpio said: some picture hosts do that sometimes :-POch.. but how is this possible D: I chopped them in one time with gimp. They can rescale automativaly or what xD Shishio-kun said: _Scorpio said: Och.. but how is this possible D: I chopped them in one time with gimp. They can rescale automativaly or what xD I chopped a test profile graphic with Gimp and one of the pieces was resized, but when I pasted them a second time they weren't resized (so weird) so maybe repaste them or upload them to Imgur to see if that fixes them. Maybe adding [/center] to the top also will keep them from being resized, but do the other stuff first Yup I uploaded it to Imgur and now it's correct! Thank you for your help guys! Now I can be happy from my badly made profile xD I will use Imgur from now ;P |
| Does anyone know how to remove the text or replace it with the exact style for this? I really want to get this to fit with the manga list so I need the text to say 'reading', 'all manga', etc. I want to keep the same background though but just replace the text. |
 |
AyumeLove said: When will the reconstruction be done? I'm sorry if someone asked already but I really don't have the time to search through over 100 pages of posts. Are you talking about this page? http://myanimelist.net/forum/?topicid=318587 Before yesterday, it still had all the thumbnails (images) which you could click and then go to a layout, but a third or so of the codes were missing after Dropbox crashed after the September hacking here on MAL. By "reconstruction" earlier this week I meant I was rearranging the order of the thumbnails and restoring those missing source codes earlier this week. But yesterday, MAL was broken or hacked again, and now nearly all the thumbnail images are gone on the entire site (except for lists and avatars). You can read more about it on the front page: http://myanimelist.net/clubs.php?cid=19736 So images won't be seen in that topic until they fix the image problem, and then you can view and take about 2/3 of the layouts again, and I can start working on it again, and restore it back to 100%. Just trying to explain the missing images have nothing to do with me and what I was doing before, I'll have to update the topic to make it clear why pics are gone |
| Hey there :) I tried using Shishio-kun's version of the square layout. I changed the background to my liking and I wanted to know how to fix a couple of things: 1) I know where the colors of the categories are(the currently watching etc) but I can't figure out what two colors work best for this background. 2) That same bar of the completed, dropped etc is not in the middle in my computer and I want it to be. Where is the code for this bar located? 3) the box that tells you how much animes from TV, OVA, Movies you've seen, I wanted to be in the center if it's the only box in the line(I don't know if it's possible in CSS though) If you can assist me in those that'll be great. This is the code to my list: and this is the link Thanks in advance. |
 |
| OK I know this is a stupid question and I'm probably overlooking something obvious but when I choose a list layout from the donated lists section and uploaded it this happened (in spoiler) Everything is overlapping. The only computer I have readily available is my netbook and it's resolution is so rarely used anything that isn't formatted for any resolution will get either cut off or squished. My resolution is 1024 x 600 px So anyways is there anyway to rearrange everything so that they don't overlap. Edit: If I can move the category links down a bit and the list itself a bit to the left then I should be able to fix it |
AyumeLoveJan 10, 2015 11:54 AM
| [center]Me: [center]Clubs I'm In: |
AyumeLove said: OK I know this is a stupid question and I'm probably overlooking something obvious but when I choose a list layout from the donated lists section and uploaded it this happened (in spoiler) Everything is overlapping. The only computer I have readily available is my netbook and it's resolution is so rarely used anything that isn't formatted for any resolution will get either cut off or squished. My resolution is 1024 x 600 px So anyways is there anyway to rearrange everything so that they don't overlap. Edit: If I can move the category links down a bit and the list itself a bit to the left then I should be able to fix it In #list_surround replace the code you have by this: You could do that, or reduce the width of the list and/or reduce the size of the category links with with any picture editing software. I suppose that will do though. |
SatiriquesJan 10, 2015 1:05 PM
|
AyumeLove said: OK I know this is a stupid question and I'm probably overlooking something obvious but when I choose a list layout from the donated lists section and uploaded it this happened (in spoiler) Everything is overlapping. The only computer I have readily available is my netbook and it's resolution is so rarely used anything that isn't formatted for any resolution will get either cut off or squished. My resolution is 1024 x 600 px So anyways is there anyway to rearrange everything so that they don't overlap. Edit: If I can move the category links down a bit and the list itself a bit to the left then I should be able to fix it You can move the list to the left or right with the left/right codes under #list_surround { width: 650px; position: absolute !important; margin: auto !important; right: 0px !important; left: 0px !important; margin-top: 10% !important; } near the top of the code, just add to the left amount to move the list away from the category menu (like make it left: 200px !important;). You have to save the changes when done of course Similarly, you can move all the category links down or up with the top codes under .status_selected:first-of-type, .status_not_selected:first-of-type and the following sets of codes with top too that also say "status selected" in them. Btw that layout is supposed to have a icon style top bar which is compact and won't get overlapped by the category links. But the import codes used for them are some of the dead dropbox links I mentioned earlier. You can change use the codes on this page to get one of those top bars, no previews tho while MAL is broken: http://myanimelist.net/forum/?topicid=449097 And if you don't want to use All Anime on your list you can remove it with .status_selected:nth-of-type(6), .status_not_selected:nth-of-type(6) { display: none !important; } That would free up some space |
Satiriques said: AyumeLove said: OK I know this is a stupid question and I'm probably overlooking something obvious but when I choose a list layout from the donated lists section and uploaded it this happened (in spoiler) Everything is overlapping. The only computer I have readily available is my netbook and it's resolution is so rarely used anything that isn't formatted for any resolution will get either cut off or squished. My resolution is 1024 x 600 px So anyways is there anyway to rearrange everything so that they don't overlap. Edit: If I can move the category links down a bit and the list itself a bit to the left then I should be able to fix it In #list_surround replace the code you have by this: OK tried what you said, exactly the same as before. Not trying to be rude but it still overlaps I've been trying to use the inspect element but no such luck I have no idea what I'm doing but I can't properly edit my list without this fixed. |
| [center]Me: [center]Clubs I'm In: |
AyumeLove said: Satiriques said: In #list_surround replace the code you have by this: OK tried what you said, exactly the same as before. Not trying to be rude but it still overlaps I've been trying to use the inspect element but no such luck I have no idea what I'm doing but I can't properly edit my list without this fixed. You talking about the category links? Yeah I didn't notice it when I did my post. Just read what shishio posted. I only fixed the part where to list was overlapping with the category links. |
|
Shishio-kun said: AyumeLove said: OK I know this is a stupid question and I'm probably overlooking something obvious but when I choose a list layout from the donated lists section and uploaded it this happened (in spoiler) Everything is overlapping. The only computer I have readily available is my netbook and it's resolution is so rarely used anything that isn't formatted for any resolution will get either cut off or squished. My resolution is 1024 x 600 px So anyways is there anyway to rearrange everything so that they don't overlap. Edit: If I can move the category links down a bit and the list itself a bit to the left then I should be able to fix it You can move the list to the left or right with the left/right codes under #list_surround { width: 650px; position: absolute !important; margin: auto !important; right: 0px !important; left: 0px !important; margin-top: 10% !important; } near the top of the code, just add to the left amount to move the list away from the category menu (like make it left: 200px !important;). You have to save the changes when done of course Similarly, you can move all the category links down or up with the top codes under .status_selected:first-of-type, .status_not_selected:first-of-type and the following sets of codes with top too that also say "status selected" in them. Btw that layout is supposed to have a icon style top bar which is compact and won't get overlapped by the category links. But the import codes used for them are some of the dead dropbox links I mentioned earlier. You can change use the codes on this page to get one of those top bars, no previews tho while MAL is broken: http://myanimelist.net/forum/?topicid=449097 And if you don't want to use All Anime on your list you can remove it with .status_selected:nth-of-type(6), .status_not_selected:nth-of-type(6) { display: none !important; } That would free up some space Thanks for all your help. The positioning is working perfectly now. But the broken covers look awkward. (Why do hackers have to ruin all my fun) What part of the code is the covers in? my computer can't render covers anyways and it's a pain having to fix them. heres the code (in spoilers) Also the hacker comes back every couple hours so I wouldn't recommend fixing your links until the MAL admins solve the hacker problem. Otherwise you will just waste several hours of work. Just a bit of friendly advice. I noticed that right after getting the invalid message id thing stuff gets screw up. I'm backing up all my posts until this is fixed. |
AyumeLoveJan 10, 2015 1:54 PM
| [center]Me: [center]Clubs I'm In: |
AyumeLove said: Thanks for all your help. The positioning is working perfectly now. But the broken covers look awkward. (Why do hackers have to ruin all my fun) What part of the code is the covers in? my computer can't render covers anyways and it's a pain having to fix them. If you dont want covers remove the "hover hide" code and its parts from the bottom, also that line at the bottom "read more...". You can also completely remove the two lines with dropbox in them at the top, those links are dead I wouldn't recommend fixing your links until the MAL admins solve the hacker problem. Otherwise you will just waste several hours of work. Just a bit of friendly advice. I noticed that right after getting the invalid message id thing stuff gets screw up. I'm backing up all my posts until this is fixed. Yeah thanks, I already edit my big posts in a separate place which makes it easier for me then save them to word docs, just in case it doesn't post |
| Hi guys, still mucking around with my css - I have no idea what I'm doing really but I've come up with something I don't mind too much. 1) How can I remove the red line running down the left of my tables? 2) How can I add some extra space underneath each line of text? (Note how there's a little more space above compared to below on each line) Thanks guys |
 |
More topics from this board
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1262 |
by Shishio-kun
»»
Yesterday, 4:35 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
382 |
by Shishio-kun
»»
Yesterday, 4:29 AM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
57 |
by Shishio-kun
»»
Yesterday, 4:27 AM |
|
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
31 |
by Shishio-kun
»»
Yesterday, 4:14 AM |
|
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |