Go Back   The PokéCommunity Forums > Entertainment & Hobbies > Computers & Technology
Reload this Page CSS Help & Resources

Notices
For all updates, view the main page.

Computers & Technology The place to go for all things tech and internet. Share a funny YouTube video or meme, discover the latest useful apps, or just get some free tech support.



Reply
 
Thread Tools
  #776    
Old January 9th, 2015 (06:24 PM).
Tsutarja's Avatar
Tsutarja Tsutarja is offline
Moderator
CS
 
Join Date: Mar 2010
Location: Florida
Age: 20
Gender: Male
Nature: Jolly
Posts: 12,663
Quote originally posted by Alfieri:
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❤:
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.
__________________
c
a
r
t
o
o
n

n
e
t
w
o
r
k

staff collab
april 2o15
Reply With Quote
  #777    
Old January 9th, 2015 (08:41 PM).
Alfieri's Avatar
Alfieri Alfieri is offline
Yusuke Urameshi Gif Guy
Silver Tier
 
Join Date: Mar 2014
Location: New York
Age: 19
Gender: Male
Nature: Careful
Posts: 2,222
Send a message via Skype™ to Alfieri
Quote originally posted by ❤Hitomi❤:
I don't think you can, you can have a gif with it though.
Quote originally posted by Tsutarja:
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.
__________________
Reply With Quote
  #778    
Old January 9th, 2015 (08:46 PM).
Sir Pedro's Avatar
Sir Pedro Sir Pedro is offline
Do you believe in GHOSTs?
 
Join Date: Dec 2013
Location: Between San Fransisco and New York City
Age: 15
Gender: Male
Nature: Quiet
Posts: 597
How would you go about doing what Alfieri did?
__________________
Reply With Quote
  #779    
Old January 11th, 2015 (11:08 AM).
Buoysel's Avatar
Buoysel Buoysel is offline
Trust me, I'm a Professional*
Crystal Tier
 
Join Date: May 2008
Location: Kansas City
Age: 24
Gender: Male
Nature: Quirky
Posts: 2,010
Quote originally posted by epicassassin1811:
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.
__________________
I really need a new signature.
Reply With Quote
  #780    
Old January 26th, 2015 (09:20 AM).
GengarsTeeth's Avatar
GengarsTeeth GengarsTeeth is offline
Ghost Breeder
 
Join Date: Jan 2015
Location: The Nether realm
Gender: Male
Nature: Modest
Posts: 314
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.
Reply With Quote
  #781    
Old January 26th, 2015 (09:37 AM).
donavannj's Avatar
donavannj donavannj is offline
KYON-KUN, DENWA
Moderator
CS
 
Join Date: Mar 2005
Location: KYON-KUN, DENWA
Age: 24
Posts: 16,061
Quote originally posted by GengarsTeeth:
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.
__________________

KYON-KUN, DENWA
Reply With Quote
  #782    
Old January 26th, 2015 (09:59 AM).
GengarsTeeth's Avatar
GengarsTeeth GengarsTeeth is offline
Ghost Breeder
 
Join Date: Jan 2015
Location: The Nether realm
Gender: Male
Nature: Modest
Posts: 314
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.
Reply With Quote
  #783    
Old January 26th, 2015 (10:05 AM).
donavannj's Avatar
donavannj donavannj is offline
KYON-KUN, DENWA
Moderator
CS
 
Join Date: Mar 2005
Location: KYON-KUN, DENWA
Age: 24
Posts: 16,061
Quote originally posted by GengarsTeeth:
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:



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

KYON-KUN, DENWA
Reply With Quote
  #784    
Old January 26th, 2015 (10:14 AM). Edited January 26th, 2015 by GengarsTeeth.
GengarsTeeth's Avatar
GengarsTeeth GengarsTeeth is offline
Ghost Breeder
 
Join Date: Jan 2015
Location: The Nether realm
Gender: Male
Nature: Modest
Posts: 314
Quote originally posted by donavannj:
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:



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.
Reply With Quote
  #785    
Old January 26th, 2015 (10:43 AM).
Team Fail's Avatar
Team Fail Team Fail is online now
Dragon at heart
Platinum Tier
 
Join Date: May 2009
Age: 20
Gender: Male
Nature: Brave
Posts: 9,630
Quote originally posted by GengarsTeeth:
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.
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).
__________________
| | | | |
PM | VM



Do the best with whatever you can today.
Then tomorrow, you will have surely progressed.


The Legend of Legacy - Main Battle Theme
Reply With Quote
  #786    
Old January 26th, 2015 (10:50 AM).
GengarsTeeth's Avatar
GengarsTeeth GengarsTeeth is offline
Ghost Breeder
 
Join Date: Jan 2015
Location: The Nether realm
Gender: Male
Nature: Modest
Posts: 314
Quote originally posted by Team Fail:
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.
Reply With Quote
  #787    
Old 2 Weeks Ago (03:09 PM).
Kokoro's Avatar
Kokoro Kokoro is offline
You Have Died of Dysentery
Gold Tier
CS
 
Join Date: Jun 2014
Location: Feita Village
Gender: Other
Nature: Calm
Posts: 586
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. (And i'm going to make the background transparent as soon as someone tells me how to do this.)
__________________

Credits to Icalia21 from the Elsword Forums for this avatar
Reply With Quote
  #788    
Old 2 Weeks Ago (08:29 PM).
Buoysel's Avatar
Buoysel Buoysel is offline
Trust me, I'm a Professional*
Crystal Tier
 
Join Date: May 2008
Location: Kansas City
Age: 24
Gender: Male
Nature: Quirky
Posts: 2,010
Quote originally posted by Kokoro:
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?
__________________
I really need a new signature.
Reply With Quote
  #789    
Old 2 Weeks Ago (09:23 AM).
TheRealOCD's Avatar
TheRealOCD TheRealOCD is offline
Pokemon Hybrid Creator And HGSS Fanboy
 
Join Date: May 2014
Location: Ontario, Canada
Age: 14
Gender: Male
Nature: Adamant
Posts: 986
I have a little question!

How do you add audio into your signature?

Thanks!
__________________
Reply With Quote
  #790    
Old 2 Days Ago (02:42 PM).
Archer99's Avatar
Archer99 Archer99 is online now
The Blessed User of Dragon Pokémon
Silver Tier
 
Join Date: Jul 2014
Location: Buenos Aires, Argentina
Age: 16
Gender: Male
Nature: Modest
Posts: 5,520
Send a message via Skype™ to Archer99
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!.
__________________
Blackthorn City
"A Quiet Mountain Retreat"
Supporter City Collab 2015


Silver Supporter

Reply With Quote
  #791    
Old 2 Days Ago (03:47 PM).
Tsutarja's Avatar
Tsutarja Tsutarja is offline
Moderator
CS
 
Join Date: Mar 2010
Location: Florida
Age: 20
Gender: Male
Nature: Jolly
Posts: 12,663
Quote originally posted by Archer99:
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?
__________________
c
a
r
t
o
o
n

n
e
t
w
o
r
k

staff collab
april 2o15
Reply With Quote
  #792    
Old 2 Days Ago (04:39 PM).
Archer99's Avatar
Archer99 Archer99 is online now
The Blessed User of Dragon Pokémon
Silver Tier
 
Join Date: Jul 2014
Location: Buenos Aires, Argentina
Age: 16
Gender: Male
Nature: Modest
Posts: 5,520
Send a message via Skype™ to Archer99
Quote originally posted by Tsutarja:
Could you perhaps explain a little farther on what you mean by creating a text box inside CSS?
Oops, sorry!.

What I mean is, how I create that shadow effect that I have on my actual signature?. That black layer, I don't know the name.
__________________
Blackthorn City
"A Quiet Mountain Retreat"
Supporter City Collab 2015


Silver Supporter

Reply With Quote
Reply
Quick Reply

Sponsored Links
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are UTC -8. The time now is 10:55 AM.