![]() |
Yeah, each image you would want to be unselectable you would put it inside a div and make the image the background of the div instead of putting the image itself inside of it. The only problem is you'll have to probably do a bit of rearranging to make sure it fits where you want it to.
|
Alright, according to some people, I apparently have a scrollbar in my sig, but I can't see it. I'm using Chrome right now and the Atop Mt. Coronet theme, and Aerilyn (who can see a scrollbar) is using Firefox. I tried slimming everything down, getting rid of extra padding and such, but apparently the scrollbar is still there. Can anyone else see a scrollbar, and how would I fix it? |
Quote:
|
Quote:
[css-div="height:Xpx;width:Ypx;overflow:hidden;"][/css-div] Obviously replace the X and Y with the relevant numbers. This encloses the entire signature in a box and the rest of the stuff outside that may cause a scrollbar is completely hidden. :) |
Reposting this from my Question thread, because I forgot about this thread.
Gentlemen, I have a problem. After returning for good on a new account, I've been mucking around with CSS to get a nice, good signature like I had on my old, old account. However, for the life of me I cannot get rounded borders. The code: Code:
Any help is appreciated, thanks. |
Quote:
Code:
|
Quote:
|
The original code you had (-moz-border-radius-topleft) was missing radius (-moz-border-top-left-radius). I also included -border-top/bottom-left/right-radius because some browsers don't support -moz-.
|
Hello guys, I have a problem here. Look at this code (remove the *s):
[*CENTER][*COLOR=#000000][*css-div="width:500px; height:1000px; color:#FFFFF2; background-color:#000000; font-size:10px; text-shadow:1px 1px #8B8B83;"][*FONT=Cambria][*SIZE=3][*I] [*SIZE=4]Land of the Refresher [/SIZE][/I][/SIZE][/FONT][/COLOR][*COLOR=#000000][*COLOR=#000000][*FONT=Cambria][*B]1.[/B] Nearly every Pokémon I have up will be [*B]cloned[/B]. If you don't like this, please leave. There's literally no difference. [*B]2.[/B] Please don't be rude and/or impatient. I will have to get around to everyone.[/FONT][/COLOR][/COLOR][/css-div][/CENTER] Now, I want to have a few boxes in there to seperate it a bit. I also want to have a picture. However, whenever I put the picture or a seperate css-div code in there, it breaks the whole thing. :/ Do any of you guys know why this is happening, and how to fix it and/or tell me how to place a css-div box inside there (if you do the code yourself, tell me the solution as well, so this doesn't happen again). Thanks! |
In the future, you can use the [noparse][/noparse] code to post something like that on the forums without having to put *s in it or anything. Makes it much easier to read/edit that way.
That being said, I'm not sure what problem you're having with the codes. I just put in a box around your text and had no problem, and then added a picture and similarly had zero problem. Maybe you can tell us what you did and screenshot the problem? Either way, in spoilers I have the code that I used that worked just fine. Spoiler:
|
Quote:
|
I'll also just say right here that it doesn't really…work?…to have so much empty space, so…:P
|
It looks like he's doing a trade shop, which would be a certain height and then have a scrollbar. Either that or he just put in a fixed height to test his code; I put in fixed sizes to test code all the time when my actual code will be variable.
|
I absolutely love css, I wish all browsers were up to date on all the css attributes but that may never happen. Here is some CSS i wrote just now to test out some things.
Code:
|
Alright, moar css issues posting-wise.
Code:
EDIT: Never mind, figured it out. :) |
It looks like this thread has somewhat died, but I'm here to make a contribution, I guess. I haven't really found any tutorials on how to do this on PC so either I'm the first one or I really need to do more searching :P
The Super-Short Tutorial on Custom Mouse Cursors on Your PC Posts and Sigs Yep, you heard it here first. For all those dynamos who don't like the crosshair cursor offered by standard CSS but don't want a simple, plain mouse hovering over their posts or sigs, there's now a way for you to have your own custom mouse cursor! Step 1: Pick a cursor! Obviously, this is the easiest step. Simply pick what mouse cursor you want to utilize. A good site for some creative, flashy ones would be Cursors-4U.com, which is the one I used to get my cake cursor in my signature. There are other websites available to get cursors from, but I prefer this one because of the next step.Step 2: Get the .cur file! "Wait, what's that?" The .cur file is the file that makes the cursor, well, a cursor. It's hard to explain, really, but you need it to make this code work. In order to find this using Cursors-4U, click on the one you want to use and go to the box labelled CSS-Style Sheet Only Code. Locate this:http://i.imgur.com/jM9d655.png That's the link to the .cur file, which we will be utilize. Copy it and paste it down somewhere. I don't know where this would be on any other websites, sorry, so if you can't find it you might wanna look elsewhere. I'm sure most websites will have it, however. If you seriously can't find it, the .png file of the cursor works as well. Simply right click on the image and select "Copy Image URL". Step 3: Creating the code! Okay, this step is probably the simplest, since all I really have to do is give you the code. Well, yep, here it be:Code:
Step 4: Adding it to your post and/or signature! Here we go, the main reason everyone looks at this post. Now that your custom code is ready, how do you add it to your post? Very simple! Simply take the code and wrap it around the post, and your cursor will show up on it, like so:Spoiler:
Code:
Spoiler:
... then simply use this: Code:
Okay, that's it. Good luck with all your cursor needs! |
Hello everybody! I need some help with CSS.
I was doing the CSS for my trade shop and everything seemed to be ok until I tried to put the information of the pokemon in the boxes. The text goes all over the template and doesn't stay in the boxes. Also, the scroll bar won't appear. I'm not sure what might be wrong, so any help will be highly appreciated. Here's the code: Code:
|
Hey guys please tell me the hex code of staffadminitstator like [smod] [mod] etc if we add these color change to yellow and blue if [mod] so what is the hex code for Staff add and add ? please tell me the hex codes thank you
|
Quote:
Mod = #4282B5 Smod = #FF9900 Assistant Admin = #308D5E Staff Admin = #CF0505 Admin = #663399 And for the record, please keep questions like this to perhaps the Quick Questions & Answers thread since this question doesn't really pertain to CSS at all. Thanks. :) |
I wonder if this is correct.
Example:
|
Sup? Is that what you're looking for? |
Quote:
|
How do you make a playlist is it possible?
|
Quote:
|
Ohh I see thanks
yea I got that part |
I tried going directly to the link you provided, but I keep getting a "404 - not found" error on every refresh. The actual code is fine, it's the sprite's link you might need to work on. It's possible that you might have to find another Tepig sprite that works.
|
I was kind of thinking that when I got the same error but I was on my iPhone and those things are wonky. Thank you for looking into this :)
|
Quote:
Also you can use the [noparse] tag, which simply stops code inside of the tag from rendering. Example: [URL="http://www.pokecommunity.com/showpost.php?p=7951769&postcount=213"][IMG]http://www.pokemonelite2000.com/sprites/bws/498.png[/IMG][/URL] |
Quote:
I didn't know about the [noparse] thing. That is a good bit of info. |
I am trying to make a sig CSS. Can anyone do an example? I won't copy the CSS I just want to see how the coding works. Besides, I like doing stuff my way.
|
Quote:
Here's some examples: text here text here |
I have a problem with my signature.
I really can't see a border on it. Even tho I already did make it right. Did I do somthin' wrong? |
http://i337.photobucket.com/albums/n398/donavannj/border_zps39497483.png
That image is what I see in both Firefox and Chrome for your signature, and I do see a border there. Is the border where you wanted it to be? |
Quote:
I was not referring to the CSS inside the image which is the background. The border of the image I used is supposed to be there but I can't see it. |
Quote:
Code:
|
Thank you Nymphadora it worked!
|
Question:
How does the text decoration "blink" work? Problem: I have been thinking to put an image in my signature which has CSS and this box which has it's opacity which is 0.6 or what was that.... can't be moved to the left.... I'm trying to put this-----> "background-position: left" command but it doesn't work feel free to use inspect element on my signature and figure the problem out please.... or check the CSS I used. CSS coding I used: Code:
|
It's probably the center BBCode tag you've got wrapped around it that's breaking things.
With the center tag: Pair: Saturnus Other Forums Im In: EGC Account: Grey PHO Account: XLR8 LV Account: Grey Contact: PM or VM "I love making out with lamps!" - Nigahiga Without: Pair: Saturnus Other Forums Im In: EGC Account: Grey PHO Account: XLR8 LV Account: Grey Contact: PM or VM "I love making out with lamps!" - Nigahiga As for your question, "blink" works basically by making the text "animated" and alternating between having the text being invisible and visible. It's considered a very annoying thing and poor web design and the 5 mainstream browsers do not support it anymore. |
Just wonderin' how I can make my text with out opacity.... it looks really weird....
|
Quote:
|
Quote:
|
Is tutoring still a thing? Because I've always wanted to learn CSS, and to eventually make a skin for VB CS3 an CS4
|
Quote:
|
Quote:
|
Quote:
|
http://www.pokecommunity.com/showthread.php?t=316697
Anyone got time to work with me on making the colossal box I made at the top right corner into a collapsible box that'll work in all browsers? So far, the only means I'm seeing is to make it into another CSS-DIV and using some elements and properties that apparently don't render properly in Chrome or Safari. Anyone got any ideas? Code of the box for reference: Code:
|
Quote:
Spoiler:
Code:
|
Quote:
Maybe it'd be simpler if I just made a drop down menu from it... I'll probably look into it some tomorrow. |
Quote:
|
Its usage has been blocked for reasons unrelated to usertitles.
|
Quote:
|
Anyone knows how to make Gradient text?
If anybody knows the thing I mean. I want it to be like Snivy But the color scheme thing links between the other colors. Just like when you gradient in Photoshop, but horizontal. Thank you ;) |
Quote:
Snivy Code:
Hope this helps! :) |
Quote:
Thanks :) But when I add it to the center and give it the size 5, that's how it shows. Snivy And for the code, here: Spoiler:
And I meant to add the spaces, because the code won't show. And thank you for helping :) |
Quote:
Code:
-webkit-gradient(linear, left center, right center, from(#006400), color-stop(60%, #98FB98)) |
Quote:
I must thank the body part called brain for ignoring it.. Anyways thank you! |
I wonder whether this place can be used for a "rate my CSS-based signature" post. If yes, what do you think of my signature? I'm also thinking of going from hard-coded background colours to a base background colour, gradients, and the text background colours to be actually semi-transparent. (no need to show me the code since I know what I need to do already - just chime in on the idea)
Either way, sometimes, don't you wish everyone supported everything equally well? Pretty much every major browser engine have their strengths (think Webkit/Blink and effects in general, Trident and text and just rendering things as fast and as correctly as possible, off the top of my head in my actual use) that makes it a bit hard to target something specific. I prefer to just... well, seeing as my siggy looks fine in IE8 of all things... I just make sure that nothing looks obviously wrong in kind-of-old browsers. |
Could someone show me how to get my sound bar and text at the bottom of my tag?
#nubstatus |
Hello I'm back again with another question.
I tried posting an image in a thread but the image wouldn't show up. Here is how I wrote it. [IMG]https://www.dropbox.com/s/g7jl5hnzg0dhgsq/20140120_203141.jpg[/IMG] I haven't used dropbox really before and I tried doing this on my phone. I don't have a clue what could be going wrong. Any help would be greatly appreciated as I would like to post more pictures in the future as well . Thanks a bunch:) |
Quote:
|
Quote:
I will do that and see if it helps :) |
Quote:
After doing some research, my dropbox won't have a public folder. Anything after October 4 doesn't need the file supposedly. Here is what I've come up with... Spoiler:
Can anyone see that? Edit: that's still the exact same problem. Stupid dropbox. I'm going to imgur. |
Quote:
|
Sticky threads can be posted in if it's been longer than a month right? Sorry if I'm breaking a rule :/
Ok so I'm trying to make my scroll bar disappear in this code: Code:
|
Just change "overflow: auto" to "overflow: hidden," and it should remove all scrollbars for you. :] Also, sticky threads are revive-able, so don't worry.
|
Moderator note: sticky threads are permissible to be revived at all times.
I would also change the position from absolute to relative since setting it to absolute causes it to appear anywhere on screen instead of being confined to your signature/post. Also, just so you know, there's the BB code as well if you need to c/p CSS code. You're better off using that instead of omitting parts haha |
Quote:
Here: [cd= height: 400px; width: 200px; background-color: #808080; position: absolute; top: 900px; bottom: 100px; right: 100px; left: 100px; overflow: hidden; border-style: double; border-color:#C0C0C0; border-width: 5px; color:#C0C0C0; font-size: 30px;]Pokemon[div= height: 350px; width: 200px; overflow: auto; font-size: 12px;] [IMG]http://www.serebii.net/xy/pokemon/401.png[/IMG] Krickot [IMG]http://www.serebii.net/xy/pokemon/389.png[/IMG] Normal Torterra [IMG]http://www.serebii.net/Shiny/XY/389.png[/IMG] Shiny Torterra [IMG]http://www.serebii.net/xy/pokemon/387.png[/IMG] Turtwig [/cd][/div] Quote:
|
I have a CSS dilemma that I can't figure out, though I get the feeling that a solution is relatively simple and I just don't know/see it yet. I'm making a cool format for my Roleplay posts, with a bunch of DIVs using position:absolute; but it's clipping over things below it. I tried adding a visibility:hidden; clear:both; DIV below it, but to no effect. Is there an easy solution to this problem so I won't have to start from scratch and I can keep my DIVs exactly where I've set them?
|
Does changing your position to postion:relative change anything at all?
|
It messes up the positioning, but still it clips. I have one DIV just to set the width (it is also position absolute, centered with auto margins and pushed to the right slightly from the center), and four differently positioned DIVs inside of it.
|
Could you perhaps paste your CSS code here inside of the [noparse][/noparse] BB Code tags so that I (and others who wish to chime in) could have a look at it then?
|
[cd=width:800px; position:absolute; left:200px; margin-left:auto; margin-right:auto;][cd=width:200px; height:200px; position:absolute; background-image:url('http://i.imgur.com/L5PyNGI.png'); background-size:cover; font-size:0px; border:2px groove #4965FF; border-radius:100px 2px;]x[/cd][cd=width:570px; height:60px; position:absolute; top:0px; right:0px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;][RIGHT]N - N[/RIGHT][CENTER][SIZE="5"][B]コオリヤン[/B][/SIZE][/CENTER]Ice Kingdom[/cd][cd=width:10px; position:absolute; top:220px; left:180px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;][CENTER]X[/CENTER][/cd][cd=width:570px; position:absolute; top:80px; right:0px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;]x[/cd][/cd][cd=visibility:hidden; clear:both;].[/cd]
Of course, the last DIV before the visibility/clear DIV (excluding my outside width DIV) has to have a bunch of text in it to break past, but still |
Couple of things to note with your CSS: you want to have the first element of your CSS to always be set to position:relative, because not everybody on PC uses a fluid-width style, in which the position:absoulte tag would absolutely work with. I, on the other hand, use a fixed-width style, and that would mean that having the CSS set to position:absolute, would cause the post to appear outside the margins. Here's your CSS below, and I fixed it to the best of my knowledge.
X N - N コオリヤン Ice KingdomX x Spoiler:
|
I'm wondering how to implement the Marquee thing in CSS, like the ones in the Trade Corner's header, if that's possible.
|
The marquee on the Trade Corner splashes is generated by HTML code, I'm afraid.. and HTML code is disabled in signatures.
|
Can someone help me with this? The image won't show up all
|
Quote:
Code:
|
what is this magic?
I swear when I went to put it in my signature without the symbol, it never showed up ;////; jeeze...just my luck XD |
Anyone know of a neater method to specify a colour for a hyperlink within a signature? I use the color BBcode wrapped around the text for the link which seems to work fine but I wonder if there's a more efficient method of doing it.
|
As far as I know that's the only way we can do it with the mini-CSS we have here. In full CSS we would be able to specify the colors of links but that's not the case in what we have.
|
So before I kill my brain cells, how much of coding like this could I salvage to use on here? (FYI I'm Telraen)
HTML Code:
|
Some of this can be reused with tweaks:
1. The tag for divs on PC isn't [div style="whatever;"], it's [css-div="whatever;"]. 2. I don't believe PC CSS supports names of classes, so instead of putting the names you'd have to just add in the properties the names describe for each one; annoying, but doable. But there is no table code on PC so I'm not sure how useful that will be to you since you can't really put it in your underlying table structure. |
I'm guessing I can't salvage the hover code either then, as for the underlaying table structure that's not needed here as the bbcode for the divs doesn't do weird things with the layout and when it tries to I can correct it manually.
EDIT: Experimental bitty Spoiler:
|
Hi!
So I've made a html post with embedded CSS, but I can't seem to figure out how I can use it to make a thread. I never was an active forums poster before so I don't quite know how I can transform it into the correct way. Is there a tutorial or someone who wants to help me? |
Quote:
|
Quote:
There isn't a possibility where I can just copy and pasty my HTML+CSS like a would have made a webpage? |
Quote:
|
Yo. I've been looking for the BB code for the CSS you can make a shadow behind your text with, but not the transparent kind. Like a solid-coloured shadow. There was a 4th value, iirc, but I only have the regular kind's BB code in my possession.
Thanks in advance. |
Quote:
test For a full drop shadow like that, you want to make sure your third px value in the text shadow CSS code is set to 0px. The raw code of the above is this for reference: Code:
|
Quote:
|
This has been a very helpful thread. I'm familiar with CSS design and after figuring it out how to adapt it for BBCode I've been having fun playing around with it. It's a pity that I'm just a bit barren ideas for what way I'd like my signature to look, haha.
|
|
The bbcode goes on an outside-to-inside pattern - so if you want to make a link a certain color you have to put the url bbcode, then the color bbcode, then the word, then close both.
|
Quote:
|
How do I change the text-decoration and color of links when I hover over them? Like right now, in some forum styles, when I hover over the links in my signature it underlines it by default - how can I get rid of that?
|
Quote:
|
Quote:
|
Me again.
I made my signature on Chrome, and the rounded corners do not show up on Firefox, because I used -webkit-border-blahblah, not the -moz-border- one. Is there a solution to make them seeable on both browsers? I'm obviously missing something here, so I'm asking you guys. |
Just add moz as well. With both of them it'll work on both browsers. :)
|
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.