< >
Hello, guest! Please log in or register.

The PokéCommunity

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

Notices

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 Post 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,361


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 ?
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
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,492
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
Dark Underground

"It responds to movement by attacking. This scary, three-headed Pokémon devours everything in its path!"

Dragon Mafia TwigZone
I tweet!

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,361
.. I don't currently have any visible scroll on my screen. The line spacing for the enters is 4px, I think that's why.
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
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,361
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 !
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
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,207
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,361
I think I moved it a little :x
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
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,207
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. the unburnt
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,710
You do realise that does not work on IE Impo? It breaks the screen width.
I like to play with Fire.
Reply With Quote
  #510    
Old January 6th, 2012 (6:41 PM).
Team Fail Team Fail is online now
slightly bonetrousled
Platinum Tier
 
Join Date: May 2009
Location: yes
Age: 20
Gender: Male
Nature: Brave
Posts: 11,465
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.
Pair 1 - Pair 2 - Twitter - Alt - PHO - Pushing Buttons - PB Blog
~This is still a WIP~









Have a random Undertale song, refresh for another!
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,207
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 Team Fail is online now
slightly bonetrousled
Platinum Tier
 
Join Date: May 2009
Location: yes
Age: 20
Gender: Male
Nature: Brave
Posts: 11,465
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?
Pair 1 - Pair 2 - Twitter - Alt - PHO - Pushing Buttons - PB Blog
~This is still a WIP~









Have a random Undertale song, refresh for another!
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,164
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!~
ModeratorCS
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,014
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,492
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.
Dark Underground

"It responds to movement by attacking. This scary, three-headed Pokémon devours everything in its path!"

Dragon Mafia TwigZone
I tweet!

Reply With Quote
  #516    
Old January 11th, 2012 (3:25 PM).
donavannj's Avatar
donavannj donavannj is offline
Nico Nico Nii!~
ModeratorCS
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,014
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,492
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)
Dark Underground

"It responds to movement by attacking. This scary, three-headed Pokémon devours everything in its path!"

Dragon Mafia TwigZone
I tweet!

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,164
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,207
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!~
ModeratorCS
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,014
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,207
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!~
ModeratorCS
 
Join Date: Mar 2005
Location: Otonokizaka
Age: 25
Gender: Male
Posts: 18,014
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,207
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 Post 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 6:58 PM.


Contact Us Archive Privacy Statement Terms of Service Top