New
Feb 17, 2013 1:51 PM
#701
Feb 17, 2013 3:43 PM
#702
s3thus said: Shishio-kun said: s3thus said: thx for reply Shishio-kun. is there a way to remove "more" button from table since I want to keep menu button? Try this: #list_surround small a:last-of-type { display: none; } worked, thx a lot but now i need to remove "-" that was between Edit and More: ![]() visibility: hidden will hide it away. You don't wanna use display: none codes on these parts is fine on the last code I gave you. If you do get any weird dimensions with the titles change the display none to hidden visibility, shouldn't happen tho. td:nth-of-type(2) small { visibility: hidden; } a.List_LightBox, .animetitle + small { visibility: visible !important; } |
Feb 17, 2013 4:48 PM
#703
Umm. how do I get rid of the logout link without getting rid of the user profile link, and how do get rid of all the cs_otherlinks without getting rid of forum and export? and why does my cover shadow bg img refuse to center itself? Dx |
Feb 17, 2013 9:58 PM
#704
Hi, it's a long time since I posted this message, I'm just wondering what happened to the background image code in my list (bg of this character: http://myanimelist.net/character/36074/Erio_Touwa) Few months ago I checked, everything worked fine, that background was covered all columns but now it got separated, only the legs are shown in some part. Here's the link to my animelist: http://myanimelist.net/animelist/Takana_no_Hana |
Feb 17, 2013 11:07 PM
#705
Takana_no_Hana said: Hi, it's a long time since I posted this message, I'm just wondering what happened to the background image code in my list (bg of this character: http://myanimelist.net/character/36074/Erio_Touwa) Few months ago I checked, everything worked fine, that background was covered all columns but now it got separated, only the legs are shown in some part. Here's the link to my animelist: http://myanimelist.net/animelist/Takana_no_Hana Change no-repeat to repeat: .category_totals, .td1, .td2, #grand_totals, #copyright, .td3, .td4 { background: url("http://i537.photobucket.com/albums/ff335/VforVendetta19031992/Konachancom-124685sample-1.jpg?t=1343872587") repeat fixed left top transparent; } Not sure if thats what you wanted though, and it gets pretty messy as well. |
Feb 18, 2013 12:07 AM
#706
/* Username, Logout */ #mal\_cs_listinfo /* Username */ #mal\_cs_listinfo strong a #mal\_cs_listinfo div:first-of-type /* Logout*/ #mal\_cs_listinfo div:last-of-type #mal\_cs_listinfo div a[href*="logout"] /* Add to List, Home, Anime List, Manga List */ #mal\_cs_links /* Add to List */ #mal\_cs_links div a[href*="addtolist"] #mal\_cs_links div:first-of-type a:first-of-type /* Home */ #mal\_cs_links div:first-of-type a:last-of-type #mal\_cs_links div a[href$="http://myanimelist.net"] /* Anime List */ #mal\_cs_links div:last-of-type a:first-of-type #mal\_cs_links div a[href*="animelist"] /* Manga List */ #mal\_cs_links div:last-of-type a:last-of-type #mal\_cs_links div a[href*="mangalist"] /* History, Forum, Export, Log in, Create an Anime List, Learn more */ #mal\_cs_otherlinks /* History */ #mal\_cs_otherlinks div a[href*="history"] /* Forum */ #mal\_cs_otherlinks div a[href*="forum"] /* Export */ #mal\_cs_otherlinks div a[href*="export"] /* Log in */ #mal\_cs_otherlinks div a[href*="login"] /* Create an Anime List */ #mal\_cs_otherlinks div a[href*="register"] /* Learn more */ #mal\_cs_otherlinks div a[href*="faq"] So, if you want to disable some links use following code: /* Disables History, Forum, Export, Log in, Create an Anime List, Learn more. You can't enable links */ #mal\_cs_otherlinks { display: none; } /* Disables History, Forum, Export, Log in, Create an Anime List, Learn more. You can enable some links */ #mal\_cs_otherlinks { visibility: hidden; } /* To enable some links from disabled list */ #mal\_cs_otherlinks div a[href*="export"] { visibility: visible; } /* Enabling Export link */ |
Feb 18, 2013 1:34 AM
#707
Hahaido said: /* Username, Logout */ #mal_cs_listinfo /* Username */ #mal_cs_listinfo strong a #mal_cs_listinfo div:first-of-type /* Logout*/ #mal_cs_listinfo div:last-of-type #mal_cs_listinfo div a[href*="logout"] /* Add to List, Home, Anime List, Manga List */ #mal_cs_links /* Add to List */ #mal_cs_links div a[href*="addtolist"] #mal_cs_links div:first-of-type a:first-of-type /* Home */ #mal_cs_links div:first-of-type a:last-of-type #mal_cs_links div a[href$="http://myanimelist.net"] /* Anime List */ #mal_cs_links div:last-of-type a:first-of-type #mal_cs_links div a[href*="animelist"] /* Manga List */ #mal_cs_links div:last-of-type a:last-of-type #mal_cs_links div a[href*="mangalist"] /* History, Forum, Export, Log in, Create an Anime List, Learn more */ #mal_cs_otherlinks /* History */ #mal_cs_otherlinks div a[href*="history"] /* Forum */ #mal_cs_otherlinks div a[href*="forum"] /* Export */ #mal_cs_otherlinks div a[href*="export"] /* Log in */ #mal_cs_otherlinks div a[href*="login"] /* Create an Anime List */ #mal_cs_otherlinks div a[href*="register"] /* Learn more */ #mal_cs_otherlinks div a[href*="faq"] So, if you want to disable some links use following code: /* Disables History, Forum, Export, Log in, Create an Anime List, Learn more. You can't enable links */ #mal_cs_otherlinks { display: none; } /* Disables History, Forum, Export, Log in, Create an Anime List, Learn more. You can enable some links */ #mal_cs_otherlinks { visibility: hidden; } /* To enable some links from disabled list */ #mal_cs_otherlinks div a[href*="export"] { visibility: visible; } /* Enabling Export link */ YAY! thank you :D |
Feb 18, 2013 7:34 AM
#708
I'm quite a noob with CSS codes, so can anyone help me a little ??? In the following CSS code (http://myanimelist.net/mangalist/Monsterguy&status=7&order=4): /*********************************************************/ /* MAL Miku Style by b1o2r3i4s5 (2012) */ /* Special Thanks to Kyouhansha, al_exs, and Shishio-kun */ /*********************************************************/ /****************/ /* Icon top bar */ /****************/ @import "https://dl.dropbox.com/u/57348187/MAL/IconStyleCSSFixedwithCategoryTrans.css"; /*********************/ /* Manga Cover Image */ /*********************/ @import "https://dl-web.dropbox.com/get/Public/manga.css?w=AACGyv1eh2xujLgCdmUgXa3O1BrmWB7Vr2vSANRo3rWfrA"; /***************************************/ /* Background & Universal text Styling */ /***************************************/ body { background-image: url(https://dl.dropbox.com/s/wdzbfx5hi28c7jw/background.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position:right bottom; color: #fff; font-size: 14.20px; font-family: "Comic Sans MS", cursive, sans-serif; /*text-shadow: 2px 2px 6px #aaa;*/ } /*************/ /* List Area */ /*************/ #list_surround { margin-left:15px; margin-top:-60px; margin-bottom: 100px; width:800px; background: rgba(0, 0, 0, 0.6); /* Gradient Borders */ border: 20px solid transparent; -moz-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -o-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; } /****************************/ /* Highlights Rows on Hover */ /****************************/ table:hover tbody tr .td1, table:hover tbody tr .td2 { background-image:url(https://dl.dropbox.com/s/mh1xxfqpkpebxm8/hl2.png); background-size:100% 100%; } /* Highlight Image for First Column */ table:hover tbody tr .td1:first-of-type, table:hover tbody tr .td2:first-of-type {background-image:url(https://dl.dropbox.com/s/1brcvy03yoln0eu/hl3.png);} /* Highlight Image for Last Column */ table:hover tbody tr .td1:last-of-type, table:hover tbody tr .td2:last-of-type {background-image:url(https://dl.dropbox.com/s/p58vjxqufjitetw/hl4.png);} /* Cover Image */ table:hover+.hide { display:block !important; position:fixed; top:38px; left:830px; width:225px; height:350px; background-color: rgba(0, 0, 0, 0.6); border: 30px solid transparent; -moz-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -o-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; background-repeat: no-repeat; background-size: contain; } /* Preview text */ table:hover+.hide:before { content:"Preview a "; white-space: pre; display:block; font-weight: bold; padding: 3px; font-size: 18px; margin-top:-30px; background-color: green } /*****************/ /* Table Styling */ /*****************/ /* Table Header Styling */ .header_title { font-weight: bold; padding: 3px; text-align:center; font-size: 20px; /* Highlight Table Headers */ background-image:url(https://dl.dropbox.com/s/bogat6oa13f6iyl/hl.png); background-size:100% 100%; } /* Table cell Styling */ .td1, .td2, .table_header {padding: 2px 3px;} /* Links Styling */ a {color: #fff; text-decoration: none;} a:hover {text-decoration: underline;} /*************************/ /* Hides category totals */ /*************************/ .category_totals {display:none;} /********************/ /* Grand Total Area */ /********************/ #grand_totals { padding:3px; margin-bottom:20px; text-align:center; font-size:12px; /* Highlight Grand total Header */ background-image:url(https://dl.dropbox.com/s/bogat6oa13f6iyl/hl.png); background-size:100% 70%; background-position:center top; background-repeat:no-repeat; } /*Grand total Header*/ #grand_totals:before { content:"Grand Totals a "; white-space: pre; font-weight: bold; padding: 3px; text-align:center; font-size: 18px; } /******************/ /* Copyright Info */ /******************/ #copyright { padding:3px; font-size:12px; margin-bottom:5px; } /*****************/ /* Style Credits */ /*****************/ #copyright:before { content:"CSS Style created by b1o2r3i4s5 a Special Thanks to Kyouhansha, al_exs, and Shishio-kun a a"; white-space: pre; } I want to move "Tags" under the preview(cover images) !!! If it's possibile I want to ask you, to please tell me "how" - which codes should I use, and where ??? P.S.: Currently I'm using "Tags" for "Comments", so if there is a way to display both Tags and Comments I would appriciate it, as well. |
MonsterguyFeb 19, 2013 2:01 PM
Feb 18, 2013 8:17 AM
#709
"Shishio-kun" said: [...] visibility: hidden will hide it away. You don't wanna use display: none codes on these parts is fine on the last code I gave you. If you do get any weird dimensions with the titles change the display none to hidden visibility, shouldn't happen tho. td:nth-of-type(2) small { visibility: hidden; } a.List_LightBox, .animetitle + small { visibility: visible !important; } thank you a lot for your help ![]() |
Feb 19, 2013 8:47 AM
#710
does anyone know how to remove words that sites put on top of pictures to make it hard to use them? specifically this one ![]() also what's a good size for a background image for my list? |
clone4Feb 19, 2013 11:43 AM
Feb 19, 2013 2:05 PM
#711
clone4 said: does anyone know how to remove words that sites put on top of pictures to make it hard to use them? specifically this one ![]() also what's a good size for a background image for my list? You would use a photo editing software, such as Photoshop or GIMP. I did a quick, dirty try for you. ![]() Depends how you want to do it. I'd say 1920x? though. |
Feb 19, 2013 3:21 PM
#712
dperolio said: clone4 said: does anyone know how to remove words that sites put on top of pictures to make it hard to use them? specifically this one ![]() also what's a good size for a background image for my list? You would use a photo editing software, such as Photoshop or GIMP. I did a quick, dirty try for you. ![]() Depends how you want to do it. I'd say 1920x? though. Thank you so much! I really appreciate it. |
Feb 19, 2013 4:09 PM
#713
http://myanimelist.net/forum/?topicid=440525 about "Changing the background image of the list itself" part .category_totals, .td1, .td2, #grand_totals, #copyright { background: url("http://img696.imageshack.us/img696/6039/hellgirl.jpg") repeat fixed left top transparent !important; } I know the picture link is dead, but if you change the picture, it gets pretty messy, just wondering if there is anything wrong with the code? Not sure how to explain but try it. Several months ago the background on my list worked just fine, but couple of weeks ago when I checked back, it turned out to be a mess +_+. .category_totals, .td1, .td2, #grand_totals, #copyright, .td3, .td4 { background: url("http://i537.photobucket.com/albums/ff335/VforVendetta19031992/Konachancom-124685sample-1.jpg?t=1343872587") no-repeat fixed left top transparent; } Here's my previous code. |
Takana_no_HanaFeb 19, 2013 4:14 PM
Feb 20, 2013 11:51 AM
#714
Ok, what do I do to my css to get rid of the rated section on my list, and also what is the code to get the covers to show up beside the list, when you hover over the titles, instead of on the list? Thank you for your time. |
Feb 21, 2013 6:39 AM
#715
@clone4 To disable rated you go to list prefs and uncheck “rating”, no need to CSS there. |
![]() |
Feb 21, 2013 12:40 PM
#716
clone4 said: Ok, what do I do to my css to get rid of the rated section on my list, and also what is the code to get the covers to show up beside the list, when you hover over the titles, instead of on the list? Thank you for your time. Here, I found this CSS code to be usefull to me, but I don't know about you... 1. At the top of CSS code just copy and paste the following(only one !!!): - for manga list: /*********************/ /* Manga Cover Image */ /*********************/ @import "http://dl.dropbox.com/u/49469857/MAL/premade/manga.css"; - for anime list: /*********************/ /* Anime Cover Image */ /*********************/ @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; 2.At the bottom just copy and paste this: /* Cover Image */ :hover+.hide { display:block !important; position:fixed; top:180px; left:300px; width:225px; height:350px; background-color: rgba(0, 0, 0, 0.6); border: 30px solid transparent; -moz-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -o-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; background-repeat: no-repeat; background-size: contain; } /* Preview text */ :hover+.hide:before { content:"Preview a "; white-space: pre; display:block; font-weight: bold; padding: 3px; font-size: 18px; margin-top:-30px; background-color: blue } If you want to move or change the visual look (like moving the cover image to some other place, or something else) just change the parameters above(in the code), as you desire. I don't have much knowladge from CSS coding, but still I hope this helped, why codes I'm using are written very clearly, and all my respect goes to their designers... ;) |
MonsterguyFeb 25, 2013 5:15 PM
Feb 21, 2013 2:09 PM
#717
Monsterguy said: clone4 said: Ok, what do I do to my css to get rid of the rated section on my list, and also what is the code to get the covers to show up beside the list, when you hover over the titles, instead of on the list? Thank you for your time. Here, I found this CSS code to be usefull to me, but I don't know about you... 1. At the top of CSS code just copy and paste the following(only one !!!): - for manga list: /*********************/ /* Manga Cover Image */ /*********************/ @import "http://dl.dropbox.com/u/49469857/MAL/premade/manga.css"; - for anime list: /*********************/ /* Anime Cover Image */ /*********************/ @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css"; 2.At the bottom just copy and paste this: /* Cover Image */ :hover .hide { display:block !important; position:fixed; top:180px; left:300px; width:225px; height:350px; background-color: rgba(0, 0, 0, 0.6); border: 30px solid transparent; -moz-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -o-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; background-repeat: no-repeat; background-size: contain; } /* Preview text */ :hover .hide:before { content:"Preview a "; white-space: pre; display:block; font-weight: bold; padding: 3px; font-size: 18px; margin-top:-30px; background-color: blue } If you want to move or change the visual look (like moving the cover image to some other place, or something else) just change the parameters above(in the code), as you desire. I don't have much knowladge from CSS coding, but still I hope this helped, why codes I'm using are written very clearly, and all my respect goes to their designers... ;) I'm sorry that code isn't working, it shows the same preview for everyone and makes my list really slow, maybe there's something wrong with the rest of my code that interferes with it. |
Feb 21, 2013 5:37 PM
#718
Hi, I followed the steps in Shishio-kun's guide here and it turned out perfectly (of course), however I was wondering how I would now go about getting the DVD covers to appear like they do in this list design on my anime list? I think it looks a lot neater like that, plus I like that the pictures expand like so when you hover over them. |
Feb 22, 2013 3:00 AM
#719
Kuromii said: Hi, I followed the steps in Shishio-kun's guide here and it turned out perfectly (of course), however I was wondering how I would now go about getting the DVD covers to appear like they do in this list design on my anime list? I think it looks a lot neater like that, plus I like that the pictures expand like so when you hover over them. Were you looking for something like this: .hide { background-repeat: no-repeat; background-size: 100% 100%; border:1px solid #FFFFFF; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top-left-radius:7px; border-top-right-radius:0; display: inline-block !important; height: 100px; margin-left: 0px; margin-top: 5px; background-position: left top; position: relative; width:65px; } .hide:hover { display:block !important; width:225px; height:350px; background-size: contain; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.6); border: 30px solid transparent; -moz-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -o-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px; margin-left:-200px; position:top; } Here is my try with combining your and mine discovered codes. I even tried to make it as similar to what you wanted to as possibile, although I was no good at doing so... At the end, I even tested it myself on my own manga list, and this is how it came out: ![]() I wanted the rows NOT to expand after you hover them, and bring the cover DVD's in front of the title as in a picture you provided, but my knowlage about CSS codes was running short here, sorry... hehehe |
MonsterguyFeb 22, 2013 3:13 AM
Feb 22, 2013 3:42 AM
#720
Kuromii said: Hi, I followed the steps in Shishio-kun's guide here and it turned out perfectly (of course), however I was wondering how I would now go about getting the DVD covers to appear like they do in this list design on my anime list? I think it looks a lot neater like that, plus I like that the pictures expand like so when you hover over them. Try this: @import url(http://dl.dropbox.com/u/146599892/anime_new.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more_before.css); body { background:url(http://i.imgur.com/RKU57.jpg) fixed center top #000000; } * { border:0 none; color:#DBDBDB; font-family:Verdana; font-size:10px; font-weight:normal; text-decoration:none; } /* #list_surround .header_title { background:url(http://i.imgur.com/V7X3g.png) no-repeat scroll 0 0 transparent; height:375px; left:-282px; padding:25px; position:absolute; top:-425px; width:850px; } */ #inlineContent { background: url(http://dl.dropbox.com/u/146599892/banner.png) no-repeat scroll transparent center top !important; display: inline-block !important; height: 425px !important; left: -282px !important; margin: auto !important; right: 0px !important; top: -425px !important; width: 900px !important; position:absolute; z-index: -1 !important; } /* LEFT SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { background:url(http://i.imgur.com/VygiI.png) repeat scroll 0 0 transparent; display:block; height:100px; left:-283px; padding:0; position:absolute; top:0px; width:270px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background:url(http://i.imgur.com/EypFX.png) repeat scroll 0 0 transparent; top:110px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background:url(http://i.imgur.com/XfIAq.png) repeat scroll 0 0 transparent; top:220px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .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 { background:url(http://i.imgur.com/Djnon.png) repeat scroll 0 0 transparent; top:330px; } #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://i.imgur.com/y93VK.png) repeat scroll 0 0 transparent; display:inline; top:440px; } #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://i.imgur.com/sqCLu.png) no-repeat scroll 0 0 transparent; display:inline; padding-bottom:30px; top:550px; } /* HEADERS */ #list_surround .header_cw { background:url(http://i.imgur.com/djaJO.png) no-repeat scroll 0 0 transparent; } #list_surround .header_completed { background:url(http://i.imgur.com/3jcgG.png) no-repeat scroll 0 0 transparent; } #list_surround .header_onhold { background:url(http://i.imgur.com/L4bVw.png) no-repeat scroll 0 0 transparent; } #list_surround .header_ptw { background:url(http://i.imgur.com/cJTI9.png) no-repeat scroll 0 0 transparent; } #list_surround .header_dropped { background:url(http://i.imgur.com/gWhVk.png) no-repeat scroll 0 0 transparent; } /* OTHER CODES */ a:hover { text-decoration:underline; } #list_surround { background:none repeat scroll 0 0 rgba(4, 18, 50, 0.75); border-bottom:0px solid #292929; border-left:0px solid #292929; border-right:0px solid #292929; height:100%; left:141px; top:180px; margin:239px auto 30px; position:relative; width:618px; } #list_surround .status_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround .status_not_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround br { display:none; } #list_surround .header_title span { color:#000000; font-size:1px; } #list_surround .header_title .thickbox { display:none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { padding:28px 5px 5px; margin-left:0px; width:586px; } #list_surround .animetitle + small { color:#ff9e96; } #list_surround .category_totals { padding:5px; text-align:center; } #list_surround #grand_totals { display:none; } #mal_cs_listinfo a strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal; font-weight: normal; text-decoration: underline; text-transform: none;} #mal_cs_otherlinks strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal;} .borderRBL { color: cyan !important; } #list_surround .header_title span { display:none; } #list_surround .status_not_selected a { opacity:0; } #list_surround .status_selected a { opacity:0; } #copyright { -moz-background-inline-policy:continuous; text-align: center !important; color:#3a4358; height:15px; width:600px; position:absolute; font-family: sans-serif; font-size: 10px; } #copyright a { color:#3a4358; } .animetitle { padding-left: 54px; line-height: 60px; } .hide { position: absolute; display: inline-block !important; margin-left: 30px; margin-top: -58px; width: 40px; height: 54px; background-size: 100% 100%; border: solid 1px #FFFFFF; border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .hide:hover:before { visibility: visible !important; position: absolute !important; display: block !important; content: ''; margin-top: 0; margin-left: -232px; width: 200px !important; height: 284px !important; background-repeat: no-repeat !important; background-size: 200px 284px !important; border: solid 1px #FFFFFF; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 16px rgba(90, 161, 189, 1); -o-box-shadow: 0 0 16px rgba(90, 161, 189, 1); -moz-box-shadow: 0 0 16px rgba(90, 161, 189, 1); -webkit-box-shadow: 0 0 16px rgba(90, 161, 189, 1); } |
Feb 22, 2013 4:06 AM
#721
Feb 22, 2013 4:29 AM
#722
Feb 22, 2013 7:36 AM
#724
Better use this code: @import url(http://dl.dropbox.com/u/146599892/anime_new.css); @import url(http://dl.dropbox.com/u/78192465/MyAnimeList/CSS/AnimeBase_more_before.css); body { background:url(http://i.imgur.com/RKU57.jpg) fixed center top #000000; } * { border:0 none; color:#DBDBDB; font-family:Verdana; /*font-size:10px;*/ font-weight:normal; text-decoration:none; } /* #list_surround .header_title { background:url(http://i.imgur.com/V7X3g.png) no-repeat scroll 0 0 transparent; height:375px; left:-282px; padding:25px; position:absolute; top:-425px; width:850px; } */ #inlineContent { background: url(http://dl.dropbox.com/u/146599892/banner.png) no-repeat scroll transparent center top !important; display: inline-block !important; height: 425px !important; left: -282px !important; margin: auto !important; right: 0px !important; top: -425px !important; width: 900px !important; position:absolute; z-index: -1 !important; } /* LEFT SIDE BUTTONS */ #list_surround .status_selected, #list_surround .status_not_selected { background:url(http://i.imgur.com/VygiI.png) repeat scroll 0 0 transparent; display:block; height:100px; left:-283px; padding:0; position:absolute; top:0px; width:270px; } #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected { background:url(http://i.imgur.com/EypFX.png) repeat scroll 0 0 transparent; top:110px; } #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected { background:url(http://i.imgur.com/XfIAq.png) repeat scroll 0 0 transparent; top:220px; } #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .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 { background:url(http://i.imgur.com/Djnon.png) repeat scroll 0 0 transparent; top:330px; } #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://i.imgur.com/y93VK.png) repeat scroll 0 0 transparent; display:inline; top:440px; } #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://i.imgur.com/sqCLu.png) no-repeat scroll 0 0 transparent; display:inline; padding-bottom:30px; top:550px; } /* HEADERS */ #list_surround .header_cw { background:url(http://i.imgur.com/djaJO.png) no-repeat scroll 0 0 transparent; } #list_surround .header_completed { background:url(http://i.imgur.com/3jcgG.png) no-repeat scroll 0 0 transparent; } #list_surround .header_onhold { background:url(http://i.imgur.com/L4bVw.png) no-repeat scroll 0 0 transparent; } #list_surround .header_ptw { background:url(http://i.imgur.com/cJTI9.png) no-repeat scroll 0 0 transparent; } #list_surround .header_dropped { background:url(http://i.imgur.com/gWhVk.png) no-repeat scroll 0 0 transparent; } /* OTHER CODES */ a:hover { text-decoration:underline; } #list_surround { background:none repeat scroll 0 0 rgba(4, 18, 50, 0.75); border-bottom:0px solid #292929; border-left:0px solid #292929; border-right:0px solid #292929; height:100%; left:141px; top:180px; margin:239px auto 30px; position:relative; width:618px; } #list_surround .status_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround .status_not_selected a { color:#184900; display:block; font-size:1px; height:2px; padding:128px 0 0 243px; width:30px; } #list_surround br { display:none; } #list_surround .header_title span { color:#000000; font-size:1px; } #list_surround .header_title .thickbox { display:none; } #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped { padding:28px 5px 5px; margin-left:0px; width:586px; } #list_surround .animetitle + small { color:#ff9e96; } #list_surround .category_totals { padding:5px; text-align:center; } #list_surround #grand_totals { display:none; } #mal_cs_listinfo a strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal; font-weight: normal; text-decoration: underline; text-transform: none;} #mal_cs_otherlinks strong{ color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-variant: normal;} .borderRBL { color: cyan !important; } #list_surround .header_title span { display:none; } #list_surround .status_not_selected a { opacity:0; } #list_surround .status_selected a { opacity:0; } #copyright { -moz-background-inline-policy:continuous; text-align: center !important; color:#3a4358; height:15px; width:600px; position:absolute; font-family: sans-serif; font-size: 10px; } #copyright a { color:#3a4358; } .td1, .td2 { line-height: 60px; } .td1 a, .td2 a { position: relative; margin-top: 24px; } .animetitle { display: inline-block; padding-left: 54px; line-height: 12px; max-width: 300px; } .hide { position: absolute; display: inline-block !important; margin-left: 30px; margin-top: -58px; width: 40px; height: 54px; background-size: 100% 100%; border: solid 1px #FFFFFF; border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .hide:hover:before { visibility: visible !important; position: absolute !important; display: block !important; content: ''; margin-top: -115px; margin-left: -232px; width: 200px !important; height: 284px !important; background-size: 100% 100%!important; border: solid 1px #FFFFFF; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 16px rgba(90, 161, 189, 1); -o-box-shadow: 0 0 16px rgba(90, 161, 189, 1); -moz-box-shadow: 0 0 16px rgba(90, 161, 189, 1); -webkit-box-shadow: 0 0 16px rgba(90, 161, 189, 1); } |
HahaidoFeb 22, 2013 7:47 AM
Feb 22, 2013 9:25 PM
#725
I tried everything, but no luck... Can somebody PLEASE help me to transform tags into comments ??? I took for referance this list: http://myanimelist.net/animelist/ReyvateilEXEC where you can see comments written, which are in a matter of fact " Tags", but transformed into comments. The code from the list above is to complicated for me to work with (I'm only good at copy-pasting the code...hehehe): http://dl.dropbox.com/u/94694368/DEKORIKKAMAL.css Now with codes like that, what does all this even mean ??? /*Tags(comments) cell(td) configuration*/ .td1:not(.borderRBL):first-of-type:before, .td2:not(.borderRBL):first-of-type:before { content: "#"; } .td1:nth-of-type(3):before, .td2:nth-of-type(3):before { content: "Score: "; } .td1:nth-of-type(5):before, .td2:nth-of-type(5):before { content: "Progress: "; } .td1:nth-of-type(6):before, .td2:nth-of-type(6):before { content: "Comments: "; display: block; } and where should I put anything from this: /* Display Tags as comment */ span[id*="tagRow"] { display: block !important; } /* Hide tags as links */ span[id*="tagLinks"] { display: none !important; } P.S.: My list already has free space(block with normal content) where I want my comments to appear, although they are hovered, and I have no idea how to come around that to implant them there. Here is my list: http://myanimelist.net/mangalist/Monsterguy |
MonsterguyFeb 22, 2013 9:45 PM
Feb 23, 2013 12:30 AM
#726
1. Does anyone know how to rename linked parts of one's list, so that the link still appears under the the new name? I've followed this guide which shows how you to rename any part of your list, but whenever you rename something with a link, the link is lost and only the renamed text appears. 2. I'm looking for the CSS code for the 'More' part of the list. I've tried following this guide which allows you to see any CSS code, but when trying to use 'Inspect Element' on the 'More' part, I'm unable to find the code. The 'Edit/Add' part is a.List_LightBox, but 'More' is hidden. |
Feb 23, 2013 1:26 AM
#727
nil- said: 1. Does anyone know how to rename linked parts of one's list, so that the link still appears under the the new name? I've followed this guide which shows how you to rename any part of your list, but whenever you rename something with a link, the link is lost and only the renamed text appears. 2. I'm looking for the CSS code for the 'More' part of the list. I've tried following this guide which allows you to see any CSS code, but when trying to use 'Inspect Element' on the 'More' part, I'm unable to find the code. The 'Edit/Add' part is a.List_LightBox, but 'More' is hidden. 1. With that tutorial you can rename links and it lets you keep the link to them. You probably didn't rename the link but renamed the part around the link or something but not the link itself. Adding "a" to the end of a selector will target the links in it. For example to change the links Scores on your list to say something else: .table_header:nth-of-type(3) a{ font-size: 0;} .table_header:nth-of-type(3) a:before{ content: "Evaluations"; font-size: 12px !important;} Notice I'm using "a" at the end. 2. The more button? Usually you can use #list_surround small a for both then Edit's code to distinguish it but this is the one for #more specifically, I'll add it to Shishiexample some time with some other selectors (mapping every little thing is a pain). #list_surround small a:last-of-type { background: none repeat scroll 0 0 red; } |
Feb 23, 2013 2:18 AM
#728
Hey Guys, i need some help. I try this guide: http://myanimelist.net/forum/?topicid=453755 But on my animelist i can see only a small part of the animecovers. http://myanimelist.net/animelist/CrAziiJaN21 I am a big ccs newb so i do maby some misstakes. My ccs script: /* CSS Document */ @import "http://dl.dropbox.com/u/78340470/CSSforCatgirls.css"; @import "http://dl.dropbox.com/u/78340470/animetitle.css"; /* // Self-explanatory */ BODY { color: ; font-size: 12px; font-family: ; background-color: ; background-attachment: fixed; background-image: url(http://images4.alphacoders.com/275/275938.jpg); background-repeat: no-repeat; background-position: center center; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; text-transform: capitalize; color: #000000; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { width: 1200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; position: absolute; margin: auto; right: 0px; left: 0px; } /* // All links on your list */ a { color: ; text-decoration: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* // Alternating row color 1 */ .td1 { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; background-image: url(http://img23.imageshack.us/img23/9536/tbbg.png); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* // Alternating row color 2 */ .td2 { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; background-image: url(http://img23.imageshack.us/img23/9536/tbbg.png); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { color: ; border-width: ; border-style: ; border-color: ; background-color: ; padding: ; background-image: url(http://img23.imageshack.us/img23/9536/tbbg.png); font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; font-variant: normal; text-transform: capitalize; } /* // headerLink represents the color of the links inside the_header */ .table_headerLink { color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } .table_headerLink:Visited { color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } .table_headerLink:Hover { color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: ; border-color: ; border-style: ; color: ; padding: ; font-size: 14px; font-family: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* Which 'status' up top is selected? */ .status_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } .status_not_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_completed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_onhold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_dropped { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_ptw { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_title { font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .category_totals { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } #grand_totals { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* header_al is thesurrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* header_al_links is thewith your "Profile" and "MyAnimeList home" links */ .header_al_links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* TABLE ROWS TRANSITION This controls the part where pics appear on your table rows. It controls the timing. You can change the numbers. The first number in each row by default is .5s, this is a half second. It controls how fast the pic window "opens". The second number is the time it takes the window to begin opening. By default its set to .1s, a tenth of a second. If you changed it to 2s, it would take two seconds for the window to open. You'll need to change all the rows timings! They change different browser's timings. */ .td1, .td2 { transition: line-height .5s ease .1s; -o-transition: line-height .5s ease .1s; -moz-transition: line-height .5s ease .1s; -webkit-transition: line-height .5s ease .1s; } .td1, .td2 { line-height: 35px; } /* LIST ROWS HEIGHT ON HOVER This is the height of the table rows when you put your cursor on them. */ tr:hover .td1, tr:hover .td2 { line-height: 340px; } /* AIRING */ .animetitle + small { position: relative; line-height: 1px !important; } btw. ur guids are great. :) |
Feb 23, 2013 2:39 AM
#729
CrAziiJaN21 said: Hey Guys, i need some help. I try this guide: http://myanimelist.net/forum/?topicid=453755 But on my animelist i can see only a small part of the animecovers. http://myanimelist.net/animelist/CrAziiJaN21 I am a big ccs newb so i do maby some misstakes. My ccs script: /* CSS Document */ @import "http://dl.dropbox.com/u/78340470/CSSforCatgirls.css"; @import "http://dl.dropbox.com/u/78340470/animetitle.css"; /* // Self-explanatory */ BODY { color: ; font-size: 12px; font-family: ; background-color: ; background-attachment: fixed; background-image: url(http://images4.alphacoders.com/275/275938.jpg); background-repeat: no-repeat; background-position: center center; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; text-transform: capitalize; color: #000000; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { width: 1200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; position: absolute; margin: auto; right: 0px; left: 0px; } /* // All links on your list */ a { color: ; text-decoration: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* // Alternating row color 1 */ .td1 { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; background-image: url(http://img23.imageshack.us/img23/9536/tbbg.png); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* // Alternating row color 2 */ .td2 { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; background-image: url(http://img23.imageshack.us/img23/9536/tbbg.png); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { color: ; border-width: ; border-style: ; border-color: ; background-color: ; padding: ; background-image: url(http://img23.imageshack.us/img23/9536/tbbg.png); font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; font-variant: normal; text-transform: capitalize; } /* // headerLink represents the color of the links inside the_header */ .table_headerLink { color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } .table_headerLink:Visited { color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } .table_headerLink:Hover { color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: ; border-color: ; border-style: ; color: ; padding: ; font-size: 14px; font-family: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* Which 'status' up top is selected? */ .status_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } .status_not_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_completed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_onhold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_dropped { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_ptw { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_title { font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .category_totals { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } #grand_totals { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* header_al is thesurrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* header_al_links is thewith your "Profile" and "MyAnimeList home" links */ .header_al_links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* TABLE ROWS TRANSITION This controls the part where pics appear on your table rows. It controls the timing. You can change the numbers. The first number in each row by default is .5s, this is a half second. It controls how fast the pic window "opens". The second number is the time it takes the window to begin opening. By default its set to .1s, a tenth of a second. If you changed it to 2s, it would take two seconds for the window to open. You'll need to change all the rows timings! They change different browser's timings. */ .td1, .td2 { transition: line-height .5s ease .1s; -o-transition: line-height .5s ease .1s; -moz-transition: line-height .5s ease .1s; -webkit-transition: line-height .5s ease .1s; } .td1, .td2 { line-height: 35px; } /* LIST ROWS HEIGHT ON HOVER This is the height of the table rows when you put your cursor on them. */ tr:hover .td1, tr:hover .td2 { line-height: 340px; } /* AIRING */ .animetitle + small { position: relative; line-height: 1px !important; } btw. ur guids are great. :) Line-height codes are contradicting the covers drop. Take those lines out from under /* // All links on your list */ a and /* controls what styles you can give to all the anime titles in your list */ .animetitle and /* // Determines the positioning of your list */ #list_surround { |
Shishio-kunFeb 23, 2013 2:43 AM
Feb 23, 2013 3:32 AM
#730
Shishio-kun said: Hmm, doesn't seem to work for the 'Add/Edit' part. What I'm trying to do is rename 'Add/Edit' to 'A/E', and so I can successfully rename 'Edit' to 'E', but the link is lost. What I've done is:1. With that tutorial you can rename links and it lets you keep the link to them. You probably didn't rename the link but renamed the part around the link or something but not the link itself. Adding "a" to the end of a selector will target the links in it. For example to change the links Scores on your list to say something else: .table_header:nth-of-type(3) a{ font-size: 0;} .table_header:nth-of-type(3) a:before{ content: "Evaluations"; font-size: 12px !important;} Notice I'm using "a" at the end. a.List_LightBox{ font-size: 0;} a.List_LightBox:before{ content: "E"; font-size: 9.00px !important;} and adding an "a" changes the code from working altogether. :( Shishio-kun said: 2. The more button? Usually you can use #list_surround small a for both then Edit's code to distinguish it but this is the one for #more specifically, I'll add it to Shishiexample some time with some other selectors (mapping every little thing is a pain). #list_surround small a:last-of-type { background: none repeat scroll 0 0 red; } Thanks for the code! But it seems that I've now run into the above problem again when trying to rename 'More'. I'm using #list_surround small a:last-of-type { font-size: 0; } #list_surround small a:last-of-type:before{ content: "M"; font-size: 9.00px !important; } and the link is lost. |
Feb 23, 2013 4:09 AM
#731
Shishio-kun said: CrAziiJaN21 said: Hey Guys, i need some help. I try this guide: http://myanimelist.net/forum/?topicid=453755 But on my animelist i can see only a small part of the animecovers. http://myanimelist.net/animelist/CrAziiJaN21 I am a big ccs newb so i do maby some misstakes. My ccs script: /* CSS Document */ @import "http://dl.dropbox.com/u/78340470/CSSforCatgirls.css"; @import "http://dl.dropbox.com/u/78340470/animetitle.css"; /* // Self-explanatory */ BODY { color: ; font-size: 12px; font-family: ; background-color: ; background-attachment: fixed; background-image: url(http://images4.alphacoders.com/275/275938.jpg); background-repeat: no-repeat; background-position: center center; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; text-transform: capitalize; color: #000000; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; background-color: #000000; } /* // Determines the positioning of your list */ #list_surround { width: 1200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; position: absolute; margin: auto; right: 0px; left: 0px; } /* // All links on your list */ a { color: ; text-decoration: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* // Alternating row color 1 */ .td1 { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; background-image: url(http://img23.imageshack.us/img23/9536/tbbg.png); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* // Alternating row color 2 */ .td2 { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; background-image: url(http://img23.imageshack.us/img23/9536/tbbg.png); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* // This represents the "Anime Title", "Score", "# Eps" columns */ .table_header { color: ; border-width: ; border-style: ; border-color: ; background-color: ; padding: ; background-image: url(http://img23.imageshack.us/img23/9536/tbbg.png); font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; font-variant: normal; text-transform: capitalize; } /* // headerLink represents the color of the links inside the_header */ .table_headerLink { color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } .table_headerLink:Visited { color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } .table_headerLink:Hover { color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* // Controls the select form decoration (the drop down select box) */ .form { border-width: ; border-color: ; border-style: ; color: ; padding: ; font-size: 14px; font-family: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* Which 'status' up top is selected? */ .status_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } .status_not_selected { color: ; border-width: ; border-style: ; border-color: ; padding: ; background-color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* Header classes for Currently Watching, Completed, Dropped, etc... */ .header_cw { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_completed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_onhold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_dropped { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_ptw { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .header_title { font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } .category_totals { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } #grand_totals { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* header_al is thesurrounding "User's Anime List" at the top */ .header_al { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* header_al_links is thewith your "Profile" and "MyAnimeList home" links */ .header_al_links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* controls what styles you can give to all the anime titles in your list */ .animetitle { font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-variant: normal; text-transform: capitalize; color: #FFFFFF; text-decoration: none; } /* copyright contains the "Producted by Garrett Gyssler" text DO NOT REMOVE OR HIDE THIS DIV IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ #copyright { padding-top: 6px; text-align: center; margin: 0 auto; width: px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #000000; text-decoration: none; } /* TABLE ROWS TRANSITION This controls the part where pics appear on your table rows. It controls the timing. You can change the numbers. The first number in each row by default is .5s, this is a half second. It controls how fast the pic window "opens". The second number is the time it takes the window to begin opening. By default its set to .1s, a tenth of a second. If you changed it to 2s, it would take two seconds for the window to open. You'll need to change all the rows timings! They change different browser's timings. */ .td1, .td2 { transition: line-height .5s ease .1s; -o-transition: line-height .5s ease .1s; -moz-transition: line-height .5s ease .1s; -webkit-transition: line-height .5s ease .1s; } .td1, .td2 { line-height: 35px; } /* LIST ROWS HEIGHT ON HOVER This is the height of the table rows when you put your cursor on them. */ tr:hover .td1, tr:hover .td2 { line-height: 340px; } /* AIRING */ .animetitle + small { position: relative; line-height: 1px !important; } btw. ur guids are great. :) Line-height codes are contradicting the covers drop. Take those lines out from under /* // All links on your list */ a and /* controls what styles you can give to all the anime titles in your list */ .animetitle and /* // Determines the positioning of your list */ #list_surround { I have to delete the line-height of this parts or what is it mean? |
Feb 23, 2013 10:10 AM
#732
CrAziiJaN21 said: I have to delete the line-height of this parts or what is it mean? Look for and delete parts that say line-height: normal; in your CSS, under the sections I put in bold. The first two are near the top the last near the bottom. It looks like you did it for the top two, just do it for the bottom under /* controls what styles you can give to all the anime titles in your list */ .animetitle and covers should be fixed |
Feb 23, 2013 10:22 AM
#733
Shishio-kun said: CrAziiJaN21 said: I have to delete the line-height of this parts or what is it mean? Look for and delete parts that say line-height: normal; in your CSS, under the sections I put in bold. The first two are near the top the last near the bottom. It looks like you did it for the top two, just do it for the bottom under /* controls what styles you can give to all the anime titles in your list */ .animetitle and covers should be fixed Its works! Thank you very much. :) |
Feb 23, 2013 10:32 AM
#734
nil- said: Shishio-kun said: Hmm, doesn't seem to work for the 'Add/Edit' part. What I'm trying to do is rename 'Add/Edit' to 'A/E', and so I can successfully rename 'Edit' to 'E', but the link is lost. What I've done is:1. With that tutorial you can rename links and it lets you keep the link to them. You probably didn't rename the link but renamed the part around the link or something but not the link itself. Adding "a" to the end of a selector will target the links in it. For example to change the links Scores on your list to say something else: .table_header:nth-of-type(3) a{ font-size: 0;} .table_header:nth-of-type(3) a:before{ content: "Evaluations"; font-size: 12px !important;} Notice I'm using "a" at the end. a.List_LightBox{ font-size: 0;} a.List_LightBox:before{ content: "E"; font-size: 9.00px !important;} and adding an "a" changes the code from working altogether. :( Shishio-kun said: 2. The more button? Usually you can use #list_surround small a for both then Edit's code to distinguish it but this is the one for #more specifically, I'll add it to Shishiexample some time with some other selectors (mapping every little thing is a pain). #list_surround small a:last-of-type { background: none repeat scroll 0 0 red; } Thanks for the code! But it seems that I've now run into the above problem again when trying to rename 'More'. I'm using #list_surround small a:last-of-type { font-size: 0; } #list_surround small a:last-of-type:before{ content: "M"; font-size: 9.00px !important; } and the link is lost. No, it works your list just can't read your codes due to misplacing those */ you use to close your notes. You put those before the selector not after the closing bracket for a code. The selectors need to be by themselves without anything above. For example if I take the font reduction off your two bottom codes and change it to simple background colors to see if its reading it, your links don't change color as they should /* Rename 'Edit/Add' to 'E/A' a.List_LightBox{ background: red !important;} a.List_LightBox:before{ content: "E"; font-size: 9.00px !important;}*/ /* Rename 'More' to 'M' #list_surround small a:last-of-type { background: blue !important;} #list_surround small a:last-of-type:before{ content: "M"; font-size: 9.00px !important;} */ So instead of reading #list_surround small a:last-of-type your list reads /* Rename 'More' to 'M' #list_surround small a:last-of-type which yields nothing. This below will work but you have to clear and replace what you added before. It renames the links on a proper CSS, its the same code you made but with no out of place */. a.List_LightBox{ font-size: 0;} a.List_LightBox:before{ content: "E"; font-size: 14.00px !important;} #list_surround small a:last-of-type { font-size: 0;} #list_surround small a:last-of-type:before{ content: "M"; font-size: 14.00px !important;} or this way with your notes intact /* Rename 'Edit/Add' to 'E/A' */ a.List_LightBox{ background: red !important;} a.List_LightBox:before{ content: "E"; font-size: 9.00px !important;} /* Rename 'More' to 'M'*/ #list_surround small a:last-of-type { background: blue !important;} #list_surround small a:last-of-type:before{ content: "M"; font-size: 9.00px !important;} See it here for now: http://myanimelist.net/animelist/ShishiExample |
Feb 23, 2013 2:10 PM
#735
Oh no, I'm only adding those the comment lines (/* and */) since the links weren't working without them included. That is, I'm only commenting them temporarily so that I don't have to remake the code once I figure out the tiny issue. For example, I'll uncomment them for now, and when you go to my list, neither the 'E' or 'M's are clickable (for me at least, as I've tried both logged in and out). Interestingly enough, it does seem to work with your list, so I'm not sure what the problem is. Maybe it actually is working on my list and I'm just having some funky browser issues? |
Feb 23, 2013 2:20 PM
#736
nil- said: Oh no, I'm only adding those the comment lines (/* and */) since the links weren't working without them included. That is, I'm only commenting them temporarily so that I don't have to remake the code once I figure out the tiny issue. For example, I'll uncomment them for now, and when you go to my list, neither the 'E' or 'M's are clickable (for me at least, as I've tried both logged in and out). Interestingly enough, it does seem to work with your list, so I'm not sure what the problem is. Maybe it actually is working on my list and I'm just having some funky browser issues? Hmm I'm looking at your list now since you've added the changes I posted and they are changed correctly. The Edits are Es and the More links are Ms and they're fully clickable. Are you sure you can't see them- maybe clear cache, log out or restart com and see if they are working then. Also what browser are you using? |
Feb 23, 2013 2:47 PM
#737
Feb 23, 2013 4:05 PM
#738
nil- said: Google chrome (stable). Clearing the cache didn't seem to make a difference, and I'm also having trouble getting the links shown on my iPad as well. But weirdly enough, it works when I use Mozilla Firefox. #list_surround small a { background: none repeat scroll 0 0 black; } Ok try adding that before or after the change text codes. I guess Chrome needs that for some reason. edit: no, can't be w/e color. Instead tho: #list_surround small a { display: inline-block !important; } also works after the text changing codes. |
Shishio-kunFeb 23, 2013 4:12 PM
Feb 23, 2013 4:12 PM
#739
Ahah! Yes, it works now. I'm amazed how you even found the answer! I was just about to chalk it up as some dubious browser issue and give up altogether. Using /* Rename 'Edit/Add' to 'E/A' */ a.List_LightBox{ background: none repeat scroll 0 0 black; font-size: 0;} a.List_LightBox:before{ content: "E"; font-size: 9.00px !important;} /* Rename 'More' to 'M' */ #list_surround small a:last-of-type { background: none repeat scroll 0 0 black; font-size: 0;} #list_surround small a:last-of-type:before{ content: "M"; font-size: 9.00px !important;} works. Now I'll just have to find a way to get the text to be 'E' for 'Edit's and 'A' for 'Add's.. likely something to do with the .selected conditional. EDIT: Either of the two lines you suggested work fine for me. I'll use the latter since you seem to be recommending it. |
nil-Feb 23, 2013 4:16 PM
Feb 23, 2013 4:32 PM
#740
nil- said: Ahah! Yes, it works now. I'm amazed how you even found the answer! I was just about to chalk it up as some dubious browser issue and give up altogether. Using /* Rename 'Edit/Add' to 'E/A' */ a.List_LightBox{ background: none repeat scroll 0 0 black; font-size: 0;} a.List_LightBox:before{ content: "E"; font-size: 9.00px !important;} /* Rename 'More' to 'M' */ #list_surround small a:last-of-type { background: none repeat scroll 0 0 black; font-size: 0;} #list_surround small a:last-of-type:before{ content: "M"; font-size: 9.00px !important;} works. Now I'll just have to find a way to get the text to be 'E' for 'Edit's and 'A' for 'Add's.. likely something to do with the .selected conditional. EDIT: Either of the two lines you suggested work fine for me. I'll use the latter since you seem to be recommending it. Good! You can use links in the selector to target the buttons specifically for their function (tested in Chrome but not sure if anything on your list will conflict probably not). Also notice that your edit buttons and the visitors are different (blue and purple). #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"] { color: red !important; background: blue;} #list_surround a[href*="http://myanimelist.net/editlist.php?type="] { color: white !important; background: purple;} #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { color: yellow !important; background: green;} |
Feb 23, 2013 5:45 PM
#741
Yep yep that works too; you're a life saver. :) In the end, the code is /* Rename 'Edit/Add' to 'E/A' */ #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"] { display: inline-block !important; font-size: 0;} #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"]:before { content: "E"; font-size: 9.00px !important;} #list_surround a[href*="http://myanimelist.net/editlist.php?type="] { display: inline-block !important; font-size: 0;} #list_surround a[href*="http://myanimelist.net/editlist.php?type="]:before { content: "E"; font-size: 9.00px !important;} #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { display: inline-block !important; font-size: 0;} #list_surround a[href*="http://myanimelist.net/panel.php?go=add"]:before { content: "A"; font-size: 9.00px !important;} /* Rename 'More' to 'M' */ #list_surround small a:last-of-type { display: inline-block !important; font-size: 0;} #list_surround small a:last-of-type:before{ content: "M"; font-size: 9.00px !important;} |
Feb 23, 2013 8:11 PM
#742
I added a pre-made CSS layout and changed a couple things. Nothing too significant just colors and the background. Anyway, my mangalist's background is fine but my animelist is huge: http://imgur.com/a/M2rRf#0 As you can see it's zoomed in on the cloud in the top-left corner. Is there any way I can fix this? Code: @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* MAIN BACKGROUND COLOR AND IMAGE By default, there's no image in this part of the code. Its just a background color- silver. (the default image of Black Rock Shooter is in the next code #inlineContent) Change the color to what you want or add an image for a backdrop here. For more info or questions on this code: http://myanimelist.net/forum/?topicid=412787 */ body { background: url("http://i2.minus.com/ipKQdV5clxmD2.jpg"); } /* TITLE The List header which by default says My Anime List can be changed out here. */ #list_surround { background: url(none) no-repeat scroll 50% 1px transparent; font-size: 50%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 70px; width: 920px; } /* FONT Font used across the whole list. */ body { font-family: arial; } /* LINK COLOR */ a { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; color: #EEEEEE; text-decoration: none; text-shadow: none; } a:hover { color: #808080; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } /* CATEGORY LINKS */ .status_not_selected, .status_selected { border: 0 none !important; height: auto !important; padding: 0 8px; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: rgba(64, 60, 90, 0.6); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(180, 32, 48, 0.6); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: #403C5A; border-color: #201C3A; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .status_selected a:hover { background-color: #B42030; border-color: rgba(148, 0, 24, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } /* HEADER */ .table_header { background-color: rgba(59, 53, 71, 0.6); } .table_header:first-of-type { border-radius: 3px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:last-of-type { border-radius: 0 3px 0 0; } /* ROWS COLOR */ .td1 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0.6); } /* ROWS HOVER */ tr:hover [class^="td"] { background-color: rgba(68, 42, 68, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } /* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */ noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } /* LIST SETTINGS */ .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL{ line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] +{ border-collapse: separate !important; } /* CATEGORY TOTALS */ .category_totals { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(59, 53, 71, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(59, 53, 71, 0.6); color: #EEEEEE; } /* HEADER TEXT AND DIMENSIONS */ [class^="header_"] * { font-size: 19px; height: 60px; line-height: 24px; padding-bottom: 4px; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15); } /* BOTTOM OF LIST */ #grand_totals { background-color: rgba(72, 64, 87, 0.6); border: 0 none; border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } #copyright { background-color: rgba(64, 60, 90, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } body { background-size: cover; } |
Feb 23, 2013 9:59 PM
#743
FoulFoal said: I added a pre-made CSS layout and changed a couple things. Nothing too significant just colors and the background. Anyway, my mangalist's background is fine but my animelist is huge: http://imgur.com/a/M2rRf#0 As you can see it's zoomed in on the cloud in the top-left corner. Is there any way I can fix this? Code: @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* MAIN BACKGROUND COLOR AND IMAGE By default, there's no image in this part of the code. Its just a background color- silver. (the default image of Black Rock Shooter is in the next code #inlineContent) Change the color to what you want or add an image for a backdrop here. For more info or questions on this code: http://myanimelist.net/forum/?topicid=412787 */ body { background: url("http://i2.minus.com/ipKQdV5clxmD2.jpg"); } /* TITLE The List header which by default says My Anime List can be changed out here. */ #list_surround { background: url(none) no-repeat scroll 50% 1px transparent; font-size: 50%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 70px; width: 920px; } /* FONT Font used across the whole list. */ body { font-family: arial; } /* LINK COLOR */ a { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; color: #EEEEEE; text-decoration: none; text-shadow: none; } a:hover { color: #808080; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } /* CATEGORY LINKS */ .status_not_selected, .status_selected { border: 0 none !important; height: auto !important; padding: 0 8px; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: rgba(64, 60, 90, 0.6); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(180, 32, 48, 0.6); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: #403C5A; border-color: #201C3A; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .status_selected a:hover { background-color: #B42030; border-color: rgba(148, 0, 24, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } /* HEADER */ .table_header { background-color: rgba(59, 53, 71, 0.6); } .table_header:first-of-type { border-radius: 3px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:last-of-type { border-radius: 0 3px 0 0; } /* ROWS COLOR */ .td1 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0.6); } /* ROWS HOVER */ tr:hover [class^="td"] { background-color: rgba(68, 42, 68, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } /* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */ noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } /* LIST SETTINGS */ .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL{ line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] +{ border-collapse: separate !important; } /* CATEGORY TOTALS */ .category_totals { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(59, 53, 71, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(59, 53, 71, 0.6); color: #EEEEEE; } /* HEADER TEXT AND DIMENSIONS */ [class^="header_"] * { font-size: 19px; height: 60px; line-height: 24px; padding-bottom: 4px; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15); } /* BOTTOM OF LIST */ #grand_totals { background-color: rgba(72, 64, 87, 0.6); border: 0 none; border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } #copyright { background-color: rgba(64, 60, 90, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } body { background-size: cover; } if you take the body { background-size: cover; } off the bottom of the code you get more of the image, otherwise I would suggest using a program like gimp to shrink down the image |
Feb 23, 2013 11:35 PM
#744
clone4 said: Shrunk it down to 1920x1080 and removed that last part only now it repeats.FoulFoal said: I added a pre-made CSS layout and changed a couple things. Nothing too significant just colors and the background. Anyway, my mangalist's background is fine but my animelist is huge: http://imgur.com/a/M2rRf#0 As you can see it's zoomed in on the cloud in the top-left corner. Is there any way I can fix this? Code: @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* MAIN BACKGROUND COLOR AND IMAGE By default, there's no image in this part of the code. Its just a background color- silver. (the default image of Black Rock Shooter is in the next code #inlineContent) Change the color to what you want or add an image for a backdrop here. For more info or questions on this code: http://myanimelist.net/forum/?topicid=412787 */ body { background: url("http://i2.minus.com/ipKQdV5clxmD2.jpg"); } /* TITLE The List header which by default says My Anime List can be changed out here. */ #list_surround { background: url(none) no-repeat scroll 50% 1px transparent; font-size: 50%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 70px; width: 920px; } /* FONT Font used across the whole list. */ body { font-family: arial; } /* LINK COLOR */ a { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; color: #EEEEEE; text-decoration: none; text-shadow: none; } a:hover { color: #808080; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } /* CATEGORY LINKS */ .status_not_selected, .status_selected { border: 0 none !important; height: auto !important; padding: 0 8px; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: rgba(64, 60, 90, 0.6); border-color: rgba(48, 44, 64, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(180, 32, 48, 0.6); border-color: rgba(164, 16, 32, 0.5); } .status_not_selected a:hover { background-color: #403C5A; border-color: #201C3A; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .status_selected a:hover { background-color: #B42030; border-color: rgba(148, 0, 24, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } /* HEADER */ .table_header { background-color: rgba(59, 53, 71, 0.6); } .table_header:first-of-type { border-radius: 3px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:last-of-type { border-radius: 0 3px 0 0; } /* ROWS COLOR */ .td1 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0.6); } /* ROWS HOVER */ tr:hover [class^="td"] { background-color: rgba(68, 42, 68, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } /* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */ noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } /* LIST SETTINGS */ .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL{ line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] +{ border-collapse: separate !important; } /* CATEGORY TOTALS */ .category_totals { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(59, 53, 71, 0); border-radius: 0 0 3px 3px; color: rgba(51, 51, 51, 0); text-align: center; } .category_totals:hover { background-color: rgba(59, 53, 71, 0.6); color: #EEEEEE; } /* HEADER TEXT AND DIMENSIONS */ [class^="header_"] * { font-size: 19px; height: 60px; line-height: 24px; padding-bottom: 4px; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15); } /* BOTTOM OF LIST */ #grand_totals { background-color: rgba(72, 64, 87, 0.6); border: 0 none; border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } #copyright { background-color: rgba(64, 60, 90, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; } body { background-size: cover; } if you take the body { background-size: cover; } off the bottom of the code you get more of the image, otherwise I would suggest using a program like gimp to shrink down the image |
Feb 24, 2013 1:13 AM
#745
Add to the bottom this as well. body{ background-attachment: fixed} |
Feb 24, 2013 2:41 AM
#746
Shishio-kun said: Yes! It works! Thank you so much!Add to the bottom this as well. body{ background-attachment: fixed} |
Feb 24, 2013 7:07 AM
#747
God, I finally managed to get a little further... I needed to import a css in order to configure Tags, but manga list is quite difficult and I needed to target "nth-of-type(5)" instead of, like on anime list "nth-of-type(6)" !!! That's why I want to ask if there is a manga list like the following: http://myanimelist.net/animelist/ShishiExample |
Feb 24, 2013 11:52 AM
#748
Monsterguy said: God, I finally managed to get a little further... I needed to import a css in order to configure Tags, but manga list is quite difficult and I needed to target "nth-of-type(5)" instead of, like on anime list "nth-of-type(6)" !!! That's why I want to ask if there is a manga list like the following: http://myanimelist.net/animelist/ShishiExample I've set the mapped layout up on the manga list for that account. btw your manga list is blank to everyone else who sees it. You have a lot of asterixes and slashes in between the top imports that needs to be removed. |
Feb 24, 2013 3:44 PM
#749
Shishio-kun said: I've set the mapped layout up on the manga list for that account. thnx a lot Shishio-kun said: btw your manga list is blank to everyone else who sees it. You have a lot of asterixes and slashes in between the top imports that needs to be removed. wrong, I tried it on chrome as well, but it's not working even when everything else is removed see for yourself... I believe it's my fault becouse I don't know how to save in dropbox and make it "https:///dl.dropbox.com/________.css". If you see my code has: "https:///dl.dropbox.com/________.css?w=______-Yq5Ji9WblcjA8L8NkuA". That "?w=______-Yq5Ji9WblcjA8L8NkuA" is at fault here !!! I tested it with the code I took everything from, and the link from my dropbox didn't work in chrome, although it did from the original code !!! Here is the original code that works otherwise, but not if copy-pasted from my dropbox (with the same content in the notepad): https://dl.dropbox.com/s/du8lbf36y7nu8hf/MAL_Miku_Style_M.css Any solution ??? I think I once saw a link "turitorial" here in this club, abot dropbox specificly, but I'm unable to find it right now... (I believe it's second or third post, so not from you as the author, but I remember reading something about tips or something at that time) |
MonsterguyFeb 24, 2013 3:53 PM
Feb 24, 2013 4:22 PM
#750
No you remove only the slashes and asterix so the mal_miku_m style import takes effect on your list. From looking at your page this is the CSS you're trying to import according to your box on the manga list @import "https://dl-web.dropbox.com/get/Public/MAL_Miku_Style_Monsterguy.css?w=AABz3rPt7n2yzl4mIVS73lW400-Yq5Ji9WblcjA8L8NkuA";/**/ /*****************/ /* @import "https://dl.dropbox.com/s/du8lbf36y7nu8hf/MAL_Miku_Style_M.css";/**/ */ /*****************@import "https://dl-web.dropbox.com/get/Public/MAL_Miku_Style_Monsterguy.css?w=AABz3rPt7n2yzl4mIVS73lW400-Yq5Ji9WblcjA8L8NkuA";/**/ /*****************/ /* @import "https://dl.dropbox.com/s/du8lbf36y7nu8hf/MAL_Miku_Style_M.css";/**/ */ /*****************/ It makes a blank page when I install it on my own list. The same blank I see when I look at your manga list. When I remove the asterix and slashes as I said like so- @import "https://dl-web.dropbox.com/get/Public/MAL_Miku_Style_Monsterguy.css?w=AABz3rPt7n2yzl4mIVS73lW400-Yq5Ji9WblcjA8L8NkuA"; @import "https://dl.dropbox.com/s/du8lbf36y7nu8hf/MAL_Miku_Style_M.css"; @import "https://dl-web.dropbox.com/get/Public/MAL_Miku_Style_Monsterguy.css?w=AABz3rPt7n2yzl4mIVS73lW400-Yq5Ji9WblcjA8L8NkuA"; @import "https://dl.dropbox.com/s/du8lbf36y7nu8hf/MAL_Miku_Style_M.css"; With that setup, I get this in Chrome or Firefox but browser doesn't matter for this kinda thing yet. It makes this way in the image below. This is the mal miku m style import showing thru as intended in your own css edit box. ![]() The top import from your dropbox isn't working cuz you're using the wrong kinda link. Use the public link. Log into dropbox and find it in the public folder like in the example below. ![]() Click on that and paste that into the import link as you're supposed to. I've emboldened what you're supposed to replace with your public link. You may have to enable public folders first as well if you haven't. https://www.dropbox.com/help/16/en @import "https://dl-web.dropbox.com/get/Public/MAL_Miku_Style_Monsterguy.css?w=AABz3rPt7n2yzl4mIVS73lW400-Yq5Ji9WblcjA8L8NkuA"; The import tutorial you're referring to is probably Veriti's. Its in the Importing CSS tutorial, just go to Expert tutorials under Customize your list on the front page menu. Also put some kinda regular CSS code under your imports in the box. Otherwise it doubles the imports, as you can see above from the cleaned up version of your CSS. |
More topics from this board
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
384 |
by Shishio-kun
»»
Yesterday, 11:08 AM |
|
Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )Shishio-kun - Feb 16, 2023 |
64 |
by NightmareTala
»»
Oct 5, 1:08 PM |
|
Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templatesShishio-kun - Feb 16, 2023 |
35 |
by iluvmozu
»»
Oct 4, 11:41 PM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1262 |
by Shishio-kun
»»
Sep 22, 4:35 AM |
|
» theme helpthreat - Jul 5 |
5 |
by Zaryf
»»
Aug 21, 5:46 AM |