The PokéCommunity Forums  

Go Back   The PokéCommunity Forums > Entertainment & Hobbies > Technology & Internet
Sign Up Rules/FAQ Live Battle Blogs Mark Forums Read

Notices

Technology & Internet Need help on your technology problems, whether your computer is malfunctioning, or you need help removing a virus? Perhaps you also want to chill and talk about the internet as a whole, too! Looks like you've come to the right place then!


Reply
Click here to go to the first staff post in this thread.  
Thread Tools
  #676    
Old 3 Weeks Ago, 09:30 PM
Elements1's Avatar
Elements1
Help me find a usertitle!
 
Join Date: Sep 2012
Location: Nevada
Gender: Male
Nature: Calm
Sticky threads can be posted in if it's been longer than a month right? Sorry if I'm breaking a rule :/

Ok so I'm trying to make my scroll bar disappear in this code:

Code:
[c=background-color: #808080; height: 500px; width: 250px; color: white; position: absolute; right: 1000px; left: 100px; bottom: 10px; opacity: 0.95; overflow: auto;][CENTER]
blah
blah
blah
blah
blah
blah
blah
blah[/cd]
Any help how to do that?
__________________
Air, fire, water, earth!

Completed National Pokedex: 2/20/14 Dusknoir Finial Entry
3DS FC:1263-7361-4137

Elements and Siders Ultimate Trade Shop-Shiny's, Events, HA!
Reply With Quote
  #677    
Old 3 Weeks Ago, 09:38 PM
Peitharchia's Avatar
Peitharchia
// and finite incantatem
 
Join Date: Jul 2012
Location: New York, USA
Gender: Female
Nature: Careful
Send a message via AIM to Peitharchia
Just change "overflow: auto" to "overflow: hidden," and it should remove all scrollbars for you. :] Also, sticky threads are revive-able, so don't worry.
__________________
soon, we must all face the choice between
what is right and what is easy

Reply With Quote
  #678    
Old 3 Weeks Ago, 11:43 PM
Terabyte's Avatar
Terabyte
30.4.2014
 
Join Date: Mar 2010
Location: Florida
Age: 19
Gender: Male
Nature: Jolly
Moderator note: sticky threads are permissible to be revived at all times.

I would also change the position from absolute to relative since setting it to absolute causes it to appear anywhere on screen instead of being confined to your signature/post.

Also, just so you know, there's the BB code as well if you need to c/p CSS code. You're better off using that instead of omitting parts haha
__________________
DLoA.
Reply With Quote
  #679    
Old 3 Weeks Ago, 06:52 AM
Elements1's Avatar
Elements1
Help me find a usertitle!
 
Join Date: Sep 2012
Location: Nevada
Gender: Male
Nature: Calm
Quote:
Originally Posted by Peitharchia View Post
Just change "overflow: auto" to "overflow: hidden," and it should remove all scrollbars for you. :] Also, sticky threads are revive-able, so don't worry.
That worked, thanks! Though I would like it to scroll without showing the scroll bar similar to the example trade CSS templates. Does that make sense? I know the code in below the template but I'm still a noob and can't tell what exactly does what

Here:
[cd= height: 400px; width: 200px; background-color: #808080; position: absolute; top: 900px; bottom: 100px; right: 100px; left: 100px; overflow: hidden; border-style: double; border-color:#C0C0C0; border-width: 5px; color:#C0C0C0; font-size: 30px;]Pokemon[div= height: 350px; width: 200px; overflow: auto; font-size: 12px;]
[IMG]http://www.serebii.net/xy/pokemon/401.png[/IMG]
Krickot
[IMG]http://www.serebii.net/xy/pokemon/389.png[/IMG]
Normal Torterra
[IMG]http://www.serebii.net/Shiny/XY/389.png[/IMG]
Shiny Torterra
[IMG]http://www.serebii.net/xy/pokemon/387.png[/IMG]
Turtwig
[/cd][/div]

Quote:
Originally Posted by Terabyte View Post

I would also change the position from absolute to relative since setting it to absolute causes it to appear anywhere on screen instead of being confined to your signature/post.

Also, just so you know, there's the BB code as well if you need to c/p CSS code. You're better off using that instead of omitting parts haha
xD thanks so much!!!! That is helpful
__________________
Air, fire, water, earth!

Completed National Pokedex: 2/20/14 Dusknoir Finial Entry
3DS FC:1263-7361-4137

Elements and Siders Ultimate Trade Shop-Shiny's, Events, HA!

Last edited by Elements1; 3 Weeks Ago at 12:03 PM.
Reply With Quote
  #680    
Old 1 Week Ago, 06:05 PM
銀ヤミ's Avatar
銀ヤミ
Living for Another
 
Join Date: Dec 2011
Location: Distant
Age: 19
Gender: Male
Nature: Lonely
I have a CSS dilemma that I can't figure out, though I get the feeling that a solution is relatively simple and I just don't know/see it yet. I'm making a cool format for my Roleplay posts, with a bunch of DIVs using position:absolute; but it's clipping over things below it. I tried adding a visibility:hidden; clear:both; DIV below it, but to no effect. Is there an easy solution to this problem so I won't have to start from scratch and I can keep my DIVs exactly where I've set them?
__________________
Reply With Quote
  #681    
Old 1 Week Ago, 06:52 PM
Terabyte's Avatar
Terabyte
30.4.2014
 
Join Date: Mar 2010
Location: Florida
Age: 19
Gender: Male
Nature: Jolly
Does changing your position to postion:relative change anything at all?
__________________
DLoA.
Reply With Quote
  #682    
Old 1 Week Ago, 07:00 PM
銀ヤミ's Avatar
銀ヤミ
Living for Another
 
Join Date: Dec 2011
Location: Distant
Age: 19
Gender: Male
Nature: Lonely
It messes up the positioning, but still it clips. I have one DIV just to set the width (it is also position absolute, centered with auto margins and pushed to the right slightly from the center), and four differently positioned DIVs inside of it.
__________________
Reply With Quote
  #683    
Old 1 Week Ago, 07:26 PM
Terabyte's Avatar
Terabyte
30.4.2014
 
Join Date: Mar 2010
Location: Florida
Age: 19
Gender: Male
Nature: Jolly
Could you perhaps paste your CSS code here inside of the [noparse][/noparse] BB Code tags so that I (and others who wish to chime in) could have a look at it then?
__________________
DLoA.
Reply With Quote
  #684    
Old 1 Week Ago, 07:30 PM
銀ヤミ's Avatar
銀ヤミ
Living for Another
 
Join Date: Dec 2011
Location: Distant
Age: 19
Gender: Male
Nature: Lonely
[cd=width:800px; position:absolute; left:200px; margin-left:auto; margin-right:auto;][cd=width:200px; height:200px; position:absolute; background-image:url('http://i.imgur.com/L5PyNGI.png'); background-size:cover; font-size:0px; border:2px groove #4965FF; border-radius:100px 2px;]x[/cd][cd=width:570px; height:60px; position:absolute; top:0px; right:0px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;][RIGHT]N - N[/RIGHT][CENTER][SIZE="5"][B]コオリヤン[/B][/SIZE][/CENTER]Ice Kingdom[/cd][cd=width:10px; position:absolute; top:220px; left:180px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;][CENTER]X[/CENTER][/cd][cd=width:570px; position:absolute; top:80px; right:0px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;]x[/cd][/cd][cd=visibility:hidden; clear:both;].[/cd]

Of course, the last DIV before the visibility/clear DIV (excluding my outside width DIV) has to have a bunch of text in it to break past, but still
__________________

Last edited by 銀ヤミ; 1 Week Ago at 08:39 AM.
Reply With Quote
  #685    
Old 1 Week Ago, 06:24 AM
Terabyte's Avatar
Terabyte
30.4.2014
 
Join Date: Mar 2010
Location: Florida
Age: 19
Gender: Male
Nature: Jolly
Couple of things to note with your CSS: you want to have the first element of your CSS to always be set to position:relative, because not everybody on PC uses a fluid-width style, in which the position:absoulte tag would absolutely work with. I, on the other hand, use a fixed-width style, and that would mean that having the CSS set to position:absolute, would cause the post to appear outside the margins. Here's your CSS below, and I fixed it to the best of my knowledge.

X
N - N
コオリヤン
Ice Kingdom
X
x
.


Spoiler:
[cd="width:800px; position:relative; left:000px; margin-left:auto; margin-right:auto;"][cd="width:200px; height:200px; position:relative; background-image:url('http://i.imgur.com/L5PyNGI.png'); background-size:cover; font-size:0px; border:2px groove #4965FF; border-radius:100px 2px;"]X[/cd][cd="width:570px; height:60px; position:absolute; top:0px; right:0px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;"][RIGHT]N - N[/RIGHT][CENTER][SIZE="5"][B]コオリヤン[/B][/SIZE][/CENTER]Ice Kingdom[/cd][cd="width:10px; position:relative; top:0px; left:180px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;"][CENTER]X[/CENTER][/cd][cd="width:570px; position:absolute; top:80px; right:0px; background-color:#020204; border:2px groove #4965FF; border-radius:50px 2px 50px 2px; padding:5px; font-family:audiowide; font-size:12px; color:#E9E9FF;"]x[/cd][/cd][cd="visibility:hidden; clear:both;"].[/cd]
__________________
DLoA.

Last edited by Terabyte; 1 Week Ago at 08:53 AM.
Reply With Quote
  #686    
Old 1 Week Ago, 04:04 PM
Team Fail's Avatar
Team Fail
 
Join Date: May 2009
Age: 18
Gender: Male
Nature: Brave
So I have the following code:

http://jsfiddle.net/Ehc5m/2/

It renders fluidly like so:

(Just the top bar. The Notification Bit is a separate div right now.)

I have the variable-width navbar, however, I can't seem to get the dropdown menus to function. I've since removed the code for it, is it not possible to implement a dropdown in this style or am I just not doing it properly? It does recognise the hover event, but I can't seem to get it to draw a dropdown. It's using <a href> for each of the pieces at the moment, I don't think I can use <li> to make it as it'd become fixed width and not fluid, although subsequent menu options can be fixed (Although I'd prefer not by not defining a width, so it can redraw for longer list items).

Where should I start with this code? I've tried using "navx a ul li:hover" but no dice.
__________________



Team Fail

Community Supporter Collab
☆ ☆ ☆



Last edited by Team Fail; 1 Week Ago at 07:27 AM.
Reply With Quote
  #687    
Old 14 Hours Ago, 12:27 AM
Heartouch's Avatar
Heartouch
Count the stars between us
 
Join Date: Dec 2012
Location: Kalos Region
Gender: Male
Nature: Lonely
Send a message via Skype™ to Heartouch
I'm wondering how to implement the Marquee thing in CSS, like the ones in the Trade Corner's header, if that's possible.
__________________
Heartouch | PokéCommunity | Ever Grande City | Showdown PC / Lavender / Gold
My Pairs & PC Family | PC Blog | EGC Blog | Twitter | Tumblr | Was known as Starry Windy.
Reply With Quote
  #688    
Old 14 Hours Ago, 12:46 AM
Terabyte's Avatar
Terabyte
30.4.2014
 
Join Date: Mar 2010
Location: Florida
Age: 19
Gender: Male
Nature: Jolly
The marquee on the Trade Corner splashes is generated by HTML code, I'm afraid.. and HTML code is disabled in signatures.
__________________
DLoA.
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
Minimum Characters Per Post: 25



All times are UTC -8. The time now is 03:02 PM.


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