Shishio-kun said: GoldenBRS said: How to put the text on the pic go left? Not enough info you need to say what part too since it can vary.. but probably text-align: left; no not the css but the picture on it. |
| Still not enough info... what program you using? There should be text align options somewhere near your text editor no matter what tool it is. |
| Hmm I don't see such an option in Paint. Its a pretty limited program for editing your own images. |
GoldenBRS said: Shishio-kun said: Hmm I don't see such an option in Paint. Its a pretty limited program for editing your own images. Hmm. Which program will work for it? Gimp is free and a little easier to use than most programs. Jasc Animation shop is even easier but a little harder to get ahold of plus its not free after 90 days. Both programs you simply drag the pic into the program you wanna edit and click the icon with a 'A' to edit text. When you're done in Gimp go to File then Export and Export to get a copy of your edited image. In Jasc go to File and Save Frame as, choose JPG or PNG file type. For Gimp you can see the text tool used at this part of my video. Under the Tool Options window which I zoom in on, you'll see "Justify"- this sets your text alignment. The left setting is the one you want. http://youtu.be/rBR9t6AKyCE?t=7m26s |
| Hello, First of all, I'm sorry if I am asking for something so obvious or asking it in a wrong place but I had read all of your rules and tutorials yet couldn't find what I was looking for.. It's a very little detail but it somehow bothers me a lot, so I just taught maybe someone could help about it :) Here below are printscreen of my manga list and anime list, I didn't image code them cause I taught there are huge for forum outline but anyway you can view them by clicking the links of course.. http://i48.tinypic.com/2hpo9ja.png http://i49.tinypic.com/14w8squ.png I had enhanced my tag width of my lists and decrease the width of the "type" row in my manga list with the help of your tips and tutorials. Although it seems that in my manga list "search" box has been overly placed though it didn't happen on my animelist. I know it's a very minor problem but it bugs me since I am mostly using my ipad to view my lists. I would really appricate if someone could help me, Thank you very much :) |
 |
| @_White_Lotus_ Try |
wow, something I was surprised as well at first, but... You see, there are two, should I say "tables" with "nth-of-type(X)" codes in CSS. One is meant for the colums in the top bar, and the other for the list !!! That's why you should use >>#list_surround << before >>...nth-of-type(X)<<. So in your case just copy the code below and replace it with what you wrote: I tested it on my manga list both with your code, where the search button goes crazy, and with what I realized with firefox's Firebug (that you should use >>#list_surround <<), and where everything looks good now...hehehe _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Additionly, if you want, you can change the width of buttons for what kind of list you want to look at (Currently reading/watching,... , All manga/anime). This is done with the following codes, that you can add at the end of your CSS, (but make sure 1 out of 5 of them is set as "auto" !!!): |
MonsterguyMar 13, 2013 6:44 AM
 |
| sorry if i asking a simple question but it can't be helped for me :( I'm currently change my header and missing just one image although I already add pic url to the header but everything else is just fine. I want to add this pic in the .header_cw{ Here's my current code |
Yap30Mar 13, 2013 12:24 PM
   |
Yap30 said: sorry if i asking a simple question but it can't be helped for me :( I'm currently change my header and missing just one image although I already add pic url to the header but everything else is just fine. I want to add this pic in the .header_cw{ Its probably because you have an extra */ in front of the code you wanna edit but can't in the CSS. Private list, can't inspect it to test it out... |
| yes it worked after I remove it thanks a lot! |
|
| Ok I would like to make a list with a grey 3d border this is a very rough sketch of what I want to make I am completely stuck on how to make a border, preferably one a little better than this. the watching part is actually suppose to be within the border |
clone4Mar 14, 2013 5:33 PM
 |
| Hi, I'm just wondering if there are any thread about creating a preview box which surround an anime cover when you hover in(like the style, etc). And can I put an image next to the preview box when I hover onto the title? And what is the code for displaying only watching anime titles when entering anime list? |
Takana_no_HanaMar 18, 2013 7:34 AM
Takana_no_Hana said: Hi, I'm just wondering if there are any thread about creating a preview box which surround an anime cover when you hover in(like the style, etc). I don't know if I understood you correctly, but were you looking for something like this: http://myanimelist.net/forum/?topicid=563993 Takana_no_Hana said: And can I put an image next to the preview box when I hover onto the title? depends, if the thread I directed you above is correct then it is possible, otherwise I don't know... Takana_no_Hana said: And what is the code for displaying only watching anime titles when entering anime list? Once again I'm not 100% sure what you want, why there are two codes for "currently watching". One is a link for header, and the other one is a header(header or title is probably the one you wanted), and for header the code is: .header_cw span { } PS: Go in chrome and with right click(mouse) look at "elements"(last one after the click from mouse). Important is you have the following layout open, to look for any code you want: http://myanimelist.net/animelist/ShishiExample |
MonsterguyMar 19, 2013 3:02 AM
|
clone4 said: Ok I would like to make a list with a grey 3d border this is a very rough sketch of what I want to make I am completely stuck on how to make a border, preferably one a little better than this. the watching part is actually suppose to be within the border Adding a certain code at the end of your list would give you a border similar to this, more I don't know, sorry: The code I added at the end of your current code: |
MonsterguyMar 22, 2013 9:09 AM
|
| @Monsterguy thanks man |
|
jjrocks24 said: I'm not sure if this is the correct section to post this question in but if you have the time can you fix my anime list. I want it so the picture I have on my anime list are much clearer and if possible can I have it so if your hover over the title of an anime the picture of the cover will pop out? MyAnimeList Thanks in Advance! You need a higher quality pic. It will always look blurry stretched out. tut on that: http://myanimelist.net/forum/?topicid=563993 |
| Hey, This is currently how my anime list is listed http://img202.imageshack.us/img202/953/78605908.png the "score" use to be notes and you could add notes to it however i changed the text to score, removed the button for notes but now i wish it change it so it will actually show the score i gave the anime and i can't figure out the code / how to do that! Sorry :/ complete noob at css Thanks~ |
Nidh0ggMar 24, 2013 6:34 PM
| Hi Shishio, love your video tutorial for About me design and links! One question, how do I create a url (bbcode) for people to message me and friend request?I have the buttons on my design and it's all on my profile but I can't find a way to the pages or URLs, please help? |
 |
| Hello! Can someone help me a bit? I'm trying to put 2 images next to my list, 1 to the left and 1 to the right using the "inlinecontent" method. These two: on the left: el2 on the right: el I only managed to put up one, but I can't move it, if I edit the position it just disappears. And if I put the blonde girl to the left it looks perfect on 1920*1080, but on lower resolution it goes behind the list. Is it possible to make it scale-able, so its next to the list on lower resolutions, too? Here is my code: Thanks! |
| Okay so im not sure why atm but currently it doesn't show the score i gave an anime however, it shows it for other people, and if i log off i can see it. Picture Code So i wish to make it display the score i gave an anime to me, and to make it so if you click on the square '+' it will go to the MAL edit pop up to change the score |
| Hey Guys i have again some questions. 1. How to remove the categorie-buttons? 2. All my border rounds will show up, instead of the right top. How to fix? 3. I create this list of parts of lists in this club, i am not realy 100% now what i do. So maby some part of to code not anymore needed. What parts i can delete or need to fix? My CSS-Code: 4. Can i add a part to my CSS who will edit all parts in on. What i mean: Possible? How to add? Screenshoot: |
CrAziiJaN21Mar 28, 2013 4:48 PM
| Hey guys, I'm trying add images over my list (with #inlinecontent). Problem is that I don't know how to add multiple pictures without messing the initial image. Can someone help me out? Thanks :D |
F4it said: Hey guys, I'm trying add images over my list (with #inlinecontent). Problem is that I don't know how to add multiple pictures without messing the initial image. Can someone help me out? Thanks :D Ok, first of all I was a little confused, why with "left: 40%;" you are sending inlineContent to the right for 40% of your screen, but than "margin: 0 0 0 -790px !important;" is sending it back for -790px. Why !? If you did not know with function "left" you start on left screen than you go to the right. Similar goes for others as well, why starting from right you go to the left, starting from top to the bottom, and lastly from bottom to the top (example: "bottom: 100px" starts from bottom and goes up for 100px, and that is all). Still, in your case it would be easier to start from left, but if you want a little more left even though you are automaticly starting at left when you write"left: X;" already, than you write "left: -100px"("left: -10%") or however much you want. But what do I know, I'm only a noob at CSS, why I just recently learned what little I know about CSS. And to top it all almost everything with the help of this club only... To sum it all up, I did not bother myself with your code any more after this, and was quite direct at the end...hehehe Here in red I marked those lines that I changed for you in "inlineContent", so that another(second) image appears: For third image you just add one of "each" of those elements I marked in red. This is what you wanted right ??? |
MonsterguyMar 28, 2013 4:08 PM
|
| Umm... I tried linking some words in my about me... but for some reason... I can't link them? can someone tell me what's wrong? Here: Ano Hi Mita Hana no Namae wo Bokutachi wa Mada Shiranai Mirai Nikki Angel Beats These 3... I cant link them... |
 |
AoiMizune-kun said: Umm... I tried linking some words in my about me... but for some reason... I can't link them? can someone tell me what's wrong? Here: Ano Hi Mita Hana no Namae wo Bokutachi wa Mada Shiranai Mirai Nikki Angel Beats These 3... I cant link them... I think there's a thing where you can't put certain characters in the URL like ! or ( ). So take those out and try these links instead: http://myanimelist.net/anime/10620/Mirai_Nikki http://myanimelist.net/anime/6547/Angel_Beats http://myanimelist.net/anime/9989/Ano_Hi_Mita_Hana_no_Namae_wo_Bokutachi_wa_Mada_Shiranai They all seem to link the same. |
Skullk1d28 said: Hi Shishio, love your video tutorial for About me design and links! One question, how do I create a url (bbcode) for people to message me and friend request?I have the buttons on my design and it's all on my profile but I can't find a way to the pages or URLs, please help? You would have a friend copy the links to message you and give them to you, or use a secondary account. They just right click those links and copy link and paste it to you: http://myanimelist.net/mymessages.php?go=send&toname=Skullk1d28 http://myanimelist.net/myfriends.php?go=add&id=1109797 |
CrAziiJaN21 said: Hey Guys i have again some questions. 1. How to remove the categorie-buttons? 2. All my border rounds will show up, instead of the right top. How to fix? 3. I create this list of parts of lists in this club, i am not realy 100% now what i do. So maby some part of to code not anymore needed. What parts i can delete or need to fix? My CSS-Code: 4. Can i add a part to my CSS who will edit all parts in on. What i mean: Possible? How to add? Screenshoot: 1. There is a tutorial on this already use that, "Customizing the category links" and "Removing sections from your list" 2. Already a tutorial on that "Rounding corners on any part of your list" 3. Lower the width of the list and reposition it to the right- there are tutorials on that as well with titles that pertain to that. 4. Not sure what you're trying to do at all and the CSS you've presented is all wrong with many errors you want one like the code you have and targeting selectors with color, not targeting colors. If you want to color those particular text a certain color and customize them individually there are many tutorials on individually customizing many fonts on the list or getting the codes for them. All you need to do is get the code and color them. If you want the table fonts Orange, Anime Title yellow, airing purple, numbers yellow and category totals purple tho I can give you a code to add to your CSS that will do that. I don't have pictures yet but all the tutorials are linked here: http://myanimelist.net/forum/?topicid=419405 |
SaSgz said: Hello! Can someone help me a bit? I'm trying to put 2 images next to my list, 1 to the left and 1 to the right using the "inlinecontent" method. These two: on the left: el2 on the right: el I only managed to put up one, but I can't move it, if I edit the position it just disappears. And if I put the blonde girl to the left it looks perfect on 1920*1080, but on lower resolution it goes behind the list. Is it possible to make it scale-able, so its next to the list on lower resolutions, too? Here is my code: Thanks! I have a similar set up on my list atm, try mine with your images see if it works for you: #inlineContent { background-attachment: scroll !important; background-clip: border-box !important; background-color: transparent !important; background-image: url("http://i650.photobucket.com/albums/uu229/aaafafafa/el_zps5608e49b.png"), url("http://i650.photobucket.com/albums/uu229/aaafafafa/el2_zps9edd12c2.png"); background-origin: padding-box !important; background-position: left top, right top !important; background-repeat: no-repeat !important; bottom: 0 !important; display: inline-block !important; height: 657px !important; left: 50% !important; margin: 0px 0px 0 -800px !important; position: fixed !important; width: 1556px !important; z-index: -1; } You can adjust the distance they're split apart with width. The last number in margin determines the position of where they start from the left. So just mess with these three numbers. Using Firebug or similar live editor makes adjusting this code way easier btw. Also the copyright bar image is hanging out the sides cuz its not rendered fully. |
Shishio-kun said: AoiMizune-kun said: Umm... I tried linking some words in my about me... but for some reason... I can't link them? can someone tell me what's wrong? Here: Ano Hi Mita Hana no Namae wo Bokutachi wa Mada Shiranai Mirai Nikki Angel Beats These 3... I cant link them... I think there's a thing where you can't put certain characters in the URL like ! or ( ). So take those out and try these links instead: http://myanimelist.net/anime/10620/Mirai_Nikki http://myanimelist.net/anime/6547/Angel_Beats http://myanimelist.net/anime/9989/Ano_Hi_Mita_Hana_no_Namae_wo_Bokutachi_wa_Mada_Shiranai They all seem to link the same. Oh... Thanks! |
|
Monsterguy said: Hey Thanks very much :D I'll take my time to change the codes. The reason why the codes are like that is because I copy,pasted some codes from a pre-made layout. I just changed the images and messed up the necessary codes for my current look. Actually I didn't know how the positioning works with %, thats why I only moved my images with px. Must have been a nightmare for you to look at my CSS xD Anyway thank you for your time and help (^,^)b |
KriegWurstMar 29, 2013 9:41 AM
F4it said: Monsterguy said: Hey Thanks very much :D I'll take my time to change the codes. The reason why the codes are like that is because I copy,pasted some codes from a pre-made layout. I just changed the images and messed up the necessary codes for my current look. Actually I didn't know how the positioning works with %, thats why I only moved my images with px. Must have been a nightmare for you to look at my CSS xD Anyway thank you for your time and help (^,^)b Well, for quick learning I recommend "w3schools", where you will instantly know more (even more than I currently know) !!! So with following links you can quickly learn the skill about background-position and background-size. Here are also other description about background-position and background-size. |
MonsterguyMar 29, 2013 12:34 PM
|
Monsterguy said: Thanks for the info! :D |
| Okay, finaly after 2 hours i remove the categorie buttons and edit the fonts. But i still dont found the mistake on my CSS to show up the rounds of my right top(table header). And why my table headers dont wonne change to Arial and 18px? CSS: |
CrAziiJaN21Mar 30, 2013 2:39 PM
Shishio-kun said: I have a similar set up on my list atm, try mine with your images see if it works for you: You can adjust the distance they're split apart with width. The last number in margin determines the position of where they start from the left. So just mess with these three numbers. Using Firebug or similar live editor makes adjusting this code way easier btw. Also the copyright bar image is hanging out the sides cuz its not rendered fully. Thank you! I have one question left: Is it possible to make the buttons on left scroll-able, so there isn't an empty space next to the list? |
| How do I change the text color of the progress numbers and type genres? http://i.imgur.com/Bi4rKJT.png Code: |
SaSgz said: Shishio-kun said: I have a similar set up on my list atm, try mine with your images see if it works for you: You can adjust the distance they're split apart with width. The last number in margin determines the position of where they start from the left. So just mess with these three numbers. Using Firebug or similar live editor makes adjusting this code way easier btw. Also the copyright bar image is hanging out the sides cuz its not rendered fully. Thank you! I have one question left: Is it possible to make the buttons on left scroll-able, so there isn't an empty space next to the list? Yes, although it's really little work to do, but a lot to explain, so tell me if you want me to do it for you. Nonetheless let me also point this out to you in advance: "My believe is that the way you have it now looks better !!!" But just to be sure, you want it similar to this right (if you want me to do the job for you, please tell me): http://myanimelist.net/animelist/SylakentH_ |
|
FoulFoal said: How do I change the text color of the progress numbers and type genres? http://i.imgur.com/Bi4rKJT.png Code: For you only (I also tested it): Just copy and paste the code at the end of your existing code !!! EDIT: The code above changed the color of all text on your rows, what I saw as better, but changing specific row(s) only, is also possible !!! |
MonsterguyMar 30, 2013 2:51 PM
|
Monsterguy said: Thank you but that only works for Airing/Not aired yet next to the anime title which is another thing I wanted. I figured it out though so no worries. FoulFoal said: How do I change the text color of the progress numbers and type genres? http://i.imgur.com/Bi4rKJT.png Code: For you only (I also tested it): Just copy and paste the code at the end of your existing code !!! EDIT: The code above changed the color of all text on your rows, what I saw as better, but changing specific row(s) only, is also possible !!! For those interested on how I changed it: |
snkMMar 30, 2013 3:54 PM
Monsterguy said: SaSgz said: Shishio-kun said: I have a similar set up on my list atm, try mine with your images see if it works for you: You can adjust the distance they're split apart with width. The last number in margin determines the position of where they start from the left. So just mess with these three numbers. Using Firebug or similar live editor makes adjusting this code way easier btw. Also the copyright bar image is hanging out the sides cuz its not rendered fully. Thank you! I have one question left: Is it possible to make the buttons on left scroll-able, so there isn't an empty space next to the list? Yes, although it's really little work to do, but a lot to explain, so tell me if you want me to do it for you. Nonetheless let me also point this out to you in advance: "My believe is that the way you have it now looks better !!!" But just to be sure, you want it similar to this right (if you want me to do the job for you, please tell me): http://myanimelist.net/animelist/SylakentH_ Yeah that is the kind I had in mind, but I just noticed that if you would change it, not all of the buttons would be viewable. So I take your advice and don't change it. However I really appreciate your help! |
CrAziiJaN21 said: Okay, finaly after 2 hours i remove the categorie buttons and edit the fonts. But i still dont found the mistake on my CSS to show up the rounds of my right top(table header). And why my table headers dont wonne change to Arial and 18px? CSS: |
| @CrAziiJaN21 You know what: "Not even one sentence made any sense to me, in all your posts !!!" Still you provided picture, what gave me some directions... CrAziiJaN21 said: Screenshoot: Just copy-paste this code at the end of your existing CSS code: To tell you the truth it would really be hard to do it as you wish (maybe with darkened transparent background, but that it would have solid colorful border...). So what I got you above was the best I could do for you with codes, sorry. |
|
| 1. This questens are done and cleared since 3 days. Nuff said. 2. My aktualy questens are: CrAziiJaN21 said: Okay, finaly after 2 hours i remove the categorie buttons and edit the fonts. But i still dont found the mistake on my CSS to show up the rounds of my right top(table header). And why my table headers dont wonne change to Arial and 18px? CSS: |
CrAziiJaN21 said: Okay, finaly after 2 hours i remove the categorie buttons and edit the fonts. But i still dont found the mistake on my CSS to show up the rounds of my right top(table header). And why my table headers dont wonne change to Arial and 18px? If I understood you correctly you wanted something like this (copy-paste this code at the end of your existing CSS code): If I didn't understood you correctly, please make a picture(like you did before: " Screenshoot") of what you want !!! |
|
| 2 questions. 1st question. I wouldn't be surprised if it was asked several times but I'm not going through the 43-44 pages. Music. Can you add music too your list? I'm aware it may be bothersome to others but regardless, I would like to know and if it is possible, how. Such as when opening the page, it loads the MP3 straight from the link. (Random example of a link/url directly linked to a Mp3) 2nd question. Can I change the value of the score into a comment/text? Like instead of having a score say a number from 1 to 10, is there a way I can overwrite that text and have it be listed as a personal comment/text? I'm only looking to do this for a single anime so it isn't really a problem overall but just curious. |
| Okay now the rounds will show up. But the Title still dosent work. CSS: Screenshoot: |
CrAziiJaN21 said: Okay now the rounds will show up. But the Title still dosent work. CSS: Screenshoot: Once again you told me nothing, why you did not specify the most important information: How do you want your title to appear ??? NOTE: make a "full screenshot" ("if possible" provide the link from where you took that picture) of somebody's list (even premade list would be good) and mark what you want from that list, for me to implement into your list, also here it does not bother me if the picture is "a little" smaller(but not smaller than a premade layout images), just that it's clearly seen, and marked with "ellipse like shape", what you want from there !!! |
MonsterguyApr 2, 2013 12:39 AM
|
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 |