Forum Settings
Forums
Pages (95) « 1 [2] 3 4 » ... Last »
Must be a Club Member to Reply 
Sep 20, 2011 11:07 AM

Online
Joined: Feb 2010
Posts: 4441
vansonbee said:
Here my list design, I borrow the template from one of these threads.
http://myanimelist.net/animelist/vansonbee

The problem I've with it is the text size and the columns, I would like to extend the box size outward.

Which code should I go to to make it wider?


It looks like the author of the template is helping you personally, so you should be set.
 
Oct 14, 2011 12:17 PM

Offline
Joined: Feb 2010
Posts: 220
First of all, hello! And thank you for your wonderful guides for CSS editing. I had always shied away from editing my list too much until I came upon you club :D

So I have some things I want to change in my layout, but I do not know how. Maybe you can help?

1 - Is there any way to make the top section where you can select your view (All anime, On-Hold, etc...) stop blinking? I would love that. Also is there any way to customize the size, color and type of the font just for this section? I want to change the font type, size, color, etc... I managed to change the color when you hover it, but not all the options changed said color...

2 - My headers came with a default size of 48. I since changed it to 32, but they moved up, and I would like them to be closer to the sub-header. Speaking about the header, I can't seem to change its font. Exactly what fonts are supported? I would like to have my header with a sort of handwriting font, if possible.

3 - Can't seem to change to color for my sub-headers... I added "font-size" to it and managed that, but the "color:brown" (example) does not work...

Thanks in advance for the help ;)

PS: Don't make fun of my poor choice of colors xD
Modified by Jonijonh, Oct 14, 2011 2:17 PM
 
Oct 16, 2011 6:32 PM

Online
Joined: Feb 2010
Posts: 4441
Jonijonh said:

1 - Is there any way to make the top section where you can select your view (All anime, On-Hold, etc...) stop blinking? I would love that. Also is there any way to customize the size, color and type of the font just for this section? I want to change the font type, size, color, etc... I managed to change the color when you hover it, but not all the options changed said color...


.status_not_selected a
{color: ;
text-decoration: none;}

.status_selected a
{color: ;
text-decoration: none;}

Add these to the bottom, insert choices of color.

Jonijonh said:

2 - My headers came with a default size of 48. I since changed it to 32, but they moved up, and I would like them to be closer to the sub-header. Speaking about the header, I can't seem to change its font. Exactly what fonts are supported? I would like to have my header with a sort of handwriting font, if possible.


Find this in your code:

.header_title {
height: 52px;
padding: 2px;
}

Lower the height, probably to 32px. This code is located in the "Other codes", near the bottom.

All fonts are supported by a browser and CSS, but the person viewing your page has to have the same font installed on their computer to see it. So if you use an obscure font, more people won't see it unless they have it installed too (rare). One thing you can try it put your fonts in a descending order of priority. Like:

font-family: Font A, Font B, Font C;

Font A would be an obscure font, Font B would be an popular but not default font, and C is a default font everyone has. This was you see the weird font you want (font A), most people see a cool font (font B) and everyone else sees at least font C. The computer ignores the fonts till it comes to one it knows.

Jonijonh said:

3 - Can't seem to change to color for my sub-headers... I added "font-size" to it and managed that, but the "color:brown" (example) does not work...


Paste this at the bottom of the CSS and change the color "red" to your choice, the top code should control the text in the sub header, and the top part controls the "#" (pound sign):

.table_header a {
color: red;
}

.table_header {
color: red;
}
 
Oct 17, 2011 2:11 AM

Offline
Joined: Apr 2009
Posts: 3523
Hello, I would like to know if some of the codes (specifically the individual header banners codes) can be added to the "default" CSS template? (the one given when you first open the advances CSS editor)
 
Oct 18, 2011 12:51 AM

Online
Joined: Feb 2010
Posts: 4441
RulenneClarissa said:Hello, I would like to know if some of the codes (specifically the individual header banners codes) can be added to the "default" CSS template? (the one given when you first open the advances CSS editor)



Should be ok. I've added that code to the bottom of the default template and the custom headers came up.

Next time you're unsure of something, you can just add the codes to the bottom and see if they work or not then delete them if you don't like it. Or just copy your code to notepad, then add what you want to the site's CSS here and save, see if it works, if not you can delete the changed code and copy your old code back to the site.
 
Oct 18, 2011 11:24 AM

Offline
Joined: Feb 2010
Posts: 220
Shishio-kun said:
Jonijonh said:
1 - Is there any way to make the top section where you can select your view (All anime, On-Hold, etc...) stop blinking? I would love that. Also is there any way to customize the size, color and type of the font just for this section? I want to change the font type, size, color, etc... I managed to change the color when you hover it, but not all the options changed said color...


.status_not_selected a
{color: ;
text-decoration: none;}

.status_selected a
{color: ;
text-decoration: none;}

Add these to the bottom, insert choices of color.


This only seems to work for the "Dropped" and "Plant to Watch" links at the top. Weird, has "Watching", "On-Hold", "Completed" do not obey the behaviour.

I'm still having issues with the fonts types, but I'll figure it out somehow. Thanks for all the help you're giving me :)
Modified by Jonijonh, Oct 18, 2011 11:28 AM
 
Oct 18, 2011 12:47 PM

Online
Joined: Feb 2010
Posts: 4441
Jonijonh said:

This only seems to work for the "Dropped" and "Plant to Watch" links at the top. Weird, has "Watching", "On-Hold", "Completed" do not obey the behaviour.
I'm still having issues with the fonts types, but I'll figure it out somehow. Thanks for all the help you're giving me :)


Hmm I looked at your CSS, and you haven't pasted the codes given to the bottom of your CSS. If you leave them in, I can determine the problem.

But also, I posted your anime list CSS to one of my lists with them and the colors changed plus blinking stopped so they worked... maybe you need to refresh after entering them... it might also be your browser, what do you use?

As for the fonts well I see English Vivace and people without it installed will see Arial so it looks fine. If you're not seeing English Vivace then maybe you don't have it installed?
 
Oct 21, 2011 6:13 AM

Offline
Joined: Feb 2010
Posts: 220
Shishio-kun said:
Hmm I looked at your CSS, and you haven't pasted the codes given to the bottom of your CSS. If you leave them in, I can determine the problem.

But also, I posted your anime list CSS to one of my lists with them and the colors changed plus blinking stopped so they worked... maybe you need to refresh after entering them... it might also be your browser, what do you use?

As for the fonts well I see English Vivace and people without it installed will see Arial so it looks fine. If you're not seeing English Vivace then maybe you don't have it installed?


Oh yes, after I realised it didn't work, I removed that part of the code. I'll put it back so you can check it out.

I use Firefox, with the latest patch. As for the fonts, the problem was not having Vivace installed. I found it and installed it, and now it shows up just fine :)

Edit: The code is there again at the bottom. As per usual, when hovering over the top links, only "Plan to Watch" changes to another color (on hover). The others remain white.
Modified by Jonijonh, Oct 21, 2011 6:18 AM
 
Oct 21, 2011 5:44 PM

Online
Joined: Feb 2010
Posts: 4441
Jonijonh said:

Edit: The code is there again at the bottom. As per usual, when hovering over the top links, only "Plan to Watch" changes to another color (on hover). The others remain white.


Oh ok you want the links to change color when you hover on them with your cursor, you need this code then:

.status_not_selected a:hover {
color: red;
text-decoration: none;
}
.status_selected a:hover {
color: blue;
text-decoration: none;
}

Something though, I don't see the "only plan to watch changes color" thing at all on your anime list. I did see it on your manga list though, sounds like something that happens because you haven't visited the category yet, or your browser hasn't saved visiting it. After clicking all the categories on your manga list, I don't see the problem. In any case, try these codes instead they affect these links on hover.
 
Oct 21, 2011 10:46 PM

Offline
Joined: Oct 2011
Posts: 61
This is kind of advanced I guess, but I have been trying to figure out a way to create clickable links (i.e., my list) working through a png overlay, and can't seem to get it to work. -_- working with just css can be quite frustrating! If you take a look at my anime list you can get the idea of what I'm trying to do.

(I'm actually not sure if this is even possible, in which case I will have to figure out another work around)

Thanks in advance!
Modified by Saetia, Oct 21, 2011 11:04 PM
 
Oct 23, 2011 1:45 AM

Online
Joined: Feb 2010
Posts: 4441
Saetia said:
This is kind of advanced I guess, but I have been trying to figure out a way to create clickable links (i.e., my list) working through a png overlay, and can't seem to get it to work. -_- working with just css can be quite frustrating! If you take a look at my anime list you can get the idea of what I'm trying to do.

(I'm actually not sure if this is even possible, in which case I will have to figure out another work around)

Thanks in advance!


It looks like you've covered the links with another section "inline content" that has more z-index (priority) than the list links, so it covers the links and they're untouchable. So do you want the links to poke through that so you can keep the fading effect at the top when you scroll down?

If so, there's a few things you can do but it looks like you can just lower the height of the inlinecontent. I don't see a need to have it so high or even wide. Try adding to the bottom, save:

#inlineContent {
height: 102px;}
 
Oct 24, 2011 4:18 AM

Offline
Joined: Oct 2011
Posts: 29
Thank you so much for these tutorials :D

But I have a question :)
I set everything the way I want it, but it looks different on another computer (the background picture is smaller, it doesn't go all the way from top to bottom). I guess it's up to resolution and everything, but still, the majority of lists I see here are set just right and I guess I see them in the way they were supposed to look. So I wanted to ask is there something I could do to make my list that way, so it looks right on the majority of other computers? :)

ETA: Is there a way to make the picture start at the right side of the screen, without the margin? I've tried uploading it in different size, wider and what not, but usually it becomes even smaller then :/
Modified by Shinobi_no_rei, Oct 24, 2011 4:29 AM
 
Oct 24, 2011 8:48 PM

Online
Joined: Feb 2010
Posts: 4441
Rei13Evangelion said:
Thank you so much for these tutorials :D

But I have a question :)
I set everything the way I want it, but it looks different on another computer (the background picture is smaller, it doesn't go all the way from top to bottom). I guess it's up to resolution and everything, but still, the majority of lists I see here are set just right and I guess I see them in the way they were supposed to look. So I wanted to ask is there something I could do to make my list that way, so it looks right on the majority of other computers? :)

ETA: Is there a way to make the picture start at the right side of the screen, without the margin? I've tried uploading it in different size, wider and what not, but usually it becomes even smaller then :/


I don't really know what you mean by "right on all computers" but you to make it start from the right side add this code to the bottom, and save:

body{
background-position: right top;
}


It will still have a gap on the bottom when viewed on a very large screen or one with a far out resolution, because the image is too small. CSS here will not resize like with your desktop wallpaper. You need to upload a larger version- if you can't upload the size you want then use a different image host. The popular sites always resize big pics down. You can try:

http://ihostimages.x10.mx/

or

http://www.freeimagehosting.net/upload.php
Modified by Shishio-kun, Oct 25, 2011 12:15 PM
 
Oct 25, 2011 10:59 AM

Offline
Joined: Aug 2010
Posts: 4970
Hi, thanks for your tutorials, they are all good!

I just wanted to ask that could you make a clear tutorial how to edit the right side menu in Mio' s style? I'd appreciate that alot.

 
Oct 25, 2011 2:34 PM

Online
Joined: Feb 2010
Posts: 4441
Lumikki said:
Hi, thanks for your tutorials, they are all good!

I just wanted to ask that could you make a clear tutorial how to edit the right side menu in Mio' s style? I'd appreciate that alot.


Maybe sometime, thanks for letting me know.
 
Oct 26, 2011 8:50 AM

Offline
Joined: Aug 2010
Posts: 4970
One very simple question again :

How to remove the currently watching option from the menu? I bet it's very easy, but I cannot figure out the code.

 
Oct 26, 2011 12:58 PM

Online
Joined: Feb 2010
Posts: 4441
Lumikki said:
One very simple question again :

How to remove the currently watching option from the menu? I bet it's very easy, but I cannot figure out the code.


The code I would use to remove that link is filtered out by the site, so after you save it won't take effect..

what you can do it move the link off the page- go to the bottom of your CSS and remove this from the bottom line:

/*

after that add these to the bottom, then save. I tested this out with your anime list code on my list and it worked, so it should be fine for you too. But its only made for the CSS that you have right now, it might not be the same on someone else's list style.


.status_selected, .status_not_selected {
position: absolute !important;
top:-1000px !important;
}
.status_selected + .status_not_selected, .status_not_selected + .status_selected, .status_not_selected + .status_not_selected {
position: relative !important;
padding-right: 30px !important;
}
.status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected {
position: relative !important;
}
.status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
position: relative !important;
}
.status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
position: relative !important;
}
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
position: relative !important;
}

Modified by Shishio-kun, Oct 26, 2011 1:06 PM
 
Oct 26, 2011 1:11 PM

Offline
Joined: Jan 2010
Posts: 251
I have a question
wich kind of fonts i can use
is there a list or something???

 
Oct 26, 2011 1:56 PM

Offline
Joined: Aug 2009
Posts: 559
Excuse me, I tried using the codes for different headers for watching/on hold/etc. but the headers won't show up. There must be something wrong with my original code because I edited what I found in the source of the page and left untouched what I did not find necessary to change. Can it be that there is a code blocking the appearance of the headers? Or it might be that I put the
.header_al
{
font-weight: bold;
font-size: 16px;
}
part in a wrong place because I did not find where it would fit. Could you please take a look at my source to see if there's something obviously wrong that I did not notice? ^.^" Thank you very much in advance!
 
Oct 26, 2011 3:44 PM

Offline
Joined: Mar 2010
Posts: 122
monalizy said:
Excuse me, I tried using the codes for different headers for watching/on hold/etc. but the headers won't show up. There must be something wrong with my original code because I edited what I found in the source of the page and left untouched what I did not find necessary to change. Can it be that there is a code blocking the appearance of the headers? Or it might be that I put the
.header_al
{
font-weight: bold;
font-size: 16px;
}
part in a wrong place because I did not find where it would fit. Could you please take a look at my source to see if there's something obviously wrong that I did not notice? ^.^" Thank you very much in advance!


The reason why the headers dont show up is because half of your CSS isnt working because of a syntax error that you made.

To fix this, look for the following in your CSS:
<pre>/* Which 'status' up top is selected? */

.status_selected
{

filter: alpha(opacity=50;
-moz-opacity: 0.5;
opacity: 0.5;

color: #000000;
border-width: 0px 0px 0px 0px;
border-style: ;
border-color: #000000;
padding: 2px;
background-color: #007d8c;
}

.status_not_selected
{

filter: alpha(opacity=50;
-moz-opacity: 0.5;
opacity: 0.5;

color: #000000;
border-width: 0px 0px 0px 0px;
border-style: ;
border-color: #000000;
padding: 2px;
background-color: #129bab;
}


If you look at the lines that are in red, you will notice that you forgot to close the parentheses. To fix the problem, change filter: alpha(opacity=50; to filter: alpha(opacity=50); and then your CSS will be working and your headers will show up.</pre>
 
Oct 26, 2011 5:24 PM

Online
Joined: Feb 2010
Posts: 4441
ooreneoo said:
I have a question
wich kind of fonts i can use
is there a list or something???


You can use any font but only people who have it installed on their com will be able to see it. So if you use a weird font no one will see it unless by chance they got it.

You can put multiple fonts in your codes like this separated by commas:

font-family: font A, font B, font C;

The first fonts on the lines are the ones people see first. If they don't have it, their computer will ignore it and go on to font B and so on. If they don't have any of the fonts, their computer will see a default font.
 
Oct 27, 2011 5:53 AM

Offline
Joined: Aug 2009
Posts: 559
Moronicidiot said:


If you look at the lines that are in red, you will notice that you forgot to close the parentheses. To fix the problem, change filter: alpha(opacity=50; to filter: alpha(opacity=50); and then your CSS will be working and your headers will show up.


Thank you very much! It really works now! *v*
 
Oct 27, 2011 8:11 AM

Offline
Joined: Aug 2010
Posts: 4970
Thank you very much Shishio!!

 
Nov 3, 2011 9:15 AM

Offline
Joined: Jan 2010
Posts: 57
i have a question, i really want to insert links for my profile page, kind of like what a lot of profiles have.

I am wondering the code to insert a link for a specific picture (like the obsessions category to make a link for each anime character to go to their fan page on mal etc.) This way when you click the picture it goes to the link given.
Now my obsessions category is all one image. For the code to work does each image need to be individually made for each link?

Also if i make each image individually how can i keep them in the order i want them in, like beside or right below/ontop without screwing up my design. I noticed your images are all done separately but it comes together quite nicely, i cant seem to get that to work

Ugg i hope this isnt confusing, i have no idea how exactly to explain my problem but i hope you understand
~Lurna
 
Dec 1, 2011 1:49 PM

Online
Joined: Feb 2010
Posts: 4441
Lurna said:
i have a question, i really want to insert links for my profile page, kind of like what a lot of profiles have.

I am wondering the code to insert a link for a specific picture (like the obsessions category to make a link for each anime character to go to their fan page on mal etc.) This way when you click the picture it goes to the link given.
Now my obsessions category is all one image. For the code to work does each image need to be individually made for each link?

Also if i make each image individually how can i keep them in the order i want them in, like beside or right below/ontop without screwing up my design. I noticed your images are all done separately but it comes together quite nicely, i cant seem to get that to work

Ugg i hope this isnt confusing, i have no idea how exactly to explain my problem but i hope you understand


You can't add links to those images the way you have your profile graphic as one big image now. It has to be cut up into individual pieces like here:



They have to be evenly cut out (the proper term is cropped). I added the lines of color to give you an idea you need to cut them. The dimensions I added (circled parts) are suggestions for how big they should be. If you look it over carefully and add them up, you'll notice all the pics on one line have the same height as each other and add up to the same width as the top and bottom images. This is so when they get posted, they all fit together evenly like a jigsaw puzzle. Otherwise they'll be messed up and uneven.



Then they got to be posted in your BBcode and replace what you got now.

On the thing you asked about getting them in order: well (after you cut them all out individually) the images that are supposed to be on one line on the page need to be on one line in the code, like so:

image1 is the red bordered part with Mio, image2 is the green bordered part with Meko, image3 is the blue bordered part with Makise, image4 is the purple bordered part with Mato, image5 is the turqouise bordered bottom part. I colored the text here so it would be easy to tell them apart.

this is correct:
[img][image1][/img]
[img][image2][/img][img][image3][/img][img][image4][/img]
[img][image5][/img]

this is wrong:
[img][image1][/img]
[img][image2][/img]
[img][image3][/img]
[img][image4][/img]
[img][image5][/img]




After you split it up, then a URL link has to be attached to them in the BBcode. Like in this example:

[url=http://www.myanimelist.net][img]http://myanimelist.net/ picture.jpg[/img][/url]

the red part is your url tag. Whatever is in between it and the [/url] part will have a link when you click on it on the page. Add the url tag with the link you want to the images in your profile code you want that link on. I'd recommend just messing around a single image and adding a url tag to it to get the hang of it.

btw bbcode is messed up alot after going back to it on this site, so you save your code often to a separate notepad. If it gets real messed up I have a thread in this club you can post in to get it fixed. Post back here too if anything isn't making sense or you're having trouble.

Sorry for the late replay too, I thought you were asking someone in particular who also had a obsessions category thing but it turns out you were talking about yourself.
Modified by Shishio-kun, Dec 1, 2011 2:16 PM
 
Jan 2, 2012 7:00 AM
Offline
Joined: Apr 2011
Posts: 3
How do you get your list to show Currently Watching only when you open you're animelist?? Something like this
 
Jan 2, 2012 9:11 AM

Offline
Joined: Aug 2009
Posts: 257
Go to your profile > Edit My Profile > My List Settings > Anime List Settings > Default Status Selected

or

http://myanimelist.net/editprofile.php?go=listpreferences.
 
Jan 4, 2012 6:51 AM
Offline
Joined: Apr 2011
Posts: 3
 
Jan 19, 2012 7:51 PM

Offline
Joined: Jun 2011
Posts: 4
I'm not sure if I can ask some things yet but, for example. I tried to add some transparency on my list, in fact I'm trying to fix a lot of things and colors on it yet BUT....I would like to change the background color of my list and still keep it transparent, but not that much "invisible". I got the code here and I kinda liked it, it helped me a lot but when I try to change the color it won't be transparent anymore or I'm not even sure where to change it.

If someone could help me with this I would appreciate it. (My English is not so good so it's hard for me explain, I hope you guys understand what I mean) Thank you!
 
Jan 23, 2012 11:46 PM

Online
Joined: Feb 2010
Posts: 4441
Hawkey said:
I'm not sure if I can ask some things yet but, for example. I tried to add some transparency on my list, in fact I'm trying to fix a lot of things and colors on it yet BUT....I would like to change the background color of my list and still keep it transparent, but not that much "invisible". I got the code here and I kinda liked it, it helped me a lot but when I try to change the color it won't be transparent anymore or I'm not even sure where to change it.

If someone could help me with this I would appreciate it. (My English is not so good so it's hard for me explain, I hope you guys understand what I mean) Thank you!


Try these codes, and change the opacity number from .01 to .99 until you find the setting you like. It changes the transparency of your list background. The second set affects what you see when the cursor hangs over a spot on your list.


.td1, .td2 {
opacity: .9;}

.td1:hover, .td2:hover {
opacity: .9;}
 
Jan 25, 2012 2:38 AM
Offline
Joined: Oct 2010
Posts: 23
Hello i got little trouble ;d
When i click "More", the information in it is one big mess. How can i repair that?
Link to my list: http://myanimelist.net/animelist/senami18

@Edit: Problem solved, i must add:

#list_surround br {
display:block;
}
Modified by senami18, Jan 25, 2012 9:49 AM
 
Feb 1, 2012 7:20 PM

Offline
Joined: Jul 2011
Posts: 25
Question: How do I make the hover on background of the lists fade-in? I don't know if I explained myself ... I want it to look like this.

I've looked around quite a considerable time but I can't find anything and I can't figure out the code. Would really love some help.

Thank you in advance (:
 
Feb 1, 2012 9:32 PM

Offline
Joined: Nov 2011
Posts: 303
Use something like this:
tr:hover .td1, tr:hover .td2{/*code for new look*/}
It changes the look of table cells in a hovered row (only in ones with titles).
You can use any properties there, probably you'll use opacity and/or background-color

And this is piece from my code that makes transition smooth:
 
Feb 8, 2012 3:47 AM

Offline
Joined: Jun 2011
Posts: 46
Question,
I want to move my status_selected/not down inline with my header
Any idea what i should add to my code to do this?

Thanks.
 
Feb 8, 2012 5:24 AM

Offline
Joined: Nov 2011
Posts: 303
@erlbaum

You may use a negative margin-bottom or absolute positioning on #list_surround > table:first-of-type
Or since every vertical spacing is made using <br>'s, you can disable them with display: none; and use margins on other elements to tweak positioning.

BTW, your code is too -moz-
 
Feb 8, 2012 5:54 AM

Offline
Joined: Jun 2011
Posts: 46
Thanks a ton mate, learnt some new stuff thanks to you :3,
Why is -moz- bad?

Guess it doesnt work on opera >:(
Modified by erlbaum, Feb 8, 2012 5:58 AM
 
Feb 8, 2012 6:31 AM

Offline
Joined: Nov 2011
Posts: 303
Because - yes - it works only in FF, not in Opera, Chrome or IE. I try to avoid these if possible, or add all browser-specific properties that do the same thing so that they will be supported by all except for IE, like I did for transition four posts above
 
Feb 8, 2012 6:54 AM

Offline
Joined: Jun 2011
Posts: 46
Guess i should of read above my post, I'll be stealing that piece of code :3
 
Feb 12, 2012 7:16 AM

Offline
Joined: Sep 2011
Posts: 221
When I use *{...} and put #mal_control_strip on the same code like
then the #mal_control_strip part desappear when I instal the codes I even tried using #mal\_control\_strip but got the same results it's works normal if I don't use *{...}.
Is there a way to use both together?
 
Feb 12, 2012 7:21 AM

Offline
Joined: Nov 2011
Posts: 303
@ Miketsukami
I've just tried this and it worked, but I had to apply the CSS twice to see changes
* {
border: 0 none !important;
font-family: tahona !important;
font-size: 10pt !important;
font-weight: bolder !important;
text-align: left;
}
#mal\_control\_strip{
position: fixed;
top: 0px;
right:0px;
z-index: 32;
}


Also you may use @import to load your css file from external resource.
 
Feb 12, 2012 7:36 AM

Offline
Joined: Sep 2011
Posts: 221
VeriTi said:
I've just tried this and it worked, but I had to apply the CSS twice to see changes

Also you may use @import to load your css file from external resource.

Thanks again. I'll try it.
 
Feb 25, 2012 11:50 AM
Offline
Joined: Jul 2011
Posts: 35
How delete searchBox?
 
Feb 25, 2012 11:54 AM

Offline
Joined: Nov 2011
Posts: 303
@aisuuw
just #search{display:none} , no?
 
Feb 25, 2012 11:59 AM
Offline
Joined: Jul 2011
Posts: 35
thanks~
 
Mar 6, 2012 9:22 AM

Offline
Joined: Oct 2011
Posts: 29
Hello :)
I desperately need help/advice, I hope this is the right place to ask for it :)
I'm trying to make a profile design for the first time, and I'm having some problems, so I would like to know if it's a common thing (in that case I'll have to give up on what I planned already) or I'm missing something :)
Anyway, let's say that I want to have several gifs there, and I need them to start at the same time. I've just tried it, I put two of them there and several unexpected things happened.
When I checked the profile for the first time after updating, there they were, changing at the same time for a while, but then the second one slowed down for a bit, so they were 'out of sync'. Then, when they reached 'the end', the first one continued (they're both set to repeat indefinitely), but the second one eventually stopped moving when it reached the end, and then it stayed on the last picture :/
When I checked the box after that, it turned out that there was only one link, and I put two. I tried to save both of them several times, but only one would be visible after saving.
And then I tried putting the same link for the same gif twice, just to see what happens - it showed just one line after saving, again, but on the profile they were both synced perfectly - but I don't need the same gif repeated :D
So, is there anything that I can do about it? :)
 
Mar 6, 2012 10:43 AM

Online
Joined: Feb 2010
Posts: 4441
Shinobi_no_rei said:
Hello :)
I desperately need help/advice, I hope this is the right place to ask for it :)
I'm trying to make a profile design for the first time, and I'm having some problems, so I would like to know if it's a common thing (in that case I'll have to give up on what I planned already) or I'm missing something :)
Anyway, let's say that I want to have several gifs there, and I need them to start at the same time. I've just tried it, I put two of them there and several unexpected things happened.
When I checked the profile for the first time after updating, there they were, changing at the same time for a while, but then the second one slowed down for a bit, so they were 'out of sync'. Then, when they reached 'the end', the first one continued (they're both set to repeat indefinitely), but the second one eventually stopped moving when it reached the end, and then it stayed on the last picture :/
When I checked the box after that, it turned out that there was only one link, and I put two. I tried to save both of them several times, but only one would be visible after saving.
And then I tried putting the same link for the same gif twice, just to see what happens - it showed just one line after saving, again, but on the profile they were both synced perfectly - but I don't need the same gif repeated :D
So, is there anything that I can do about it? :)


I know all about making GIF layouts (see my profile), so if you just post the entire BBcode here in the thread I can examine how the profile layout turned out and tell you what to do.
 
Mar 6, 2012 11:10 AM

Offline
Joined: Oct 2011
Posts: 29
Thank you, but I just wanted to try it out, I haven't made the profile yet, I have to know what can and can't be done before I really start working on it :)
I just used so they would be side by side, and, like I said, it was fine with the same gif, but it started being messy when they were different :/

Another question - is it possible to...how to explain.. Post a bunch of photos on a host site, and then do 'something' with the code here so they would make a gif directly on the profile? :) I really don't know how to explain it, I'll try again if this is unclear :)
I've read about it somewhere, but I can't find it now :/
 
Mar 6, 2012 11:15 AM

Offline
Joined: Nov 2011
Posts: 303
@ Shinobi_no_rei
Probably it meant you should post those gifs, maybe the reason is in the pics not in the code.

If you mean to dynamically swap images via BB-code, this is impossible.
 
Mar 6, 2012 11:31 AM

Offline
Joined: Oct 2011
Posts: 29
If that's what Shishio-kun meant, I would gladly send them in a message, I don't want them posted in public before my profile is done :shy: :)

I just know that I read something about it somewhere, and it seemed kind of strange, but that would solve some of my problems (gifs being low quality, for example), so I had to ask :)
 
Mar 6, 2012 1:40 PM

Online
Joined: Feb 2010
Posts: 4441
Shinobi_no_rei said:
If that's what Shishio-kun meant, I would gladly send them in a message, I don't want them posted in public before my profile is done :shy: :)

I just know that I read something about it somewhere, and it seemed kind of strange, but that would solve some of my problems (gifs being low quality, for example), so I had to ask :)


It would be way easier to answer the questions if I could see what did so far here, but if thats how you feel just send me the profile as far as you got in a PM then please.
 
Pages (95) « 1 [2] 3 4 » ... Last »