![]() |
Quote:
|
Quote:
|
Quote:
Quote:
|
Can someone help me with why the text is on the picture and not to the side of it on the right?
|
Quote:
Spoiler:
|
The banners upgrades with the animations is that Javascript animation or CSS animation? Is its the first, are we now allowed to code javascript into our threads?
|
Quote:
|
Quote:
|
Quote:
|
Alright, so I am interested in CSS. I took the time to look over the links and try to learn it on my own but I am completely dumb founded. Orginally I wanted to try to make a CSS Signature but since I am no good a Photoshop and I have no clue how to use CSS still I have gave up on even trying. I would however like to try to do a tiny bit of CSS with my Usertitle. As a Platinum Supporter I have access apparently to use CSS in my Usertitles.
What I want to know is it possible to have say a small pokemon sprite in my usertitle such as two Pokeballs or something like a 2D World Pokemon N sprite. If it is possible to use CSS to enable a image like this into my Usertitle, how would I go about doing it? |
I'm not 100% sure on this, but maybe try
a I added an "a" to the image because you can only have a bg image show if you have something in the div. But I made that a completely transparent. For the record though, I'm not sure but you might want to just try putting an img bbcode in there before going the css route. |
Quote:
|
Quote:
Code:
Northstar gym leader - twitter - last.fm |
Uh, hi. I searched through this thread and I have no idea what's wrong with this CSS... this is what it looks like:
Spoiler:
...And this is the code. Spoiler:
For some reason, the overflow: hidden isn't making it scroll. When I switch it to visible the Pokémon keep going out of the box, and when I switch it to auto it has a scrollbar and works. ...This code is probably awful and should probably just be thrown out the window, but it's my first time even attempting CSS so I thought it was okay-ish... :3c |
Hm... are you trying to get scroll-bars appear vertically? If so, I'd recommend you to try this.
Code:
|
Quote:
|
Quote:
Special CSS3 stuff like this looks cool, but very few people will actually see the efforts you've gone through to make it. |
Do anyone have any idea how to make css with two or more gifs? Cause I have a few small gifs from a tumblr gifset I'd like to use for a new theme but want to keep the css I have. Thanks for any help!
|
Quote:
Quote:
|
Since there's no requests here, where could I request CSS layouts?
|
Quote:
Yeah, sorry this thread isn't for requesting CSS from scratch ;-; just only getting assistance on already-existing CSS code. I could also share you this link as well to help get you started on designing CSS: http://www.ppnstudio.com/node/273 You could also read through this entire thread to get ideas, tips, and tricks on CSS. :) |
How would I create a tab system similar to the Art & Design main page?
|
Quote:
|
I'm not quite sure what I'm doing wrong here...
Code:
|
Spoiler:
Is that what you're trying to accomplish? You had a lot of extra [tags] in your code that never [/closed], so that was one of your issues. I removed those extra tags though. You also had background: ("url") instead of background: ('url'), which is why the background image wasn't showing up. |
Quote:
How would I go about creating a box that automatically sizes itself horizontally, but scrolls vertically, to put my pictures in the proper areas? Code:
|
Quote:
Add an overflow property (overflow: auto) and specify the height in pixels (height: ###px) of the area where you want to scroll. By default, everything is already 100% vertical and 100% horizontal when positioned and placed on a web page. That means 100% of the page will be filled with the content, if your content is enough to fill that page. You can also specify the height in percentage, but for you it'll be easier to understand and implement if you use pixels, since you're still fairly new and you can play around with it to see where it cuts your content off. Wrap that in a css-div tag that goes around the content you want to place in the scroll box. So: [css-div="overflow: auto; height: 100px;"]content[/css-div] |
Thanks for everyone's help! I got my layout complete, and it looks pretty cool. ^^
|
Quote:
These are the gifs I was gonna use for my first one, placed exactly like this. Spoiler:
But smaller dimensions than the ones on my current signature. 500x 250 preferably or what fits those two gifs best.And maybe just a bit more spaced out of possible, just like the gitsets on tumblr. Thanks a lot!! |
I have this enormous scroll bar in my sig, why is that?
|
Quote:
|
Just a quick question. If I set a signature to a height of, let's say, 150 pixels, and then have an image with a height of 300 pixels, will the image be cut off, or will it go outside of the boundaries of the sig? If it gets cut off, is there a way around it?
Many thanks. |
Quote:
Not sure why you'd want to do that, but you can. |
Does anyone know how to round the corners on the signature?
|
Quote:
Code:
|
How would I get this to look right? I want it exactly how it looks here, but centered. Everything I try either positions them awkwardly or doesn't work.
Spoiler:
Sorry if this is awful, I'm really bad at this and I did it at 2 in the morning. |
Get rid of the float: left in the first div and get rid of the float: right in the image. Then add a display: inline-block in the first div. Also get rid of the blank lines between the black div and the large image. Then put everything inside a center tag. Should look right.
Spoiler:
|
Ok so Im tryin to create a progress bar in one of my threads and cant seem to get it to work.
Heres my css(please note that this is being sampled from a public source. I didnt make it:P) Spoiler:
|
Unfortunately, the forums don't seem to support sheet-elements at the moment (like the one you've submitted), so whenever working with CSS here, we would have to define everything in the post itself. If we'd like to display progress-bar, here's a quick set of codes I've whipped up:
Spoiler:
We are free to edit background-color and width (or anything else) according to our needs. When all things are done, our result should look something like this: 80% |
How do I post a Picture in the far right of the signature? Separated from the text
|
Quote:
|
Quote:
You know that Haunter I have? Let's say I want it far away to a corner on the right. It automatically puts it in line with the text. |
Quote:
[RIGHT][img]http://www.pokecommunity.com/signaturepics/sigpic489745_4.gif[/img][/RIGHT] In HTML for a webpage you would use the style tag and add the float CSS like so: Code:
|
Quote:
|
Quote:
FC: 0275-8985-5713| IGN: Javier Code:
|
http://www.pkparaiso.com/imagenes/xy/sprites/animados/machamp.gifhttp://cdn.bulbagarden.net/upload/8/87/Bag_Luxury_Ball_Sprite.png Machamp lvl 50 ♂ holding Lum Berry Adamant. No Guard. 31/31/31/x/31/31 240HP/248Atk/16SpD/4Spe Dynamic Punch Payback Bullet Punch Ice Punch How would I get the text below the image to move to the right? I think it's to do with the inline block but I have no idea about the format :x thanks for any help! |
Quote:
Here's the code you would use: Spoiler:
And its output: Spoiler:
If you want the text to be farther-separated from the Pokéball background, then you can do that by setting a left option within the text's CSS properties. |
How could I make the images in my sig change when someone hovers over them, and also display a small text box? If displaying a text box isn't possible, then hover text is ok also.
|
Quote:
But I have one more question :x I tried it centered but the float remains to the left of the page. I tried again with inline blocks and it seemed to do the trick, but my top padding for the text isn't working as I would it too. Is it possible for the text and the top of the background image to start at the same time? (It's just bringing the text down, but whenever I try to put things in inline blocks it messes up :x here's what I have: Spoiler:
Quote:
[title="the hover text"]text[/title] ie: text |
Quote:
CSS has a transform tag that would or might do what you want to do, but I am not sure how it can be implemented into PC's css-div tag that they allow us to use in posts/signatures because the transform tag requires the use of the :hover selector. Quote:
|
Quote:
|
Quote:
Thank you! |
Quote:
|
Quote:
|
One more question :x
how would I get the staryu and pokeball to start at the bottom of the background image? Is it possible? http://www.pkparaiso.com/imagenes/xy/sprites/animados/staryu.gif Staryu lvl 1 http://cdn.bulbagarden.net/upload/9/93/Bag_Pok%C3%A9_Ball_Sprite.png Timid. Natural Cure. 31/x/31/31/31/31 Tackle Harden here's the code: Spoiler:
|
http://www.pkparaiso.com/imagenes/xy/sprites/animados/staryu.gif Staryu lvl 1 http://cdn.bulbagarden.net/upload/9/93/Bag_Pok%C3%A9_Ball_Sprite.png Timid. Natural Cure. 31/x/31/31/31/31 Tackle Harden All you have to do is add display:table-cell (unlocks the vertical alignment options) and vertical-align:bottom. If it's too low keep in mind that there's a cimg tag in bbcode that lets you put padding on the bottom of the pokeball to bump it up :) |
Hey guys, CSS noob here. Is there any way to have the image change each time you refresh a page? I have a lot of pictures I'd like to use in my signature.
|
Quote:
|
Quote:
Quote:
Your only option for rotating images is to use an image-rotating service, or create one using PHP and linking to that. |
Quote:
Quote:
|
How would you go about doing what Alfieri did?
|
Quote:
It can't be done with the CSS that Pokécommunity allows us to use in our signatures. You would have to have the image link to a server where the server returned a random image. It could be done, but would take work and your own website and some coding. |
anyone know there way around basic HTML? Basically, you see the gengar in my sig!? if I wanted to add a line of say 6 (like a team) what do I use to keep them on the same line? It's been ages since I've done any HTML, I remember that <p> seperates stuff so if I just write it on one continuous line will it just stay as one line please?
thank you, fully noobin' it up this afternoon like, ha ha. |
Quote:
Though for general HTML, keeping something in one continuous line without using tags like <h1>, </ br>, or <p> will end up with those things sharing a line. So a series of <image /> tags placed next to each other will typically net you a continuous row of images. |
I meant for images, I have a little animation of a 5th gen gengar. I wanted to know how to add more but a long side each other. it can't be illegal as loads of people have images in their signatures, gifs as well.
I doubt I'm going to add any more just now anyway, was for future reference when i have a competative team so I can add my team to my sig. |
Quote:
thank you, see I would have actually put the code all in one line, ha ha. now the <p> for paragraph mAKES MORE SENSE TO ME ANYWAY (caps) Do you know if photobucket is ok with gifs? I have a huge file of of gen 6 gifs but they won't work unless they're hosted somewhere first. EDIT: When I did that exact code, they stack on top of each other. I did the same thing and just stacked each link. hmm :( EDIT2: Lol, it's because i actually put the code underneath, putting it side by side actually puts the text on the line bellow. sorted. |
Quote:
|
So my signature looks like this.
But I want to add two pictures like this and this on the left and right of the signature, but can't seem to get the box in the center. If anyone can help, that'll be great. :P (And i'm going to make the background transparent as soon as someone tells me how to do this.) |
Quote:
what do you want to be transparent? |
I have a little question!
How do you add audio into your signature? Thanks! |
Quote:
|
I need some CSS help! (not basic or PC related)
OK, well I started a website called masamunemanor.com (don't want to get done for for advertisement) and one of the themes Gradiel, is really nice, but there is one big problem:
There should be a drop down menu where you click user cp, inbox, admin cp, etc. If anyone could help me with this, PM me and tell me what to do. Thanks. |
Quote:
|
Sorry, I didn't know, if I ever ask for help again i'll post it here. Thanks Tsutarja!
|
I need help with using images as a background for your post. :(
Onto the problem. I copied the CSS code needed to have a background image throughout the entire post, but whenever I use it it just pushes everything down (images, text boxes, etc...) into the space where I type (the space where the thread NEVER enters, the quick-reply area). I see the background image and it is behind the text boxes I made, but it messes everything up. How do I keep it from doing this? Any help would be appreciated. If my question isn't clear I will do anything to make it more understandable. The code is below, thank you! [cd="background-color:brown; background-image:url('http://www.my-iguru.com/ipad/assets/images/ipad-wallpapers/abstract/ipad-wallpaper-electric-blue.png'); width: 850px; height: 300px; border:10px solid #000000; padding: 25px;"]Content[/cd the very last character in the code is a "]" I just didn't include it so you could see the actual code. Here is what it looks like with everything intact: Content |
What are you trying to do? I'm having difficulty understanding what exactly it is you're trying to do since the code seems solid if you're just doing what I did here. Could you take a screenshot of the issue you're experiencing, as well as stating what browser and operating system you are using? Oh, and whether you are using the WYSIWYG editor or not? |
Quote:
http://i1373.photobucket.com/albums/ag381/burninglanguages/45d61539-5630-4504-8a4e-64db9ca820e3_zps5vpgfhf1.png Now the next 2 shots are AFTER the code has been inserted. Do you see how everything is now not centered and pushed to the left and WAY down? You can see the background image behind everything: http://i1373.photobucket.com/albums/ag381/burninglanguages/3dffb293-80f0-4d8d-88dc-7b6712c81805_zpsxb9gam97.png http://i1373.photobucket.com/albums/ag381/burninglanguages/568b4323-ace5-4dc2-959a-02544784c868_zps5i8shnmr.png |
Quote:
Could you put the code you're trying to use in that post into [noparse][/noparse] tags? Exactly as you have it to cause the issue in the screenshot, please. |
Yes this is the code down below. The background image is at the very top which is merged with the "Grass Club" title code:
[cd="background-color:brown; background-image:url('http://www.my-iguru.com/ipad/assets/images/ipad-wallpapers/abstract/ipad-wallpaper-electric-blue.png'); width: 850px; height: 300px; border:10px solid #000000; padding: 25px;"][center][SIZE="7"][B]Grass Club[/B][/SIZE] [IMG]http://fc01.deviantart.net/fs70/i/2014/040/c/9/grass_type_pokemon_trainers_by_saintnaruto-d75tbjt.png[/IMG] [I][SIZE="1"]Image by SaintNaruto[/SIZE][/I] [cd="background-color: springgreen; width: 1000px; height: 120px; padding: 5px; border:5px double black;"][B][SIZE="3"]Introduction[/SIZE][/B] Welcome to the Grass Club! We're excited to have you come and browse around, there are many great things about this club. First of all we work to achieve closeness and familiarity with every member of the club. The Grass Type and it's many beauties is what brings us all together. Any and all visitors are welcome and feel free to chat with us! I believe that the Grass type is able to teach us that there is always sunshine after the darkest (and much needed) storms. Let's grow together.[/cd] [cd="background-color: springgreen; width: 1000px; height: 140px; padding: 5px; border:5px double black;"][SIZE="3"][B]Grass Club Code of Conduct[/B][/SIZE] 1. Obey all of the forum rules, of course! 2. Remember the Golden Rule! Treat others the way you would want to be treated. If we master this we will have no worries. 3. Do your best to enjoy this club to the fullest, this will also promote activity among us as a whole. 4. Responding to the Topic of the Week is NOT mandatory. It's simply there to promote discussion if you're having trouble with what to say. 5. Is listing "have fun" as a rule kind of counter-intuitive? :P[/cd] [cd="background-color: springgreen; width: 1000px; height: 120px; padding: 5px; border:5px double black;"][SIZE="3"][B]Club Application[/B][/SIZE] [B]Username[/B]: [B]Favorite pokemon (only 1, Grass type or any other)[/B]: [B]Reason for joining[/B]: [B]Answer the current topic (optional)[/B]:[/cd] [cd="background-color: springgreen; width: 1000px; height: 270px; padding: 5px; border:5px double black;"][SIZE="3"][B]Grass Type Pokemon[/B][/SIZE] [IMG]http://media.tumblr.com/8b8fc87a1c4ab7fb9c7edd32c5a8669b/tumblr_inline_mrxujtLjQe1qz4rgp.png[/IMG][/cd] [cd="background-color: springgreen; width: 650px; height: 200px; padding: 5px; border:5px solid #463745; overflow:auto"][SIZE="3"][B]Members List[/B][/SIZE] [B]-[/B] [title=Founder]BurningLanguages[/title] [title=Seamore][IMG]http://www.serebii.net/red_green/sprites/365.gif[/IMG][/title] [B]-[/B] [title=Co-Founder]Aryca[/title] [title=Bulby][IMG]http://projectpokemon.org/forums/images/bbcode/OverworldSprites/001.png[/IMG][/title][/cd] [cd="background-color: springgreen; width: 1000px; height: 80px; padding: 5px; border:5px double black;"][SIZE="3"][B]User Bars[/B][/SIZE] If anyone is capable of making user bars you are more than welcome to make some for us :).[/cd] [cd="background-color: springgreen; width: 1000px; height: 80px; padding: 5px; border:5px double black;"][SIZE="3"][B]Topic of the Week[/B][/SIZE] Who is your favorite Grass type Gym Leader and why?[/center][/cd][/cd] |
Spoiler:
Your issue is that you were specifying width and height in your post background DIV, and the content was spilling out because you weren't telling the DIV what to do with the overflowing content. Spoiler shows what content looks like with the width and height specifications removed from the post background DIV. If you want the post to fit in the 850x300 area you specified, you need to add "overflow:auto" or "overflow:scroll" (preferably the former) to the DIV's properties. Clear as mud? |
Quote:
|
Quote:
That was the issue. EDIT - Your outer DIV: [cd="background-color:brown; background-image:url('http://www.my-iguru.com/ipad/assets/images/ipad-wallpapers/abstract/ipad-wallpaper-electric-blue.png'); width: 850px; height: 300px;border:10px solid #000000; padding: 25px;"][/cd] The part that was causing it to spill out from that outer DIV: width: 850px; height: 300px You were telling the content to fit inside a box that size, and the content you made for the Grass Club was too big for that box and was spilling out, as that's the default behavior for content that doesn't fit inside a box specified by CSS. |
Hey everyone, would someone be able to help me with setting up CSS so I have four scrolling boxes side-by-side? The code I'm using for the scrolling boxes is below, though I'm not sure how to make it so I have four separate scrolling boxes each with their own text, side-by-side.
Members: text text text text text text text text text [cd=width: 200px; padding-left: 40px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; background-color: #fef0dd; height: 150px; overflow: auto][SIZE="4"][B]Members:[/B][/SIZE] text text text text text text text text text [/cd] |
I'm pretty sure there is another way to do this but I've always done it by using the Float tool. You can do it either left or right,but you'll have to use the clear function if you want to put stuff around the boxes or it could mess up a little bit.
Members: text text text text text text text text text Members: text text text text text text text text text Members: text text text text text text text text text Members: text text text text text text text text text |
Quote:
|
Spoiler:
|
Quote:
|
Quote:
|
still need help ~_~
|
I'm curious as to whether I could add a shadow to my signature or not (the full thing, not just the text)> Would look a bit nicer.
|
Quote:
|
Quote:
Code:
If you can't get it working feel free to post the code here. :) |
Quote:
Figure out which open and close tags pair with each other to identify the problem. |
Quote:
|
I need help figuring out how put text that you can scroll down.
Code:
|
Quote:
text.........................suushdhhdhzjsjjs (random text)ydudufooycyocogcigcitotciezirxi exorcotcotcog ohohxxoohcohogcocgyocotctocot otcyococyocttocictotc8t8tff8tititcitcictixtitxit cictcitctiitcitcixfictxtciitc cogocttoctcoitcoctotcitcixtixtix tticixritcotcoyccotcototccoyototccototccotirx8rftfiirccr8rf7rf8rc7dr8f 585f84d4e4ed9e585e4ww4884e7d3d7 47373 37 I 447d8rx8txieufjdjsjskkaoa Then yes, you would need to use CSS if you don't want to use the [code][/code] BB code. Spoiler:
|
Quote:
|
Um. I was looking into making a CSS signature, and I was editing, and previewing it to check my results... untill the forums crashed for a bit. Then I went to that 'ww3schools' website, to use their editor thingy, to test my signature whilst the forums were offline.
Now that I have my finished result, I'm a bit confused at how to convert it into the BB Code version of CSS we have here. This is what I have: HTML Code:
And this is what it would look like, with that HTML: (I recorded a .gif) http://i.imgur.com/HPtfvKT.gif Those three little images; the Imgur, MineCraft, and RuneScape icons are clickable, and each of them lead to my profile pages. With the available CSS BB Code that I know of, I'm unaware as to how I can put those icons on top of the animated flames, and make them clickable. Could someone please point me in the right direction? I've fiddled around with it enough in the signature editor, that I'm at a loss. |
Quote:
Spoiler:
Hmm, is that what you needed? Here's the code to that right here: Spoiler:
Hope this helps! :) |
| 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.