The PokéCommunity Forums

The PokéCommunity Forums (https://www.pokecommunity.com/index.php)
-   Internet & Technology (https://www.pokecommunity.com/forumdisplay.php?f=57)
-   -   CSS Help & Resources (https://www.pokecommunity.com/showthread.php?t=200899)

Meganium November 25th, 2013 7:19 PM

I tried going directly to the link you provided, but I keep getting a "404 - not found" error on every refresh. The actual code is fine, it's the sprite's link you might need to work on. It's possible that you might have to find another Tepig sprite that works.

Ghost Lunis November 25th, 2013 7:40 PM

I was kind of thinking that when I got the same error but I was on my iPhone and those things are wonky. Thank you for looking into this :)

quilzel November 26th, 2013 5:15 AM

Quote:

Originally Posted by lunis (Post 7954292)
I was kind of thinking that when I got the same error but I was on my iPhone and those things are wonky. Thank you for looking into this :)

It looks like that website is experiencing some issues at the moment. your code looks okay, I'd wait until the website comes back up before changing anything.

Also you can use the [noparse] tag, which simply stops code inside of the tag from rendering.

Example:
[URL="http://www.pokecommunity.com/showpost.php?p=7951769&postcount=213"][IMG]http://www.pokemonelite2000.com/sprites/bws/498.png[/IMG][/URL]

Ghost Lunis November 26th, 2013 5:49 AM

Quote:

Originally Posted by quilzel (Post 7954927)
It looks like that website is experiencing some issues at the moment. your code looks okay, I'd wait until the website comes back up before changing anything.

Also you can use the [noparse] tag, which simply stops code inside of the tag from rendering.

Example:
[URL="http://www.pokecommunity.com/showpost.php?p=7951769&postcount=213"][IMG]http://www.pokemonelite2000.com/sprites/bws/498.png[/IMG][/URL]

Thank you very much :)
I didn't know about the [noparse] thing. That is a good bit of info.

White Raven November 30th, 2013 10:56 AM

I am trying to make a sig CSS. Can anyone do an example? I won't copy the CSS I just want to see how the coding works. Besides, I like doing stuff my way.

Tsutarja November 30th, 2013 11:02 AM

Quote:

Originally Posted by Jeannes.Thinkin (Post 7962791)
I am trying to make a sig CSS. Can anyone do an example? I won't copy the CSS I just want to see how the coding works. Besides, I like doing stuff my way.

CSS can work in many several different ways. Are you looking for something specific?

Here's some examples:

text here


text here

GreyVirgo December 13th, 2013 10:00 PM

I have a problem with my signature.
I really can't see a border on it.
Even tho I already did make it right.
Did I do somthin' wrong?

donavannj December 13th, 2013 10:11 PM

http://i337.photobucket.com/albums/n398/donavannj/border_zps39497483.png

That image is what I see in both Firefox and Chrome for your signature, and I do see a border there. Is the border where you wanted it to be?

GreyVirgo December 13th, 2013 10:43 PM

Quote:

Originally Posted by donavannj (Post 7986992)
http://i337.photobucket.com/albums/n398/donavannj/border_zps39497483.png

That image is what I see in both Firefox and Chrome for your signature, and I do see a border there. Is the border where you wanted it to be?

That's not what I meant.
I was not referring to the CSS inside the image which is the background.
The border of the image I used is supposed to be there but I can't see it.

Hiatus December 13th, 2013 11:56 PM

Quote:

Originally Posted by GreyVirgo (Post 7987030)
That's not what I meant.
I was not referring to the CSS inside the image which is the background.
The border of the image I used is supposed to be there but I can't see it.

Code:

border-color: black;
border-width: 2px;
border-style:
solid;


This is your current CSS, right? There seems to be a line-break between "border-style:" and "solid;", so try removing that and see if it helps. (: If it doesn't, then add "border: 2px solid black!important;" at the end of your code.

GreyVirgo December 14th, 2013 12:06 AM

Thank you Nymphadora it worked!

GreyVirgo December 21st, 2013 5:39 AM

Question:
How does the text decoration "blink" work?

Problem:
I have been thinking to put an image in my signature which has CSS and this box which has it's opacity which is 0.6 or what was that.... can't be moved to the left.... I'm trying to put this-----> "background-position: left" command but it doesn't work feel free to use inspect element on my signature and figure the problem out please.... or check the CSS I used.

CSS coding I used:
Code:

[center][cd=" background-color: lightgrey; border-color: black; border-width: 2px; border-style: solid; border-top-right-radius: 2em; border-bottom-right-radius: 2em; width: 365px; height: 208px;"][cd=" background-color: black; background-position: left; width: 155px; height: 20; opacity: 0.6"][COLOR="LightGreen"]Pair: Saturnus

Other Forums Im In:

EGC Account: Grey
PHO Account: XLR8
LV Account: Grey

Contact: PM or VM

"I love making out with lamps!" - Nigahiga]/COLOR]]/cd]]/cd]]/center]



donavannj December 21st, 2013 5:58 PM

It's probably the center BBCode tag you've got wrapped around it that's breaking things.

With the center tag:
Pair: Saturnus

Other Forums Im In:

EGC Account: Grey
PHO Account: XLR8
LV Account: Grey

Contact: PM or VM

"I love making out with lamps!" - Nigahiga


Without:
Pair: Saturnus

Other Forums Im In:

EGC Account: Grey
PHO Account: XLR8
LV Account: Grey

Contact: PM or VM

"I love making out with lamps!" - Nigahiga


As for your question, "blink" works basically by making the text "animated" and alternating between having the text being invisible and visible. It's considered a very annoying thing and poor web design and the 5 mainstream browsers do not support it anymore.

CrimsonFlames December 22nd, 2013 6:13 AM

Just wonderin' how I can make my text with out opacity.... it looks really weird....

donavannj December 22nd, 2013 9:12 AM

Quote:

Originally Posted by ♣Spades♣ (Post 7999351)
Just wonderin' how I can make my text with out opacity.... it looks really weird....

Create a [cd] for the text that is separate from the one that applies the background's opacity and define the opacity of that text using that DIV.

Wobbu December 22nd, 2013 3:32 PM

Quote:

Originally Posted by ♣Spades♣ (Post 7999351)
Just wonderin' how I can make my text with out opacity.... it looks really weird....

Additionally, you can use the command rgba (0, 0, 0, 0.6) for the color of your box. The a determines the opacity of the background rather than the text and the rgb determines the color of your box.

acatfrommars December 25th, 2013 9:55 PM

Is tutoring still a thing? Because I've always wanted to learn CSS, and to eventually make a skin for VB CS3 an CS4

seeker December 30th, 2013 7:57 PM

Quote:

Originally Posted by Bruce Banner (Post 8004839)
Is tutoring still a thing? Because I've always wanted to learn CSS, and to eventually make a skin for VB CS3 an CS4

It died down some time ago since it was quite hard to keep a track of, not sure if anyone set it up again, or wants to. Though if you ever run into any problems or want to ask ant questions (no matter how silly they sound), you should feel free to post here in this thread. You have nothing to be afraid of. CSS isn't easy in the beginning, I know that all too well!

Tsutarja January 5th, 2014 7:01 PM

Quote:

Originally Posted by Team Fail (Post 8024982)
Does anyone remember the alt code that makes usertitles disappear like I have mine right now? I set it a long time back and I can't find it anymore.

If anyone finds this, let me know as well please.

Tsutarja January 10th, 2014 5:12 PM

Quote:

Originally Posted by Shadow Sneak Sableye (Post 8033039)
Can anyone help me with why my signature doubled up like that?

What exactly do you mean by "doubled up"?

donavannj January 12th, 2014 8:32 PM

http://www.pokecommunity.com/showthread.php?t=316697

Anyone got time to work with me on making the colossal box I made at the top right corner into a collapsible box that'll work in all browsers? So far, the only means I'm seeing is to make it into another CSS-DIV and using some elements and properties that apparently don't render properly in Chrome or Safari. Anyone got any ideas?

Code of the box for reference:

Code:

[css-div="width: 180px;height: 310px;overflow: hidden;position: fixed;top: 11px;right: 11px;"][css-div="font: bold 15px arial, sans-serif;color: #6495ED;text-align: center;position: relative; padding: 7px 0; left: 1px;top: 23px;width: 170px; background-color: #F8F8FF;border:3px solid #6495ED;"][h3]Quick Links[/h3]
[aurl="top"]Back to Top[/aurl]

[aurl="terms"]Glossary of Terms[/aurl]

[aurl="start"]Getting Started[/aurl]*

[aurl="spotfakes"]How to Spot Fakes[/aurl]

[aurl="earn"]Learn to Play[/aurl]

*Coming soon!
[/css-div][/css-div]



Wobbu January 16th, 2014 9:49 PM

Quote:

Originally Posted by donavannj (Post 8036912)
http://www.pokecommunity.com/showthread.php?t=316697

Anyone got time to work with me on making the colossal box I made at the top right corner into a collapsible box that'll work in all browsers? So far, the only means I'm seeing is to make it into another CSS-DIV and using some elements and properties that apparently don't render properly in Chrome or Safari. Anyone got any ideas?

Do you mean something like this?



Code:

[css-div="width: 180px;height: 100%;overflow: hidden;position: fixed;top: 11px;right: 11px;"][css-div="font: bold 15px arial, sans-serif;color: #6495ED;text-align: center; width: 170px; background-color: #F8F8FF;border:3px solid #6495ED;"][h3]Quick Links[/h3]
[aurl="top"]Back to Top[/aurl]

[textcollapse="Click to expand"][aurl="terms"]Glossary of Terms[/aurl]

[aurl="start"]Getting Started[/aurl]*

[aurl="spotfakes"]How to Spot Fakes[/aurl]

[aurl="earn"]Learn to Play[/aurl]

*Coming soon![/textcollapse]
[/css-div][/css-div]


If it's not in the spoiler tags then my signature is moved directly under the division...

donavannj January 16th, 2014 10:25 PM

Quote:

Originally Posted by Wobbu (Post 8043337)
Do you mean something like this?



Code:

[css-div="width: 180px;height: 100%;overflow: hidden;position: fixed;top: 11px;right: 11px;"][css-div="font: bold 15px arial, sans-serif;color: #6495ED;text-align: center; width: 170px; background-color: #F8F8FF;border:3px solid #6495ED;"][h3]Quick Links[/h3]
[aurl="top"]Back to Top[/aurl]

[textcollapse="Click to expand"][aurl="terms"]Glossary of Terms[/aurl]

[aurl="start"]Getting Started[/aurl]*

[aurl="spotfakes"]How to Spot Fakes[/aurl]

[aurl="earn"]Learn to Play[/aurl]

*Coming soon![/textcollapse]
[/css-div][/css-div]


If it's not in the spoiler tags then my signature is moved directly under the division...

Sort of, but not quite. What I'm looking to do is beyond the capabilities of the text-collapse tag.

Maybe it'd be simpler if I just made a drop down menu from it... I'll probably look into it some tomorrow.

droomph January 17th, 2014 8:46 PM

Quote:

Originally Posted by Team Fail (Post 8024982)
Does anyone remember the alt code that makes usertitles disappear like I have mine right now? I set it a long time back and I can't find it anymore.

It was &32; or something but i furgot :(

donavannj January 17th, 2014 8:51 PM

Its usage has been blocked for reasons unrelated to usertitles.


All times are GMT -8. The time now is 11:04 PM.


Like our Facebook Page Follow us on Twitter © 2002 - 2018 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 © 2023.