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
  #501    
Old January 6th, 2012 (7:31 AM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429


3,600+


Mario Kart 7 Sig Collab

Paired to DragonOmega and Shining Raichu


Wow, that's amazing! Thank you so much :D !
But I kinda edited my signature a small touch, and I tried subtly adding it in to the equasion, but then I messed up again /facepalm

I want it all to be on the right side of the page, with everything in the Toad thing centered. Would it be too much to ask if you could help with that :x ?
__________________
Reply With Quote

Relevant Advertising!

  #502    
Old January 6th, 2012 (7:39 AM). Edited January 6th, 2012 by Twiggy.
Twiggy's Avatar
Twiggy Twiggy is offline
You like dragons?
Crystal Tier
 
Join Date: Dec 2010
Location: Plushies.
Gender: Male
Nature: Hasty
Posts: 5,725
Quote:
Originally Posted by Impo View Post
Wow, that's amazing! Thank you so much :D !
But I kinda edited my signature a small touch, and I tried subtly adding it in to the equasion, but then I messed up again /facepalm

I want it all to be on the right side of the page, with everything in the Toad thing centered. Would it be too much to ask if you could help with that :x ?
You might want to remove a couple of extra returns/enters at the bottom of the sig, by the way. That should remove the scroll - if not, insert "overflow: hidden;" to the first div block.

Maybe we can do a reboot of the thread at this point... should we? I think a bit of extra information about all the fancier stuff should be in there. XD
__________________
Froofiest batwyvern ever
Of course you can't handle Boomburst, can you?

Reply With Quote
  #503    
Old January 6th, 2012 (7:52 AM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
.. I don't currently have any visible scroll on my screen. The line spacing for the enters is 4px, I think that's why.
__________________
Reply With Quote
  #504    
Old January 6th, 2012 (8:11 AM).
Liliana Vess's Avatar
Liliana Vess Liliana Vess is offline
My Secrecy. My Advantage.
Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,983
Ok I think that's done it. What I've done is created a box and set it to relative using the position: code. I've also added on a bit of a margin to the right so that the text isn't poking out the side :3



3,600+


Mario Kart 7 Sig Collab

Paired to DragonOmega & Shining Raichu

.


Quote:
Originally Posted by ♪Twiggy♪ View Post
Maybe we can do a reboot of the thread at this point... should we? I think a bit of extra information about all the fancier stuff should be in there. XD
Or failing that we could just get a mod/the original poster to add stuff in? xD
__________________


"I am confident that if anyone actually penetrates our facades, even the most perceptive would still be fundamentally unprepared for the truth of House Dimir."
-Szadek, Lord of Secrets

Reply With Quote
  #505    
Old January 6th, 2012 (4:54 PM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
Quote:
Originally Posted by Hybrid Trainer View Post
Ok I think that's done it. What I've done is created a box and set it to relative using the position: code. I've also added on a bit of a margin to the right so that the text isn't poking out the side :3



3,600+


Mario Kart 7 Sig Collab

Paired to DragonOmega & Shining Raichu

.



Or failing that we could just get a mod/the original poster to add stuff in? xD
oh my god. You are amazing. Thank you so much :D !
I really appreciate it :D !
__________________
Reply With Quote
  #506    
Old January 6th, 2012 (5:32 PM).
Oryx's Avatar
Oryx Oryx is offline
CoquettishCat
Crystal Tier
 
Join Date: Mar 2011
Age: 23
Gender: Female
Nature: Relaxed
Posts: 13,206
You might want to move it left ~5-10 pixels though because right now it shows a horizontal scroll bar at least on my screen. It's not outside the rules but it ruins the effect a bit :(
__________________


Theme * Pair * VM * PM

Not all men...

Are all men stupid?

That's right.

Reply With Quote
  #507    
Old January 6th, 2012 (5:52 PM).
Impo's Avatar
Impo Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,429
I think I moved it a little :x
__________________
Reply With Quote
  #508    
Old January 6th, 2012 (6:00 PM).
Oryx's Avatar
Oryx Oryx is offline
CoquettishCat
Crystal Tier
 
Join Date: Mar 2011
Age: 23
Gender: Female
Nature: Relaxed
Posts: 13,206
Yeah, no more scrollbar for me. :3
__________________


Theme * Pair * VM * PM

Not all men...

Are all men stupid?

That's right.

Reply With Quote
  #509    
Old January 6th, 2012 (6:13 PM).
Abnegation's Avatar
Abnegation Abnegation is offline
breaker of chains
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,788
You do realise that does not work on IE Impo? It breaks the screen width.
__________________
Reply With Quote
  #510    
Old January 6th, 2012 (6:41 PM).
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,531
Ok I dunno why, but it's bothering me that I can click and drag the image in my new sig. Is it possible to put something on top of it so I can't click and drag the image?

(Kinda like Twiggy's BG image in his sig.)
god i need to fix the aliasing on that image it looks horrawful.
__________________
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
  #511    
Old January 6th, 2012 (6:54 PM).
Oryx's Avatar
Oryx Oryx is offline
CoquettishCat
Crystal Tier
 
Join Date: Mar 2011
Age: 23
Gender: Female
Nature: Relaxed
Posts: 13,206
You could just make another div, like [cd="background-image:url('image.png');width:533px;height:270px;"][/cd]...that's what I would do at least.
__________________


Theme * Pair * VM * PM

Not all men...

Are all men stupid?

That's right.

Reply With Quote
  #512    
Old January 8th, 2012 (9:07 PM).
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,531
Ok. I've changed things around a bit, but there is now one small issue that I have. As evident in the CSS below:

Code:
Spoiler:
[CENTER][css-div="width: 550px;height: 225px; background-color: #000000; -webkit-border-radius: 25px;border-radius: 25px;"][css-div="padding-top: 5px; padding-left: 10px; padding-right: 10px;"][css-div="width: 410px;height: 14px; background-color: #666666; opacity: 0.6;padding-top: 2px;"][glow="#FF5721"][COLOR="White"][SIZE="2"][FONT="Special Elite"][url=http://www.pokecommunity.com/member.php?u=225828][COLOR="White"][glow="#FF5721"]pair[/glow][/COLOR][/url] | [url=http://www.youtube.com/user/grandmaster101587458][COLOR="White"][glow="#FF5721"]youtube[/glow][/COLOR][/url] | [url=http://www.pokecommunity.com/showthread.php?t=246486][COLOR="white"][glow="#FF5721"]lp[/glow][/COLOR][/url] | [url=rhonline.co.cc][COLOR="white"][glow="#FF5721"]my forum[/glow][/COLOR][/url] | [url=http://twitter.com/#!/TeamFail][COLOR="white"][glow="#FF5721"]twitter[/glow][/COLOR][/url] | [url=http://www.pokecommunity.com/showthread.php?t=256890][COLOR="white"][glow="#FF5721"]hack[/glow][/COLOR][/url] | [url=http://teamfail.byethost9.com][COLOR="white"][glow="#FF5721"]blog[/glow][/COLOR][/url] | [url=http://www.thepokemonboard.net][COLOR="White"][glow="#FF5721"]pho[/glow][/COLOR][/url][/FONT][/SIZE][/COLOR][/glow][/css-div] [css-div="background-image:url('http://img713.imageshack.us/img713/2307/dfedit.png');width:325px;height:190px;margin-top: 10px; background-repeat: no-repeat;"][/css-div][/css-div][/css-div][/CENTER]


...the text in the grey box is the same transparency as the box it's on. How can I draw another box on top and allow me to make it translucent but keep the text at no transparency?
__________________
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
  #513    
Old January 9th, 2012 (12:17 AM).
Mew~'s Avatar
Mew~ Mew~ is offline
THE HOST IS BROKEN
Gold Tier
 
Join Date: Mar 2009
Posts: 4,165
I had a similar problem a while back. I'd get rid of the opacity tag, and put in a transparent image as the background image. For example;


Just quote this post and steal the code...
__________________
There was nothing. Followed by everything. Swirling, burning specks of creation that circled life-giving suns. And then we reached to the light.

Reply With Quote
  #514    
Old January 9th, 2012 (12:27 AM).
donavannj's Avatar
donavannj donavannj is offline
Nico Nico Nii!~
ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,891
I'd just have created another div with no background-color and no visible border that has the exact same dimensions as the transparent box, myself.
__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
Reply With Quote
  #515    
Old January 9th, 2012 (6:52 AM).
Twiggy's Avatar
Twiggy Twiggy is offline
You like dragons?
Crystal Tier
 
Join Date: Dec 2010
Location: Plushies.
Gender: Male
Nature: Hasty
Posts: 5,725
Or if you're willing to break compatibility with older browsers, try RGBA or HSLA colours at background-color. (instead of a hex value, rgba(a,b,c,d) and something similar for hsla - for rgba, a,b,c = in terms of 255, and d = in terms of 0.00 to 1.00) It's more of a convenience tool, though. For graceful degradation, put a duplicate background-color with the expected hex value or rgb value before the alpha-enabled one. On the other hand, PNG transparency is waaaaay easier and works with more browsers. It's probably a better idea to not fiddle with the CSS and replace the background-color with an image.
__________________
Froofiest batwyvern ever
Of course you can't handle Boomburst, can you?

Reply With Quote
  #516    
Old January 11th, 2012 (3:25 PM).
donavannj's Avatar
donavannj donavannj is offline
Nico Nico Nii!~
ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,891
Quote:
Originally Posted by ♪Twiggy♪ View Post
Or if you're willing to break compatibility with older browsers, try RGBA or HSLA colours at background-color. (instead of a hex value, rgba(a,b,c,d) and something similar for hsla - for rgba, a,b,c = in terms of 255, and d = in terms of 0.00 to 1.00) It's more of a convenience tool, though. For graceful degradation, put a duplicate background-color with the expected hex value or rgb value before the alpha-enabled one. On the other hand, PNG transparency is waaaaay easier and works with more browsers. It's probably a better idea to not fiddle with the CSS and replace the background-color with an image.
PNG transparency isn't necessarily easier if you don't have graphical editing skills in the first place, or if the code is easier for you to work with than a program like Photoshop.
__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
Reply With Quote
  #517    
Old January 12th, 2012 (5:06 AM).
Twiggy's Avatar
Twiggy Twiggy is offline
You like dragons?
Crystal Tier
 
Join Date: Dec 2010
Location: Plushies.
Gender: Male
Nature: Hasty
Posts: 5,725
Quote:
Originally Posted by donavannj View Post
PNG transparency isn't necessarily easier if you don't have graphical editing skills in the first place, or if the code is easier for you to work with than a program like Photoshop.
I know, but this time, it's just a single color. Chances are, even if software is missing, a download of Paint.NET or GIMP, filling in the color values and painting the background image at once... (make another layer in GIMP first)
__________________
Froofiest batwyvern ever
Of course you can't handle Boomburst, can you?

Reply With Quote
  #518    
Old January 16th, 2012 (9:57 AM).
Mew~'s Avatar
Mew~ Mew~ is offline
THE HOST IS BROKEN
Gold Tier
 
Join Date: Mar 2009
Posts: 4,165
I'm compiling a guide/database to Best Wishes for the Pokémon Anime Section, and I was just wondering what codes can I use to make a quick links in the top right hand corner like this thread;
http://www.pokecommunity.com/showthread.php?t=209543
__________________
There was nothing. Followed by everything. Swirling, burning specks of creation that circled life-giving suns. And then we reached to the light.

Reply With Quote
  #519    
Old January 16th, 2012 (11:25 AM).
Liliana Vess's Avatar
Liliana Vess Liliana Vess is offline
My Secrecy. My Advantage.
Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,983
That's actually a BB code mew :3
It's called an anchor. You need to use the a id code (here) and the aurl code (here)
It's kinda complicated at first but it's easy to pick up once you've done it a few times.
__________________


"I am confident that if anyone actually penetrates our facades, even the most perceptive would still be fundamentally unprepared for the truth of House Dimir."
-Szadek, Lord of Secrets

Reply With Quote
  #520    
Old January 22nd, 2012 (8:18 PM).
Oryx's Avatar
Oryx Oryx is offline
CoquettishCat
Crystal Tier
 
Join Date: Mar 2011
Age: 23
Gender: Female
Nature: Relaxed
Posts: 13,206
Okay after struggling with this for a really long time I'm giving up. This sig is like one pixel too tall and idk where that 1 pixel is coming from or how to fix it. I tried all the tricks I found online to get rid of empty boxes in the case of relative positioning and in the end that helped some but now I can't....get rid...of the pixel...going to lose my mind. Please help. :(

Emi
Ibarazaki

__________________


Theme * Pair * VM * PM

Not all men...

Are all men stupid?

That's right.

Reply With Quote
  #521    
Old January 22nd, 2012 (9:13 PM).
donavannj's Avatar
donavannj donavannj is offline
Nico Nico Nii!~
ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,891
Um... use that invisible space unicode character.
__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
Reply With Quote
  #522    
Old January 22nd, 2012 (9:41 PM).
Oryx's Avatar
Oryx Oryx is offline
CoquettishCat
Crystal Tier
 
Join Date: Mar 2011
Age: 23
Gender: Female
Nature: Relaxed
Posts: 13,206
Uhh that makes it worse. :(
__________________


Theme * Pair * VM * PM

Not all men...

Are all men stupid?

That's right.

Reply With Quote
  #523    
Old January 22nd, 2012 (10:42 PM).
donavannj's Avatar
donavannj donavannj is offline
Nico Nico Nii!~
ModeratorCSEO
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,891
Have you tried adjusting the markup to accommodate an outer div layer that wraps it all within with the dimensions of the whole signature?
__________________

Original vector used for avatar credit to /u/judealonzo01 on Reddit via /r/SchoolIdolFestival
GIF credits to an unknown individual for original; machomuu for resizing
Avatar Featuring Nico Yazawa from Love Live! School Idol Festival
Signature Featuring Nico Yazawa and Maki Nishikino from the same series
Reply With Quote
  #524    
Old January 23rd, 2012 (4:12 AM).
Oryx's Avatar
Oryx Oryx is offline
CoquettishCat
Crystal Tier
 
Join Date: Mar 2011
Age: 23
Gender: Female
Nature: Relaxed
Posts: 13,206
Ahh you did it! Thank you! :3
__________________


Theme * Pair * VM * PM

Not all men...

Are all men stupid?

That's right.

Reply With Quote
  #525    
Old February 17th, 2012 (6:46 AM).
Giraffe's Avatar
Giraffe Giraffe is offline
キリンリキ
 
Join Date: Jul 2009
Location: England
Age: 20
Gender: Female
Posts: 316
I'm using smaller CSS boxes on my trading thread, and I'm just wondering how you add a scroll onto them? :3
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 9:40 PM.


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.