The PokéCommunity Forums  

Go Back   The PokéCommunity Forums > Off-Topic Discussions > The Lab
Reload this Page CSS Help & Resources
Sign Up Rules/FAQ Daily Battle Blogs Mark Forums Read


The Lab From the computer lab to the chemistry lab, or even the observatory, here's where we nerd out over all things science and technology!

Reply
 
Thread Tools
  #851    
Old January 27th, 2016 (6:19 AM).
STARDU5T's Avatar
STARDU5T STARDU5T is offline
 
Join Date: Dec 2013
Location: Out Of My Mind
Nature: Relaxed
Posts: 388
Is there some way to use CSS to play a GIF once when moused over?
__________________
Reply With Quote

Relevant Advertising!

  #852    
Old January 27th, 2016 (6:26 AM).
Rowlet's Avatar
Rowlet Rowlet is offline
the grass quill pokémon
 
Join Date: Feb 2014
Location: newcastle
Age: 20
Gender: Male
Nature: Lax
Posts: 4,789
Send a message via Skype™ to Rowlet
Is there anyway to css an image map? I really want all the idvidiual parts of my signature to be links
__________________
Social Media Teamster! // paired to Golgari & Deceptio // PC's Dubtrack Room
?
Reply With Quote
  #853    
Old February 19th, 2016 (7:59 PM).
Vendily's Avatar
Vendily Vendily is offline
Making BW-style OWs for RMXP
 
Join Date: Aug 2015
Gender: Female
Nature: Calm
Posts: 517
You can use border-image on PC.
Placeholder


-webkit- and -o- are just for backwards compatibility.

HTML Code:
[cd="border: 10px solid transparent; padding: 10px; -webkit-border-image: url('http://i.imgur.com/9LbRgtc.png') 8 stretch; -o-border-image: url('http://i.imgur.com/9LbRgtc.png') 8 stretch; border-image: url('http://i.imgur.com/9LbRgtc.png') 8 stretch; background-color: #FFFDFE; width: 120px"]Placeholder[/cd]
__________________
Resources for ROM hackers has moved.

Reply With Quote
  #854    
Old February 19th, 2016 (8:41 PM).
Sopheria's Avatar
Sopheria Sopheria is offline
Hearts and Flowers
Crystal Tier
 
Join Date: Nov 2013
Location: 深き海の彼方
Gender: Female
Nature: Modest
Posts: 4,800
Quote:
Originally Posted by STARDU5T View Post
Is there some way to use CSS to play a GIF once when moused over?
Not with the css we're limited to in posts. A gif doesn't have pause or play controls, unless you have browser plugins that make it possible. The closest you could come to doing it via css would be to hack it in with a :hover selector, which we unfortunately don't have access to in forum css :/

Quote:
Originally Posted by Eros View Post
Is there anyway to css an image map? I really want all the idvidiual parts of my signature to be links
You could crop your signature image into several individual images. That way you'd be able to apply a link to each image
__________________
Paired with Lostelle, Sukyandaru, and Dragon

Reply With Quote
  #855    
Old February 20th, 2016 (12:59 PM).
Vendily's Avatar
Vendily Vendily is offline
Making BW-style OWs for RMXP
 
Join Date: Aug 2015
Gender: Female
Nature: Calm
Posts: 517
Continuing on my quest to find properties that work on PC, check out this!
The transform property works!


Texts


HTML Code:
[cd=" width: 200px; height: 100px; background-color: yellow; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);"] Texts[/cd]
I know for a fact that rotate(angle) and scale(x,y) work.
__________________
Resources for ROM hackers has moved.

Reply With Quote
  #856    
Old February 21st, 2016 (7:41 AM).
Team Fail's Avatar
Team Fail Team Fail is offline
burning passion
ModeratorCSEO
 
Join Date: May 2009
Location: yes
Age: 21
Gender: Male
Nature: Brave
Posts: 12,512
Yeah, as long as it's a CSS property and not HTML, it should work. I'm not aware of any restrictions for the CSS tags.
__________________
CONTENTS
001
  THE LAB
002
  VISITOR MESSAGE
003
  PRIVATE MESSAGE
004
  PUSHING BUTTONS
005
  PUSHING BUTTONS BLOG
006
  ALT
007
  PHO
008
  PAIR 1
009
  PAIR 2
010
  TWITTER
011
  TF'S MUSIC STUDIO
012
  PC DISCORD - #GENERAL
SEEN
151

OWN
151
DATA
CRY
AREA
QUIT
Reply With Quote
  #857    
Old April 12th, 2016 (7:40 AM).
Lucario's Avatar
Lucario Lucario is offline
The aura guardian awakens....
 
Join Date: Feb 2016
Location: The Tree of beginning
Gender: Male
Nature: Relaxed
Posts: 373
Quick tip for a scrolling background image: just put
Code:
background-attachment:fixed;background-repeat:no-repeat
in with your background image code.
__________________
geek | I don't have a 3ds | #teamlitten | my blog | My music | Soundcloud | How I made my signature
Reply With Quote
  #858    
Old June 8th, 2016 (7:47 PM).
Syvelocin's Avatar
Syvelocin Syvelocin is offline
Eevee Fanatic
 
Join Date: Oct 2010
Location: Oregon
Age: 21
Gender: Female
Nature: Quirky
Posts: 159
I'm having a really hard time here lol. I can't get this to center. I would like to have it in the middle of the screen.

Rules and Information
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
__________________
Syvelocin's Pokémon Nursery
Reply With Quote
  #859    
Old June 8th, 2016 (7:57 PM).
Giggleswee's Avatar
Giggleswee Giggleswee is offline
You have to set yourself on fire
Silver Tier
 
Join Date: May 2016
Location: Georgia
Age: 19
Gender: Female
Nature: Bashful
Posts: 167
Quote:
Originally Posted by Syvelocin View Post
I'm having a really hard time here lol. I can't get this to center. I would like to have it in the middle of the screen.

Rules and Information
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
text text
One thing, position: center isn't a thing. It's either position: absolute, position: fixed, position: relative or position: static. ( http://www.w3schools.com/cssref/pr_class_position.asp )

If you want to center the whole thing you need to add in the first box
Code:
margin:0 auto;
This (almost) always centers things (at least on this forum where some themes break css >.<)

Protip: This only works when the div has a initial size set
Reply With Quote
  #860    
Old June 8th, 2016 (8:17 PM).
Syvelocin's Avatar
Syvelocin Syvelocin is offline
Eevee Fanatic
 
Join Date: Oct 2010
Location: Oregon
Age: 21
Gender: Female
Nature: Quirky
Posts: 159
Ah thanks, perfect. I haven't used any tutorials but I was looking at a few examples of some code to figure out how to do similar things and it used position: center without margin: 0 auto and the post was centered. I wonder why that code was there then.
__________________
Syvelocin's Pokémon Nursery
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 GMT -8. The time now is 1:16 AM.


Style by Nymphadora, artwork by Sa-Dui.
Like our Facebook Page Follow us on Twitter © 2002 - 2016 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 © 2016.