![]() |
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:
|
| 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.