The PokéCommunity Forums  

Go Back   The PokéCommunity Forums > Official Forums > Community Feedback and Support
Sign Up Rules/FAQ Live Battle Blogs Mark Forums Read

Notices

Community Feedback and Support This is the place for your concerns, praises or help relating to the PokéCommunity. Unsure of how to post a thread (though you should find out pretty quickly)? How do you get a blog? Maybe you don’t like a certain feature. Make a thread here and get responses from your fellow members and staff.

Reply
 
Thread Tools
  #1    
Old October 31st, 2013, 10:01 PM
pokemonranger109's Avatar
pokemonranger109
Jirachi Know-It-All From Birth
 
Join Date: Apr 2011
Location: Beside the Yolo guy in Kanto. (He said it before it was cool)
Age: 15
Gender: Male
Nature: Quirky
I already read how to make a CSS in the Pokemon club and CSS guide, but I need help, in simpaler words and such on how to make a CSS. (CSS for Dummies.)
__________________
Reply With Quote
  #2    
Old October 31st, 2013, 10:11 PM
Axeliira's Avatar
Axeliira
the wants what it wants
 
Join Date: Jun 2010
Location: Southern Cali
Gender: Female
Nature: Brave
The way I learned to use CSS on PC for the first time was from this. Although it was more towards making signatures, but I actually have gone deeper and converted them to CSS posts in the past. It's all about coding, really. Have you also taken a look at the CSS Help thread? Maybe that could also give you a boost up as well. Check it out

Specifically, are you having trouble with just altering codes?
__________________
Cooltrainer♀ Alexa wants to battle!
Gloom (Lv. 35) - Chlorophyll - (Mega Drain, Sleep Powder)
Azumarill (Lv. 35) - Huge Power - (Aqua Tail, Double-Edge)
11/21/2014 / Staff Collab 2014

Last edited by Axeliira; October 31st, 2013 at 10:12 PM. Reason: adding one more thing
Reply With Quote
  #3    
Old October 31st, 2013, 10:14 PM
pokemonranger109's Avatar
pokemonranger109
Jirachi Know-It-All From Birth
 
Join Date: Apr 2011
Location: Beside the Yolo guy in Kanto. (He said it before it was cool)
Age: 15
Gender: Male
Nature: Quirky
No, I don't know even where to start, it looks like jumbled text.I know this doesn't mean anything,but I want to be a graphic designer, and I may need this, and also, for my trade thread I will revive in a few weeks, I had Twilightblade do my CSS and I want to learn how to do It.
__________________
Reply With Quote
  #4    
Old October 31st, 2013, 10:58 PM
GreyVirgo's Avatar
GreyVirgo
•=ØInfinityØ=•
 
Join Date: Oct 2013
Location: With Miley...... Twerking!
Gender: Male
Nature: Serious
I learned CSS in just one single post and It's just like a basic one (Click Me) but It's pretty good for Beginners.
__________________
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
Reply With Quote
  #5    
Old November 1st, 2013, 04:09 AM
Elaitenstile
I am legend
 
Join Date: Feb 2013
Send a message via Skype™ to Elaitenstile
First you get a CSS template for whatever you're doing (if you can't find it then you may ask someone, but don't badger them too much) and then using your fine intelligence understand the concept and eventually settle your doubts, and on the way you'll learn more advanced techniques etc.

It's somewhat a do-it-yourself concept, but you could personally ask someone for help!
__________________
~
Reply With Quote
  #6    
Old November 1st, 2013, 05:19 AM
Squirrel's Avatar
Squirrel
This'll be a blast!
Community Supporter
 
Join Date: Sep 2011
Location: England
Age: 20
Gender: Male
Nature: Quirky
Honestly I've always found the best way to learn CSS is to take a pre-made code and edit it yourself to see what happens. For example, use this basic code [cd="height: 100px; width: 100px; background-color: red; padding: 5px; border-size: 5px; border: solid; border-color: black;"]HI THIS IS TEXT[/cd] and it becomes:

HI THIS IS TEXT


Then try changing around some of the values. For example I'll change 'height: 100px' to 'height: 30px' and 'background-color: red' to 'background-colour: blue' to get this:

HI THIS IS TEXT


A shorter box with a blue background. Or you can change the padding from 5px to 25 px to get this:

HI THIS IS TEXT


A box where the text starts further in from the borders (AKA padding).

And then just try editing some numbers or fields until you start to see what different things do. Then once you've gotten the basics of editing CSS down, take a look at a thread like this to see other fields that you can add in, such as linking a background image for the CSS. And of course you've got a whole community here to help you if you get stuck so don't hesitate to ask if you need help understanding something. :)
__________________
Reply With Quote
  #7    
Old November 1st, 2013, 05:26 AM
pokemonranger109's Avatar
pokemonranger109
Jirachi Know-It-All From Birth
 
Join Date: Apr 2011
Location: Beside the Yolo guy in Kanto. (He said it before it was cool)
Age: 15
Gender: Male
Nature: Quirky
Quote:
Originally Posted by AlexOzzyCake View Post
Honestly I've always found the best way to learn CSS is to take a pre-made code and edit it yourself to see what happens. For example, use this basic code [cd="height: 100px; width: 100px; background-color: red; padding: 5px; border-size: 5px; border: solid; border-color: black;"]HI THIS IS TEXT[/cd] and it becomes:

HI THIS IS TEXT


Then try changing around some of the values. For example I'll change 'height: 100px' to 'height: 30px' and 'background-color: red' to 'background-colour: blue' to get this:

HI THIS IS TEXT


A shorter box with a blue background. Or you can change the padding from 5px to 25 px to get this:

HI THIS IS TEXT


A box where the text starts further in from the borders (AKA padding).

And then just try editing some numbers or fields until you start to see what different things do. Then once you've gotten the basics of editing CSS down, take a look at a thread like this to see other fields that you can add in, such as linking a background image for the CSS. And of course you've got a whole community here to help you if you get stuck so don't hesitate to ask if you need help understanding something.
Cool, Thank you for this also, thanks everyone for trying to help.
How would you make one with pictures such as pokemon, though?
__________________
Reply With Quote
  #8    
Old November 1st, 2013, 05:40 AM
Squirrel's Avatar
Squirrel
This'll be a blast!
Community Supporter
 
Join Date: Sep 2011
Location: England
Age: 20
Gender: Male
Nature: Quirky
Quote:
Originally Posted by pokemonranger109 View Post
Cool, Thank you for this also, thanks everyone for trying to help.
How would you make one with pictures such as pokemon, though?
Do you mean using a Pokémon picture as the background, or just a CSS box with Pokémon in it? I'll show you both. To use a picture as the CSS's background, just add the field background-image: url('URL GOES HERE'); into the CSS code. So for example, if I wanted to use this as the background I'd have to change the code to include background-image: url('http://i.imgur.com/pgthO5U.png');, which would make it: [cd="height: 100px; width: 100px; background-color: red; padding: 5px; border-size: 5px; border: solid; border-color: black; background-image: url('http://i.imgur.com/pgthO5U.png');"]HI THIS IS TEXT[/cd].

HI THIS IS TEXT


If however you just want to add an image into the CSS, just add the picture in like you would with text. So [cd="height: 150px; width: 150px; background-color: red; padding: 5px; border-size: 5px; border: solid; border-color: black;"][IMG]http://i.imgur.com/pgthO5U.png[/IMG][/cd] would become:



Hope that helps answer your question, happy to explain further if needed though. :)
__________________
Reply With Quote
  #9    
Old November 1st, 2013, 06:45 AM
quilzel's Avatar
quilzel
net start w3svc
 
Join Date: Aug 2011
Location: Kansas City, Kansas
Age: 24
Gender: Male
Nature: Quirky
Quote:
Originally Posted by pokemonranger109 View Post
No, I don't know even where to start, it looks like jumbled text.I know this doesn't mean anything,but I want to be a graphic designer, and I may need this, and also, for my trade thread I will revive in a few weeks, I had Twilightblade do my CSS and I want to learn how to do It.
Have you heard about code academy? http://www.codecademy.com/

They have a neat section on HTML and CSS. HTML is easy to learn, and you are going to need to at least understand it to be able to use CSS. It's where I would recommend someone to start out if they are not sure what they are doing.

It's pretty simple once you learn how to use tags. <html><body><p> Remember to always close each tag in order, otherwise the coding won't work. </p></body></html>
__________________
HTTP:429
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 06:18 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.