The PokéCommunity Forums

The PokéCommunity Forums (https://www.pokecommunity.com/index.php)
-   Internet & Technology (https://www.pokecommunity.com/forumdisplay.php?f=57)
-   -   CSS Help & Resources (https://www.pokecommunity.com/showthread.php?t=200899)

Talon December 15th, 2014 2:23 PM

Quote:

Originally Posted by Buoysel (Post 8533494)
Change how?

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.

I mean when they hover over it, it changes to another image.

Impo December 15th, 2014 2:39 PM

Quote:

Originally Posted by Buoysel (Post 8533494)
Not sure what you are asking. It looks to be starting on the same line on my screen. Maybe your browser isn't rendering it correctly? Here's what it looks like for me. Is this what you are tying to get? http://i.imgur.com/erVari5.png

Ah, it was just my browser :x

Thank you!

Oryx December 15th, 2014 2:41 PM

Quote:

Originally Posted by Rengar (Post 8533946)
I mean when they hover over it, it changes to another image.

I don't think that's possible with PC CSS. That would require use of :hover as Buoysel noted.

Talon December 15th, 2014 6:54 PM

Quote:

Originally Posted by Oryx (Post 8533989)
I don't think that's possible with PC CSS. That would require use of :hover as Buoysel noted.

Darn. Well, that sucks. Thanks for the help either way :D

Impo December 15th, 2014 11:02 PM

One more question :x

how would I get the staryu and pokeball to start at the bottom of the background image?
Is it possible?


here's the code:
Spoiler:
[CENTER][cd=height:120px;width:120px;background-image:url('http://i1026.photobucket.com/albums/y321/da_impos/pokeball_desktop_icon_by_beccerberry-d3b98cf1_zps0912dc97.png');background-repeat:no-repeat;][IMG]http://www.pkparaiso.com/imagenes/xy/sprites/animados/staryu.gif[/IMG]
[IMG]http://cdn.bulbagarden.net/upload/9/93/Bag_Pok%C3%A9_Ball_Sprite.png[/IMG][/cd]Staryu lvl 1
Timid. Natural Cure.
31/x/31/31/31/31
Tackle
Harden[/CENTER]

Oryx December 16th, 2014 6:20 AM


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 :)

Alfieri January 9th, 2015 5:27 PM

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.

Night Watcher January 9th, 2015 6:06 PM

Quote:

Originally Posted by Alfieri (Post 8573524)
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.

I don't think you can, you can have a gif with it though.

Tsutarja January 9th, 2015 6:24 PM

Quote:

Originally Posted by Alfieri (Post 8573524)
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:

Originally Posted by ❤Hitomi❤ (Post 8573562)
I don't think you can, you can have a gif with it though.

^ this. At least within PC's CSS capabilities.

Your only option for rotating images is to use an image-rotating service, or create one using PHP and linking to that.

Alfieri January 9th, 2015 8:41 PM

Quote:

Originally Posted by ❤Hitomi❤ (Post 8573562)
I don't think you can, you can have a gif with it though.

Quote:

Originally Posted by Tsutarja (Post 8573584)
Your only option for rotating images is to use an image-rotating service, or create one using PHP and linking to that.

Thanks guys. I got it working.

JesteR January 9th, 2015 8:46 PM

How would you go about doing what Alfieri did?

Buoysel January 11th, 2015 11:08 AM

Quote:

Originally Posted by epicassassin1811 (Post 8573727)
How would you go about doing what Alfieri did?

Have a random image each page load?

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.

GengarsTeeth January 26th, 2015 9:20 AM

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.

donavannj January 26th, 2015 9:37 AM

Quote:

Originally Posted by GengarsTeeth (Post 8594777)
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.

Wait, are you talking about using HTML in your signature here on PokeCommunity, or just looking for general HTML help? You can't use HTML in signatures here.

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.

GengarsTeeth January 26th, 2015 9:59 AM

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.

donavannj January 26th, 2015 10:05 AM

Quote:

Originally Posted by GengarsTeeth (Post 8594828)
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.

Just place them side by side. PC uses BBCode, not HTML, though, for formatting it on the user end. The BBCode is converted into HTML by vBulletin after the fact.

So putting images together in the same row basically works like this:

http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif

And the code for the above is this:

Spoiler:
[IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG]


They word-wrap if they reach the end of the display area of a post.

GengarsTeeth January 26th, 2015 10:14 AM

Quote:

Originally Posted by donavannj (Post 8594835)
Just place them side by side. PC uses BBCode, not HTML, though, for formatting it on the user end. The BBCode is converted into HTML by vBulletin after the fact.

So putting images together in the same row basically works like this:

http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gifhttp://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif

And the code for the above is this:

Spoiler:
[IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG][IMG]http://media.pldh.net/pokemon/gen5/blackwhite_animated_front/094.gif[/IMG]


They word-wrap if they reach the end of the display area of a post.


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.

GengarsTeeth January 26th, 2015 10:50 AM

Quote:

Originally Posted by Team Fail (Post 8594881)
Imgur is pretty nice with gifs, and they have a fairly generous free account system (Filesize for free members is 5MB, although I think they upped that to 50MB with their GIFV format, but 2MB is the filesize limit for signatures - keep that in mind).

Thanks man, it's mainly because I have the new animations from 6th gen, not just the regular loops (like gengar roaring and stuff like that) I found a dump of them all so thought I may as well download them.

Night Watcher April 6th, 2015 3:09 PM

So my signature looks like this.

Gold Supporter Cousin VM/PM FC Theme










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.)

Buoysel April 6th, 2015 8:29 PM

Quote:

Originally Posted by Kokoro (Post 8693997)
So my signature looks like this.

Gold Supporter Cousin VM/PM FC Theme






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.)

Nest div tags, center the outermost div tag.

what do you want to be transparent?

Sefuree April 12th, 2015 9:23 AM

I have a little question!

How do you add audio into your signature?

Thanks!

Tsutarja April 24th, 2015 3:47 PM

Quote:

Originally Posted by Archer99 (Post 8722763)
Okay, how do I create a text box on CSS? (You know, a place to put all the links). I really don't know how, thanks for your help!.

Could you perhaps explain a little farther on what you mean by creating a text box inside CSS?

BahamutZero April 28th, 2015 2:22 AM

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.

Tsutarja April 28th, 2015 3:12 AM

Quote:

Originally Posted by ComicFanatic (Post 8726975)
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.

Just a friendly reminder, but no matter the level of CSS involved, if you ask for CSS help, I politely ask you use this thread at all times. :)

BahamutZero April 28th, 2015 3:19 AM

Sorry, I didn't know, if I ever ask for help again i'll post it here. Thanks Tsutarja!


All times are GMT -8. The time now is 11:04 PM.


Like our Facebook Page Follow us on Twitter © 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.