![]() |
Quote:
Quote:
EDIT: Nvm. It's fine now, exactly how I wanted it. Thanks! |
For some reason the links in my signature don't work. I have a link on IRC, one on Talk, and one on Me, and none of them are activating.
PHP Code:
|
Are you sure you put the [URL] tags in? Because I'm not seeing them.
|
They're there, I just forgot to switch out of the dumb rich text mode before I copied it so it copied as if they're not there. the links look like this:
PHP Code:
|
Please forgive me for starting completely over, but I could not follow your code with all of its positioning and height and width shenanigans.
I ask for nothing, I can get by but I know so many less lucky than I Spoiler:
I wouldn't use so many divs for just simple text. Divs tend to add line breaks whenever a new one is added which is quite pain if your code doesn't require divs. Spans work just as well at getting the job done without having to add a line break or height/width shenanigans. Now, indepth break down of what I did. Hopefully it won't be too hard to follow. 1. Start with [Center] to make it center align. 2. Declare a [cd] div that will contain the background-image. It will hide anything that spills out of it. 3. Use [Left] to left align anything with this div. 4. Declare another [cd] div that will contain the code used most often so that it doesn't have to be repeated in each new span/div. For example, the margin-left:160px; moves all the text over at least 160px from the left edge. 5. Use [span]s around the text and code that they need individually. 6. Close each [span] after the text they modify. Compare to how you had all of your [/cd]s at the end. 7. Close the second [cd] div. 8. Close the [left]. 9. Close the first [cd] div. 10. Make a new [cd] div that will contain the rest of the text. 11. [left] to left align everything again. 12. [span] on the first line to move it over like you had and closed on the first line. 13. Close the [left]. 14. Close this [cd] div. 15. Close the [center]. Links should work. I don't know what they are, so you should put them in yourself. |
I'm not sure I quite understand, but I'll take your word for it because it works. xD Thanks!
|
If there's anything in particular that you'd like clarified on why I did it the way I did, feel free to ask.
|
How can i make Dark to Lime green text colors?
Like in jigglypuff's? |
You can do it manually by getting all seperate colours, but that would take a while, or you can use a text gradient generator, such as this one to make it. It shouldn't be too hard to do what you want with it.
|
PHP Code:
|
Learn to use height, width, and overflow properties in your favor. No I will not give you the code.
|
Hey can anyone help me out? I'm looking for a way to make a text box on my thread, but i don't know how T_T. Is it just standard CSS commands? Or do i have to make an image and insert it?
|
Well by text box do you mean the scroll one? because to do that all you need to do is create a CSS box and set it to overflow, like this
text text text text moar text the code looks like this [css-div=" width:100px; height:50px; overflow:auto;"] text text text text moar text [/css-div] |
Quote:
|
Quote:
|
http://www.pokecommunity.com/showthread.php?t=215424&highlight=uranium
The infobox is on the right with the download, team, status, etc. |
text and stuff here Oh right! well for that all you needed to do was make it float to the right but using this code float:right; coding looks a little like this [css-div=" width:100px; height:50px; float:right; border:solid;"]text and stuff here[/css-div] |
Phew thanks you're a lifesaver :D
And how do I make the subsections inside the big box? |
Whatever Other stuff[css-div=" width:100px; height:50px; float:right; border:solid;"][css-div=" width:100%; height:20px; background-color:black; color:white;"]Whatever[/css-div]Other stuff[/css-div] |
Just wondering, how do you do the 'hover text' with CSS? I've tried following this, yet I still can't do it. Any help please?
|
You can't, you need HTML, CSS alone doesn't have the capabilities.
|
I've seen some members use it tho (Staff), can staff members use HTML?
|
Quote:
|
1 Attachment(s)
Okay. On my forum I installed a Shoutbox plugin. It's at the bottom of the page when I'd like it to be at the top. I have the CSS template code for the index and I see {myshoutbox} right before board statistics which is correct in the order. Here's the code
Code:
|
Try this.
Code:
|
Quote:
|
Do someone knows how to make shadow at donavannj's signature when it says: "HOWEVER IT GOES,
the fate of both worlds will be decided by this battle!"? |
Yea you use the text shadow code, its
text-shadow: 5px 5px 5px #ccc The first two are the x-y coordinates and the last one is the blur radius and then obviously the last one is the shadow colour ^-^ |
My signature image isn't lining up with the css colored boxes. Help?
PHP Code:
|
Seems to be lining up just fine for me, care to take a screenshot and outline the issue?
|
I am just asking, can you make a background for the [css-div=" background-color: ****; border-color: ****; border-style:solid;"] code,
The **** is the color. |
I have no idea what you are saying. Can you possibly show me an example?
|
Quote:
Click the thing above, and I want to make this CSS code [css-div=" background-color: ****; border-color: ****; border-style:solid;"] have a background, can it? If yes, tell me. |
Yes it can with background-image: url("url");
|
http://i.imgur.com/1TAgu.png
Using vbulletin default skin style and Google Chrome. You can see the bottom right corner of the banner sticking out from the pink css, like 1 pixel off. |
I'm using Top Dog and Firefox and see it on the post...but in your signature it looks pixel perfect. :x Does it look off in your signature to you as well?
|
Quote:
Spoiler:
|
It actually looks fine for me, also, it could be a Chrome issue though. I'll have to do some research, but your code is fine, so I'm not too sure why that is happening.
|
Its not a chrome thing, i can see it fine (Im using forever standing btw).
But when i use some of the earlier themes it happens. |
umm... I'm pretty sure this code has been asked before, but does anyone know the code to make rounded borders?
I'm sorry if this question is beginning to sound like a broken record, but I need it (and can't be bothered searching the thread). maybe if it was added to the first post? Thanks in advance! |
Code:
Code:
|
Quote:
border-radius -moz-border-radius border-top-left-radius -moz-border-radius-topleft border-top-right-radius -moz-border-radius-topright border-bottom-right-radius -moz-border-radius-bottomright border-bottom-left-radius -moz-border-radius-bottomleft |
Actually, border radius works for every browser that uses CSS3, so moz has supported it since 3.5. But not everyone is updated. So if you're going to add extra codes, you might as well just stick with -moz-border-radius & web-kit-radius.
However, let me point out that IE9 will support CSS3, meaning it will have rounded corners etc. So I'd advise adding all 3 codes when it does. You're better off covering all angles to ensure the best browser compatibility you can get. |
Okay, what I want to do is get two CSS codes to show up on the same line. Since when I try to do two seperate CSS codes and put them next to each other they end up on different lines, if that makes sense.
|
|
How do you change the hyperlink color in BB code?
|
You put the colour tag inside of the URL tag. Like this.
[URL="http://www.pokecommunity.com/member.php?u=119663"][COLOR="#B82556"]James[/COLOR][/URL] |
Quote:
|
How do you overlap images like in Rukario's signature?
|
You could either use a background image (background: url('linktoimage.png');) and then put another image ontop (which can then be positioned with position: absolute: and left: pixelpx/right: pixelpx/etc. or padding-top: pixelpx etc.) or you could use the z-index code (z-index: 99; would make everything in that div have priority over anything with a z-index of 98 or lower).
|
I don't really understand. CAn you give me an example with the CSS code?
|
If you look here inside the spoiler there is a rattata signature that uses the z-index code on the teeth and as you can see, they are on top of the sprite thats underneath.
As for the background image bit the background-image:URL('urlhere.png') is put inside the css tag next to the other codes like the background-color code. It can be explained in a bit more detail here ^_^ tbh if you want a signature like Rukarios your better off using the background image code ;D |
Ok. Thank you very much! I'll try that.
|
Okay, so I'm trying out a format for episode discussions, and I've done this so far.
http://img37.imageshack.us/img37/1488/season14logo.png Episode 31: "Oshawott's Lost Scalchop" Air Date: 13/08/2011 What I want to do is get an image in the nested CSS box, but the image goes faded too, any help please? |
Quote:
|
How can I make the cursor change? Like at Pokemon Trainer Touko's Lilligant signature? It has a lilligant cursor.
|
Add this into your CSS:
Edit: cursor: url('cursor URL here'), crosshair; |
Thanks Mew~!
But I has a problem.. http://cur.cursors-4u.net/toons/images4/too354.gif The cursor should be like this, but at my sig, it doesn't animate fastly. HEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEELP! |
Animated .gifs don't make animated cursors. They have to be converted to .ani files. However, only Internet Explorer will support .ani files right now, I believe (not sure about Chrome). Conversely, Internet Explorer doesn't support .gif cursors. It only supports .cur and .ani.
ETA: As far as I can tell, Chrome does not support .ani files either. I don't recommend it, but you'll need to find software that converts .gifs to .anis. I doubt you can upload .anis to standard image hosting sites, so you'll need to upload it to your own hosting as well. You could try: cursor: url('cursor.ani'), url('cursor.gif'), crosshair; but I'm not sure if that will work. My theory is Firefox etc. will ignore the .ani and use the .gif, but it's only a theory. Quote:
You might not have access to sufficient image editing software right now, so here's one: http://i.imgur.com/4MDwa.png http://i.imgur.com/4MDwa.png Don't ask about image choice >.> Just picked a random img off the page. It stretches, but I don't know the dimensions of the image you want to put in, so you'll have to adjust that yourself. ;) |
Ok. I'm not understanding the overlap text concept.
|
How can I make that thing under the picture where like Hiiro's sig?
|
Quote:
|
@Mew~
I meant the code.. |
KingSnivy, it literally doesn't get more basic than this. You should do a little research before asking a question. It's just a plain box, with a few simple codes.
Something along the lines of HTML Code:
|
Hiiii :D Can someone please tell me how to make a 'floating' box? :D Like the one on the GT8 thread? Please and thank you ^_^
|
The float: property is your friend. ;)
|
Ok i tried some of this and now my thread looks like this(Link in sig)
The stuff i entered keeps duplicating and adding [/div] to the end closing it! I Urgantly need some help! :( |
Well this is more of a forum problem than a css one but what you could do is click the A/A symbol in the top corner and remove all the extra coding and whatnot manually.
|
...I just want to bring life to this thread by saying I managed to create my signature using css - all by myself :D .
I'm actually really proud ^^ |
That looks pretty good Impo :D
But maybe you want to try adding in these codes so that the border works in all browsers? Quote:
|
Quote:
But every time I add them it automatically wraps url tags around my image locations... I need to experiment more |
Why would it be doing that? o.O
You are putting them into the same css code that the -moz- codes are in right? |
The problem is that you're editing it in the WYSIWYG editor. Try switching over to plain-text, when you're in the other one it automatically makes every url in the post wrapped with [url][/url] tags. :)
A/A in the corner if you're not sure. |
Quote:
thanks a bunch :D ..actually, I tried that and it still wraps the tags around it.. oh dear, this is getting frustrating xD |
If you're doing url(http://linkstuff.com/link) just add in some of these url('http://linkstuff.com/link') and it shouldn't wrap any tags around it.
|
I shall try it now, thanks :)
Yay it worked, thanks :D |
I've never been too sure on this, but I would like to make the width of this:
Smaller. Is there any way of doing that? |
You use the overflow CSS code and set it to hidden so it turns out like this :)
For the sound BB code you need to set the width to 60px if you just want to get the control buttons. [cd=overflow:hidden; width:60px;][sound=Itsumo No Fuukei]http://www.fileden.com/files/2010/10/22/2999413/Suzumiya%20Haruhi%20OST%20-%20Itsumo%20no%20fuukei_%28new%29.mp3[/sound][/cd] |
Quote:
I shall try that now. |
I know nothing about CSS, but I want my signature to cycle through different texts one at a time similar to the userbars this member has http://www.pokecommunity.com/member.php?u=255550
I want each of my links to cycle through one at a time like the user bars gameplayer56 has (in the signature of this member) |
Sorry to say Justin but the way that person does it is by turned the userbars into a gif.
The closest thing you can do to get it like that with CSS is to create a box and have people manually scroll it. It can be done like this: Scroll Scroll Scroll Scroll Scroll Scroll Scroll You set the box's width and height and then the overflor code makes it scroll when the text hits the box's limit. Quote:
|
does anyone here know how to make css appear side by side? All I've got is this:
RADIANT YELLOW BUILDING The Radiant Yellow's are known for being very happy and positive trainers. They enjoying battling even if they do not win, and are always glad to see their Pokemon on the battleground and never get angry at them for losing. They converse with Pokemon in a childish way, often by playing games or offering treats. They are humble in defeat, but also in victory, always thanking their opposition. They are also very comforting, consoling people and Pokemon when they need it. 1 Member 0 Total House Points 0 Total Wins 0 Total Draws 0 Total Loses 0 Total Upgrades MVP MWP SERENE BLUE BUILDING The Serene Blues are known for their quiet and calm nature. In battles, Blues are rather quiet, but they show their Pokemon affection by means other than words. Rumors say that some Blues can speak to their Pokemon telepathically, and that is why they don't speak much. When in the face of adveristy, Blues remain calm and think of a plan while remaining cool-headed. Blues are also known for being rather cunning and smart, often planning and analysing things in their silence. They can be seen as quietly considering all options before choosing, and are very dextrous. 1 Member 0 Total House Points 0 Total Wins 0 Total Draws 0 Total Loses 0 Total Upgrades MVP MWP NETTLE RED BUILDING The Nettle Reds are a very intimidating and loud household. They enjoy battling as a form of fitness and a way to connect with their Pokemon. They are proud when they win, and have a very conspicuous way of showing it. They enjoying training all kinds of Pokemon to learn how they battle, and they use that information against opponents. The Reds have a prone to having very short tempers, but their Pokemon and peers often oversee it. Due to their nature, their Pokemon often inherit some of their traits, which show both on and off the battleground. 1 Member 0 Total House Points 0 Total Wins 0 Total Draws 0 Total Loses 0 Total Upgrades MVP MWP And I want it to be side by side, so I can add another css box under all three. Any help is appreciated, thanks. |
I had a similar problem before. Just add this to each css coding 'display:inline-block;' if your too lazy then just quote this post and steal the code. xD; RADIANT YELLOW BUILDING The Radiant Yellow's are known for being very happy and positive trainers. They enjoying battling even if they do not win, and are always glad to see their Pokemon on the battleground and never get angry at them for losing. They converse with Pokemon in a childish way, often by playing games or offering treats. They are humble in defeat, but also in victory, always thanking their opposition. They are also very comforting, consoling people and Pokemon when they need it. 1 Member 0 Total House Points 0 Total Wins 0 Total Draws 0 Total Loses 0 Total Upgrades MVP MWP SERENE BLUE BUILDING The Serene Blues are known for their quiet and calm nature. In battles, Blues are rather quiet, but they show their Pokemon affection by means other than words. Rumors say that some Blues can speak to their Pokemon telepathically, and that is why they don't speak much. When in the face of adveristy, Blues remain calm and think of a plan while remaining cool-headed. Blues are also known for being rather cunning and smart, often planning and analysing things in their silence. They can be seen as quietly considering all options before choosing, and are very dextrous. 1 Member 0 Total House Points 0 Total Wins 0 Total Draws 0 Total Loses 0 Total Upgrades MVP MWP NETTLE RED BUILDING The Nettle Reds are a very intimidating and loud household. They enjoy battling as a form of fitness and a way to connect with their Pokemon. They are proud when they win, and have a very conspicuous way of showing it. They enjoying training all kinds of Pokemon to learn how they battle, and they use that information against opponents. The Reds have a prone to having very short tempers, but their Pokemon and peers often oversee it. Due to their nature, their Pokemon often inherit some of their traits, which show both on and off the battleground. 1 Member 0 Total House Points 0 Total Wins 0 Total Draws 0 Total Loses 0 Total Upgrades MVP MWP |
...wow, thank you so much :D !
...is there a way to put spaces inbetween? I'll mess with the code anyway, thank you :) ! Quote:
wow, thanks so much but now the boxes are all next to each other, and not spaced like they were before. Do you know how to fix that :s ? Wait, I fixed that. But now, how do I give them spaces inbetween :/ ? |
Centering three divs?
I'm trying to have a three-column website, where the columns are completely center.
It's driving me crazy trying to center them! I know I'm doing something wrong, obviously, but I can't figure it out. I am a little new to coding websites, though, so keep that in mind. Spoiler:
HTML Spoiler:
Thanks in advance! @Impo - Try using "margin-left" and "margin-right". |
Quote:
I see at least two excess closing </div> tags without opening pairs, causing at least one of your divs to close early. |
Hmm...
OK, here's the deal: My signature appears correctly in IE7/8/9, Chrome, and the Android browser. However, when rendered in Firefox, it somehow appends extra padding to the bottom, causing the signature area to have a vertical scrollbar. How should I fix it? Or is the issue on the forum side? (No extra padding appears in the signature preview or in this post) Code:
signature art by kip |
It seems to be a forum problem twiggy. I can see what you mean on firefox it adds quite a bit of margin to the bottom causing it to scroll but after I changed from the default delibird theme to Flames of Simplicity the scroll bar was gone.
Looks like there isn't much you can do about it :x |
Quote:
So what to do if a signature moderator sees the signature using Firefox? |
Quote:
I think if you are forced to change it then you could remove the credit part at the bottom and maybe add it in as a title over kips name? |
While not the most elegant solution, you could force the scrollbar to be hidden by adding overflow: hidden; to your CSS. It should have no effect on any of the working browsers and since the scrollable content is white space in Firefox, you won't be missing anything there either.
|
Quote:
|
Question of curiosity, but how do I get a transparent rectangle overlayed on top of a background with a scroll box inside the transparent rectangle? I'm not too experienced with CSS as a whole.
|
Well as for the transparent bit Zach you can either set the background image as a semi-transparent colour . The other way is to make the box transparent using this code:
Code:
As for the scroll box bit you just set the height/width to how big you want to be and then use this code Code:
|
I'm in a little bit of trouble. What I want to do is have some rotating text on the outside of my signature, but even time I do it the text goes far far away.
This is what I mean: http://i1026.photobucket.com/albums/y321/da_impos/toadimagesig.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/coin.png 3,600+ Paired to DragonOmega and Shining Raichu Does anyone know how to fix this? |
I've had this problem quite a lot Impo "/
So far from what I've seen the only way to fix it is to use positioning codes such as "left:0px;", "right:0px;", "top:0px;" and "bottom:0px;" to position it in the correct place like so. http://i1026.photobucket.com/albums/y321/da_impos/toadimagesig.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/coin.png 3,600+ Paired to DragonOmega and Shining Raichu I'm assuming that's what you were trying to do but idk :x I don't use rotation that much though so if there's another, easier way of doing this please do share :3 |
http://i1026.photobucket.com/albums/y321/da_impos/toadimagesig.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/coin.png 3,600+ Mario Kart 7 Sig Collab Paired to DragonOmega and Shining Raichu Wow, that's amazing! Thank you so much :D ! But I kinda edited my signature a small touch, and I tried subtly adding it in to the equasion, but then I messed up again /facepalm I want it all to be on the right side of the page, with everything in the Toad thing centered. Would it be too much to ask if you could help with that :x ? |
Quote:
Maybe we can do a reboot of the thread at this point... should we? I think a bit of extra information about all the fancier stuff should be in there. XD |
.. I don't currently have any visible scroll on my screen. The line spacing for the enters is 4px, I think that's why.
|
Ok I think that's done it. What I've done is created a box and set it to relative using the position: code. I've also added on a bit of a margin to the right so that the text isn't poking out the side :3
http://i1026.photobucket.com/albums/y321/da_impos/toadimagesig.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/7-1.png http://i1026.photobucket.com/albums/y321/da_impos/coin.png 3,600+ Mario Kart 7 Sig Collab Paired to DragonOmega & Shining Raichu Quote:
|
| All times are GMT -8. The time now is 11:04 PM. |
![]()
© 2002 - 2018 The PokéCommunity™, pokecommunity.com.
Pokémon characters and images belong to The Pokémon Company International and Nintendo. This website is in no way affiliated with or endorsed by Nintendo, Creatures, GAMEFREAK, The Pokémon Company or The Pokémon Company International. We just love Pokémon.
All forum styles, their images (unless noted otherwise) and site designs are © 2002 - 2016 The PokéCommunity / PokéCommunity.com.
PokéCommunity™ is a trademark of The PokéCommunity. All rights reserved. Sponsor advertisements do not imply our endorsement of that product or service. User generated content remains the property of its creator.
Acknowledgements
Use of PokéCommunity Assets
vB Optimise by DragonByte Technologies Ltd © 2023.