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

Draconius GO
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,457


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,930
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
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,457
.. 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 Liliana Vess is offline
  • Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,984
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
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,457
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: 25
Gender: Female
Nature: Relaxed
Posts: 13,204
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,457
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: 25
Gender: Female
Nature: Relaxed
Posts: 13,204
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).
seeker's Avatar
seeker seeker is offline
Electric
  • Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,831
You do realise that does not work on IE Impo? It breaks the screen width.
__________________
she's the greatest adventure I'll ever know
Reply With Quote
  #510    
Old January 6th, 2012 (6:41 PM).
Incineroar's Avatar
Incineroar Incineroar is online now
the spirit of the fighter
  • Moderator
  • Platinum Tier
  • Developer
 
Join Date: May 2009
Location: Iki Town
Age: 22
Gender: Male
Nature: Brave
Posts: 13,593
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.
__________________
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: 25
Gender: Female
Nature: Relaxed
Posts: 13,204
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).
Incineroar's Avatar
Incineroar Incineroar is online now
the spirit of the fighter
  • Moderator
  • Platinum Tier
  • Developer
 
Join Date: May 2009
Location: Iki Town
Age: 22
Gender: Male
Nature: Brave
Posts: 13,593
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?
__________________
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
  • Moderator
  • Crystal Tier
 
Join Date: Mar 2005
Location: 'cause it get cold like Minnesota
Age: 27
Gender: Male
Posts: 21,258
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.
__________________
idol trash and game nerd
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,930
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.
Reply With Quote
  #516    
Old January 11th, 2012 (3:25 PM).
donavannj's Avatar
donavannj donavannj is offline
  • Moderator
  • Crystal Tier
 
Join Date: Mar 2005
Location: 'cause it get cold like Minnesota
Age: 27
Gender: Male
Posts: 21,258
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.
__________________
idol trash and game nerd
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,930
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)
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 Liliana Vess is offline
  • Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Gender: Male
Posts: 1,984
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.
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: 25
Gender: Female
Nature: Relaxed
Posts: 13,204
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
  • Moderator
  • Crystal Tier
 
Join Date: Mar 2005
Location: 'cause it get cold like Minnesota
Age: 27
Gender: Male
Posts: 21,258
Um... use that invisible space unicode character.
__________________
idol trash and game nerd
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: 25
Gender: Female
Nature: Relaxed
Posts: 13,204
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
  • Moderator
  • Crystal Tier
 
Join Date: Mar 2005
Location: 'cause it get cold like Minnesota
Age: 27
Gender: Male
Posts: 21,258
Have you tried adjusting the markup to accommodate an outer div layer that wraps it all within with the dimensions of the whole signature?
__________________
idol trash and game nerd
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: 25
Gender: Female
Nature: Relaxed
Posts: 13,204
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: 22
    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

    Join the conversation!

    Create an account to post a reply in this thread, participate in other discussions, and more!

    Create a PokéCommunity Account

    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:23 PM.