Stark700 said: Satiriques said: You have this in your code: but your link is down: https://dl.dropboxusercontent.com/u/239748463/MANGA%20LIST/Monogatari3.css I see. Do you happen to know a way to fix the link? Unless you know who hosted it, not really. Next time, make sure you either copy the code directly or use you own cloud to store it (dropbox or google drive) so this doesn't happen again. |
 |
| Domo Shishio-kun This is my first time asking a questions, usually I like to find out myself :D but this time, its a bit difficult. I've like to know about if it's possible to have a video as a wallpaper(CSS)? cuz GIF pciture is only low pixels... |
| Huehuehue |
| Not sure if you can insert a video into a background code or something, but you can use Youtube CSS tutorial, expand it to full size and lower the z-index to -1 so it sits in the background and make the size 100% height/width, fixed position, and left/top set to 0. You would need a high quality video to not look pixelated for even a small desktop screen. |
Satiriques said: Hmm, it works fine for me? Preview: Code: I assume you erased something by accident. Seems like I'm too stupid to copy paste lol. Tried to change css and use yours afterward. Same problem occurs =/ Can't find anything related to covers in my settings. The code I copy pasted: |
Shishio-kun said: Not sure if you can insert a video into a background code or something, but you can use Youtube CSS tutorial, expand it to full size and lower the z-index to -1 so it sits in the background and make the size 100% height/width, fixed position, and left/top set to 0. You would need a high quality video to not look pixelated for even a small desktop screen. Thank you very much for the idea! It seems the problem now is, How do I do that :D I searched everywhere, but could not find any traces on how to input them into my css code. |
| Huehuehue |
| top of front page -> index -> css tutorials (not layouts) -> find youtube tutorial |
How do I make the second background transparent/opacity? Do you know how to lowering the speed of the GIF? The tips u gave me with z-index: -1; top left set to 0 and background position set to fixed. Can't figure it out how to put it in with my current code. |
wenuchihaDec 31, 2014 6:24 AM
| Huehuehue |
wenuchiha said: as far as i know both has to be done in a photo editor, #2 definitely has to be done there.How do I make the second background transparent/opacity? Do you know how to lowering the speed of the GIF? The tips u gave me with z-index: -1; top left set to 0 and background position set to fixed. Can't figure it out how to put it in with my current code. |
         |
wenuchiha said: How do I make the second background transparent/opacity? Do you know how to lowering the speed of the GIF? The tips u gave me with z-index: -1; top left set to 0 and background position set to fixed. Can't figure it out how to put it in with my current code. Where is the Youtube video you're going to add it to; can't click more button with that setup anyways |
Oiomi-chan said: wenuchiha said: as far as i know both has to be done in a photo editor, #2 definitely has to be done there.How do I make the second background transparent/opacity? Do you know how to lowering the speed of the GIF? The tips u gave me with z-index: -1; top left set to 0 and background position set to fixed. Can't figure it out how to put it in with my current code. I'm pretty sure, there is code for that as well, but the picture im currently working on is a GIF. :s (Never worked with GIF in photo editor) Thnks anyway ! Shishio-kun said: wenuchiha said: How do I make the second background transparent/opacity? Do you know how to lowering the speed of the GIF? The tips u gave me with z-index: -1; top left set to 0 and background position set to fixed. Can't figure it out how to put it in with my current code. Where is the Youtube video you're going to add it to; can't click more button with that setup anyways Sorry Shishio, I forgot to tell you, I went from youtube video to GIF. Since you can't have autoplay on. Check my animelist http://myanimelist.net/animelist/wenuchiha and you would understand. Currently my problem is I cant stretch it, without cropping my picture... |
| Huehuehue |
| 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 |
More topics from this board
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
51 |
by Shishio-kun
»»
8 hours ago |
|
» ✳️ Amazing new colorful layout for your list: Guchuko!Shishio-kun - Oct 14 |
3 |
by Mocha
»»
Oct 16, 6:27 PM |
|
» [CSS- MODERN] ⭐ Minimal Dashboard layout by 5cm ~ Compact and convenient! ( 1 2 3 )Shishio-kun - Sep 4, 2020 |
131 |
by Shishio-kun
»»
Oct 14, 11:55 AM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1232 |
by sunnysummerday
»»
Oct 14, 9:37 AM |
|
» [CSS - Modern] ⭐️ Brink by V.L -- Cover-style theme! ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Mar 16, 2019 |
435 |
by slayra
»»
Oct 12, 4:04 AM |