Science & Technology From the computer lab to the chemistry lab, or even the observatory, here's where we nerd out over all things science and technology!

TrollandToad.com
Reply
 
Thread Tools
  #26    
Old November 17th, 2009 (12:44 PM).
Spherical Ice's Avatar
Spherical Ice Spherical Ice is offline
  • Crystal Tier
 
Join Date: Nov 2007
Location: Bristol, UK
Age: 19
Posts: 5,226
One more question:
How would I go about making something stay at the side of the page while I scroll down, but disappear at the end of my post.

This is kind of hard to word.

Basically, if we have a post:

START OF CSS
a>>>>>b
a>>>>>b
a>>>>>b
x
x
x
END OF CSS

Who would I make it that when I'm scrolling down and reach X b is still in the same position that it was in when I was viewing a, but when the CSS ends, so does b?
Hard to explain. -.-
__________________

A Pokemon that is discriminated!
Support squirtle and make it everyone's favourite.
Reply With Quote

Relevant Advertising!

  #27    
Old November 17th, 2009 (12:59 PM). Edited November 19th, 2009 by seeker.
seeker's Avatar
seeker seeker is offline
Electric
  • Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,828


That is called float. At least I believe that is what you are looking for.
So If you wanted to float an image to the right while text goes around it you would use [css-div="Float:right;"] then post the image[/css-div]

So like this:

Spoiler:
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text



Something like that?
If not, show me an example and I'll help what way I can.
__________________
she's the greatest adventure I'll ever know
Reply With Quote
  #28    
Old November 17th, 2009 (1:05 PM).
THIRTY-SIX's Avatar
THIRTY-SIX THIRTY-SIX is offline
Banned
     
    Join Date: Oct 2004
    Posts: 8,176
    He's talking about position:absolute;
    Kinda like with Counterfeit's showcase.
    Reply With Quote
      #29    
    Old November 17th, 2009 (1:11 PM).
    seeker's Avatar
    seeker seeker is offline
    Electric
    • Platinum Tier
     
    Join Date: Apr 2009
    Location: Ireland
    Posts: 10,828
    Ah, my mistake. Thanks Munna, well as stated it's using image;absolute. Though it isn't allowed in some sections a code template is this:

    [css-div="position: absolute; top: 0; left: 0; text-align: center; height: 25px; width: 100%;background-color: #000000;"][COLOR=White]Text here[/COLOR][/css-div]
    __________________
    she's the greatest adventure I'll ever know
    Reply With Quote
      #30    
    Old November 17th, 2009 (1:13 PM).
    Gary, the Magic Fairy's Avatar
    Gary, the Magic Fairy Gary, the Magic Fairy is offline
    Banned
       
      Join Date: Feb 2006
      Location: Your Mother
      Age: 25
      Gender: Male
      Nature: Naughty
      Posts: 2,800
      But wait...

      "Who would I make it that when I'm scrolling down and reach X b is still in the same position that it was in when I was viewing a, but when the CSS ends, so does b?"

      Does it stop whenever the css-div ends?
      Reply With Quote
        #31    
      Old November 17th, 2009 (1:17 PM).
      THIRTY-SIX's Avatar
      THIRTY-SIX THIRTY-SIX is offline
      Banned
         
        Join Date: Oct 2004
        Posts: 8,176
        Nope it doesn't. Needs java element, I believe.
        Reply With Quote
          #32    
        Old November 17th, 2009 (2:23 PM).
        Syrex's Avatar
        Syrex Syrex is offline
        Pokemon: Cresent
        • Crystal Tier
         
        Join Date: Jul 2008
        Location: Columbus, Ohio
        Age: 26
        Gender: Male
        Nature: Adamant
        Posts: 644
        I'm currently workin' on my signature, and I'm curious to as if how I can use spacing with css?

        I'm tryin' to add the Facebook Icon and the LJ icon but It'll align all the way to the left again the edge of the image. How can I space it over to the right more so it isn't right against the edge?
        I want it on the left side but not all the way against the edge of the image.
        __________________
        Jirachi's Versace - 5 Members
        WIP - Pokemon Cresent.

        Reply With Quote
          #33    
        Old November 17th, 2009 (2:44 PM).
        seeker's Avatar
        seeker seeker is offline
        Electric
        • Platinum Tier
         
        Join Date: Apr 2009
        Location: Ireland
        Posts: 10,828
        Have you tried using padding?
        Padding is really hady for placement of things such as text and images.
        [css-div="padding-left:50px;"]Your icon[/css-div]

        Your icon


        Se the way my text has been pushed out a little? use padding to align your images whatever way you want. Padding works with padding-left, padding-right, padding-top, padding-bottom and any combonation by saying for example padding-top left
        __________________
        she's the greatest adventure I'll ever know
        Reply With Quote
          #34    
        Old November 17th, 2009 (2:45 PM). Edited November 17th, 2009 by Syrex.
        Syrex's Avatar
        Syrex Syrex is offline
        Pokemon: Cresent
        • Crystal Tier
         
        Join Date: Jul 2008
        Location: Columbus, Ohio
        Age: 26
        Gender: Male
        Nature: Adamant
        Posts: 644
        Ah, That will do the trick!
        Thanks so much

        Edit:
        Just have to locate the Facebook Icon and the LiveJournal icon
        __________________
        Jirachi's Versace - 5 Members
        WIP - Pokemon Cresent.

        Reply With Quote
          #35    
        Old November 17th, 2009 (3:06 PM).
        Owl's Avatar
        Owl Owl is offline
        • Crystal Tier
         
        Join Date: Jul 2009
        Age: 22
        Gender: Female
        Posts: 13,368
        I've been messing around with the CSS but can't make the height visible. I tried using this:

        ---Signature Here---


        HTML Code:
        [css-div="width: 100%px; height: 100px;"][css-div="padding: 2px 2px 2px 2px; border: 0; font-variant: small-caps; color: #000000; background-color:#8A2BE2;"]---Signature Here---
        [/css-div][/css-div]
        But I can't make it heighten more Can someone please help me which part to put into the code so I can fix it?
        __________________


        Reply With Quote
          #36    
        Old November 17th, 2009 (3:11 PM).
        Syrex's Avatar
        Syrex Syrex is offline
        Pokemon: Cresent
        • Crystal Tier
         
        Join Date: Jul 2008
        Location: Columbus, Ohio
        Age: 26
        Gender: Male
        Nature: Adamant
        Posts: 644
        Take out the "%" symbols on width.

        Mm. Syrex is boss
        __________________
        Jirachi's Versace - 5 Members
        WIP - Pokemon Cresent.

        Reply With Quote
          #37    
        Old November 17th, 2009 (3:12 PM). Edited November 17th, 2009 by Jordan.
        Jordan's Avatar
        Jordan Jordan is offline
        [:: Love Is War ★]
           
          Join Date: Jun 2005
          Location: Désordre, Empire of Canada
          Gender: Male
          Posts: 2,961
          Quote:
          Originally Posted by Charizard★ View Post
          I've been messing around with the CSS but can't make the height visible. I tried using this:

          ---Signature Here---


          HTML Code:
          [css-div="width: 100%px; height: 100px;"][css-div="padding: 2px 2px 2px 2px; border: 0; font-variant: small-caps; color: #000000; background-color:#8A2BE2;"]---Signature Here---
          [/css-div][/css-div]
          But I can't make it heighten more Can someone please help me which part to put into the code so I can fix it?
          There's no need to make 2 separate CSS. This will suffice:
          HTML Code:
          [css-div="width: 100%px; height: 100px; padding: 2px 2px 2px 2px; border: 0; font-variant: small-caps; color: #000000; background-color:#8A2BE2;"]---Signature Here---
          [/css-div]
          Which makes:
          ---Signature Here---
          __________________
          MyAnimeList
          Spring Breeze
          Reply With Quote
            #38    
          Old November 17th, 2009 (3:15 PM).
          seeker's Avatar
          seeker seeker is offline
          Electric
          • Platinum Tier
           
          Join Date: Apr 2009
          Location: Ireland
          Posts: 10,828
          Quote:
          Originally Posted by Charizard★ View Post
          I've been messing around with the CSS but can't make the height visible. I tried using this:

          ---Signature Here---


          HTML Code:
          [css-div="width: 100%px; height: 100px;"][css-div="padding: 2px 2px 2px 2px; border: 0; font-variant: small-caps; color: #000000; background-color:#8A2BE2;"]---Signature Here---
          [/css-div][/css-div]
          But I can't make it heighten more Can someone please help me which part to put into the code so I can fix it?

          Try not to rip codes straight from the tutorials also. You'll learn nothing by doing that XD
          __________________
          she's the greatest adventure I'll ever know
          Reply With Quote
            #39    
          Old November 17th, 2009 (3:17 PM).
          Gary, the Magic Fairy's Avatar
          Gary, the Magic Fairy Gary, the Magic Fairy is offline
          Banned
             
            Join Date: Feb 2006
            Location: Your Mother
            Age: 25
            Gender: Male
            Nature: Naughty
            Posts: 2,800
            Quote:
            Originally Posted by Abnegation View Post
            Have you tried using padding?
            Padding is really hady for placement of things such as text and images.
            [css-div="padding-left:50px;"]Your icon[/css-div]

            Your icon


            Se the way my text has been pushed out a little? use padding to align your images whatever way you want. Padding works with padding-left, padding-right, padding-top, padding-bottom and any combonation by saying for example padding-top left
            This can also be done with the shorthand property padding:____. If you want all 4 sides padded equally, you can do padding:10px, or to set each side, use 4 values, going clockwise.
            Spoiler:

            Example:
            padding:20px 40px 60px 80px
            20 would be for the top, 40 for the right side, 60 for the bottom, and 80 for the left.
            Example:
            padding:20px 40px 60px
            if you only have 3, the middle value will be used for the sides, and the first & last will be used for the top & bottom, respectively.
            Example:
            padding:20px 40px
            and with only two, the first sets the top & bottom, and the second sets the sides.


            Also, @Charizard★: it's just 100%, not 100%px. Px is pixels. XD
            Reply With Quote
              #40    
            Old November 17th, 2009 (3:24 PM).
            Syrex's Avatar
            Syrex Syrex is offline
            Pokemon: Cresent
            • Crystal Tier
             
            Join Date: Jul 2008
            Location: Columbus, Ohio
            Age: 26
            Gender: Male
            Nature: Adamant
            Posts: 644
            Last question:

            How about linking images?
            This is an example of the code I used
            HTML Code:
            [URL="http://www.google.com/"][img]http://www.google.com/intl/en_ALL/images/logo.gif[/URL][/img]
            But the image will not show up and it'll make all my pictures and text link to the said website.

            Fix?
            __________________
            Jirachi's Versace - 5 Members
            WIP - Pokemon Cresent.

            Reply With Quote
              #41    
            Old November 17th, 2009 (3:26 PM).
            Jordan's Avatar
            Jordan Jordan is offline
            [:: Love Is War ★]
               
              Join Date: Jun 2005
              Location: Désordre, Empire of Canada
              Gender: Male
              Posts: 2,961
              Quote:
              Originally Posted by Syrex View Post
              Last question:

              How about linking images?
              This is an example of the code I used
              HTML Code:
              [URL="http://www.google.com/"][img][/B]http://www.google.com/intl/en_ALL/images/logo.gif[/URL][/img]
              But the image will not show up and it'll make all my pictures and text link to the said website.

              Fix?
              Place the [/url] after the [/img]. This is BBCode too, by the way.


              Edit: I think you didn't upload the picture correctly. Try Photobucket or imageshack, then copy + paste the [img] tag they gave you.
              __________________
              MyAnimeList
              Spring Breeze
              Reply With Quote
                #42    
              Old November 17th, 2009 (3:27 PM).
              THIRTY-SIX's Avatar
              THIRTY-SIX THIRTY-SIX is offline
              Banned
                 
                Join Date: Oct 2004
                Posts: 8,176
                It should be [/img][/url]. No css involved. oo

                The [/b] is the problem
                Reply With Quote
                  #43    
                Old November 17th, 2009 (3:30 PM).
                Syrex's Avatar
                Syrex Syrex is offline
                Pokemon: Cresent
                • Crystal Tier
                 
                Join Date: Jul 2008
                Location: Columbus, Ohio
                Age: 26
                Gender: Male
                Nature: Adamant
                Posts: 644
                oops
                My bad on that one. I knew it wasn't css but I ended up posting it here anyway.
                Sorry, sorry, sorry.
                __________________
                Jirachi's Versace - 5 Members
                WIP - Pokemon Cresent.

                Reply With Quote
                  #44    
                Old November 17th, 2009 (3:32 PM).
                Owl's Avatar
                Owl Owl is offline
                • Crystal Tier
                 
                Join Date: Jul 2009
                Age: 22
                Gender: Female
                Posts: 13,368
                Quote:
                Originally Posted by Abnegation View Post



                Try not to rip codes straight from the tutorials also. You'll learn nothing by doing that XD
                Yea I'll try not to xD. Its just too hard and too complicated for me to do it on my own right not xD.
                __________________


                Reply With Quote
                  #45    
                Old November 17th, 2009 (3:46 PM).
                Syrex's Avatar
                Syrex Syrex is offline
                Pokemon: Cresent
                • Crystal Tier
                 
                Join Date: Jul 2008
                Location: Columbus, Ohio
                Age: 26
                Gender: Male
                Nature: Adamant
                Posts: 644
                I just wanted to say Thanks to Abnegation and everyone else that helped me.

                I finished coding my signature following this thread.
                This was the outcome Check Signature, Of course.
                __________________
                Jirachi's Versace - 5 Members
                WIP - Pokemon Cresent.

                Reply With Quote
                  #46    
                Old November 17th, 2009 (3:52 PM).
                seeker's Avatar
                seeker seeker is offline
                Electric
                • Platinum Tier
                 
                Join Date: Apr 2009
                Location: Ireland
                Posts: 10,828
                Quote:
                Originally Posted by Charizard★ View Post
                Yea I'll try not to xD. Its just too hard and too complicated for me to do it on my own right not xD.
                It's not too hard, just code a lot and you learn them. Or make flash cards or something XD

                Quote:
                Originally Posted by Syrex View Post
                I just wanted to say Thanks to Abnegation and everyone else that helped me.

                I finished coding my signature following this thread.
                This was the outcome :) Check Signature, Of course.
                You're welcome, looks very good I do admit!
                __________________
                she's the greatest adventure I'll ever know
                Reply With Quote
                  #47    
                Old November 19th, 2009 (4:29 PM).
                cyan.'s Avatar
                cyan. cyan. is offline
                ▲ 愛してる .
                   
                  Join Date: Nov 2008
                  Location: toronto.
                  Gender: Female
                  Nature: Timid
                  Posts: 274
                  Does anyone know how to make text go on the image?
                  Like your signature, Abnegation
                  __________________
                  マーズ
                  Mars, Team Galactic Commander
                  Hair Color: Red
                  Eye Color: Red
                  Reply With Quote
                    #48    
                  Old November 19th, 2009 (4:35 PM).
                  seeker's Avatar
                  seeker seeker is offline
                  Electric
                  • Platinum Tier
                   
                  Join Date: Apr 2009
                  Location: Ireland
                  Posts: 10,828
                  Quote:
                  Originally Posted by Sinnoh Champ Cynthia. View Post
                  Does anyone know how to make text go on the image?
                  Like your signature, Abnegation
                  Yes, it is in the tutorials. Anyhow, the code.

                  [css-div="background-image:url('www.urlhere.com');width: px; height: px;"]
                  Text etc here
                  [/css-div]

                  If that doesn't make sense have a read of this tut.
                  CSS Signature Templates + Guide | PPN Studio
                  __________________
                  she's the greatest adventure I'll ever know
                  Reply With Quote
                    #49    
                  Old November 21st, 2009 (7:32 AM).
                  cyan.'s Avatar
                  cyan. cyan. is offline
                  ▲ 愛してる .
                     
                    Join Date: Nov 2008
                    Location: toronto.
                    Gender: Female
                    Nature: Timid
                    Posts: 274
                    Thanks

                    Just wondering to more things:

                    1) How do you get the crosshair cursor when someone goes over your signature?

                    2) How do you add a music player on your signature?


                    Sorry I'm asking so much.
                    __________________
                    マーズ
                    Mars, Team Galactic Commander
                    Hair Color: Red
                    Eye Color: Red
                    Reply With Quote
                      #50    
                    Old November 21st, 2009 (7:38 AM).
                    seeker's Avatar
                    seeker seeker is offline
                    Electric
                    • Platinum Tier
                     
                    Join Date: Apr 2009
                    Location: Ireland
                    Posts: 10,828

                    Quote:
                    1) How do you get the crosshair cursor when someone goes over your signature?
                    cursor:crosshair;
                    Put it in the code.

                    Quote:
                    2) How do you add a music player on your signature?
                    With sound tags.

                    [sound"Song title here/words"]song url here[/sound]

                    No problem.
                    __________________
                    she's the greatest adventure I'll ever know
                    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 8:17 PM.