Feedback & Support All things related to PokéCommunity, from feedback and ideas to support and questions.

TrollandToad.com
Reply
 
Thread Tools
  #1    
Old October 31st, 2013 (10:01 PM).
pokemonranger109's Avatar
pokemonranger109 pokemonranger109 is offline
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: 18
    Gender: Male
    Nature: Quirky
    Posts: 410
    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

    Relevant Advertising!

      #2    
    Old October 31st, 2013 (10:11 PM). Edited October 31st, 2013 by Meganium.
    Meganium's Avatar
    Meganium Meganium is offline
    git gud or get r e k t
    • Crystal Tier
     
    Join Date: Jun 2010
    Location: Galveston, TX
    Age: 27
    Gender: Female
    Nature: Brave
    Posts: 17,045
    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?
    __________________

    discord ~ blog ~ steam ~ daily
    I got soul but I'm not a soldier.
    Reply With Quote
      #3    
    Old October 31st, 2013 (10:14 PM).
    pokemonranger109's Avatar
    pokemonranger109 pokemonranger109 is offline
    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: 18
      Gender: Male
      Nature: Quirky
      Posts: 410
      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 GreyVirgo is offline
      •=ØInfinityØ=•
         
        Join Date: Oct 2013
        Location: With Miley...... Twerking!
        Gender: Male
        Nature: Serious
        Posts: 237
        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 (4:09 AM).
        Elaitenstile's Avatar
        Elaitenstile Elaitenstile is offline
        I am legend
           
          Join Date: Feb 2013
          Posts: 1,909
          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 (5:19 AM).
          Squirrel's Avatar
          Squirrel Squirrel is offline
          D-I-N-O-S-A
          • Crystal Tier
           
          Join Date: Sep 2011
          Location: England
          Age: 23
          Gender: Male
          Nature: Quirky
          Posts: 9,512
          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 (5:26 AM).
          pokemonranger109's Avatar
          pokemonranger109 pokemonranger109 is offline
          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: 18
            Gender: Male
            Nature: Quirky
            Posts: 410
            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 (5:40 AM).
            Squirrel's Avatar
            Squirrel Squirrel is offline
            D-I-N-O-S-A
            • Crystal Tier
             
            Join Date: Sep 2011
            Location: England
            Age: 23
            Gender: Male
            Nature: Quirky
            Posts: 9,512
            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 (6:45 AM).
            quilzel's Avatar
            quilzel quilzel is offline
            net start w3svc
               
              Join Date: Aug 2011
              Location: Kansas City, Kansas
              Age: 27
              Gender: Male
              Nature: Quirky
              Posts: 223

              Remember to always close each tag in order, otherwise the coding won't work.

              __________________
              HTTP:429
              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 1:58 AM.