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
  #301    
Old November 14th, 2010 (1:27 AM). Edited November 14th, 2010 by 0m3GA ARS3NAL.
0m3GA ARS3NAL's Avatar
0m3GA ARS3NAL 0m3GA ARS3NAL is offline
Im comin' home...
  • Silver Tier
 
Join Date: Jan 2008
Location: Superjail Penitentiary
Age: 25
Gender: Male
Nature: Gentle
Posts: 1,816
Quote:
Originally Posted by Blaziquaza View Post
Two questions:
1. How do you make invisible scrollbars?
2. How do you insert a box around a picture and text?
I guess I can answer #1...
It really isn't hard, and you asked me before but I was just being mean, keke.

The truth is, my scrollbar isn't invisible, it's behind another box.
The first box, my Main Sig Box, holds another box, that box, has overflow set to hidden.
Inside THAT box, is my scrolling box, I made THAT box the exact number of pixels that the scrollbar is, wider than the box before it.

Since the box before it has objects that overflow set to hidden, the scrollbar is just slightly off to the right.
Mind you, if you've got your scrollbars amped up to be massive you can still see the scrollbars...

Here is an example...


WOLOLOL
THIS TEXT SCROLLS
SCROLL ME
\
/
\
/\
/\/\/
SCROLL ME
///
/
/
SCROLL ME
MOAR
MOAR
MOAR
WLWOWLRJOAF
faefa
fefwer 3rw
FILLERTEXT
/
SEE?!


Here is the code...

[css-div="width: 200px; height: 220px; background-color: transparent; overflow: hidden;"][css-div="width: 220px; height: 220px; background-color: transparent; overflow: auto;"] STUFF GOES HERE [/css-div][/css-div]

Notice the 2nd box is 20 pixels wider than the 1st?
It just sohappens that scrollbars on my PC are 20px wide, and most computers are that, or smaller, anything else and either you've got bad eyesight or you should make your scrollbars smaller, as large scrollbars are SO aesthetically displeasing, ammirite?

Feel free to change it as you see fit...

Have fun kid!
__________________
>Boot Jailbot
>Pass *****
.
.
Jailbot OS Ver 1.1.2
Greetings Warden
of Superjail Penitentiary
Awaiting user input...

>Display User_Info
╠══User Info══╣
Username:
0m3GA ARS3NAL
Age: 18
Sex: Male ♂
Race: Caucasian
Quote:
"What is this
I don't even..."

M/O: Often acts out to get attention, but recently has changed that. Has been studying up on hacking information and hopes to participate in more advanced hacking discussion.
╠══End of File══╣
Awaiting user input...

>
Reply With Quote

Relevant Advertising!

  #302    
Old November 17th, 2010 (2:44 PM).
Archer's Avatar
Archer Archer is offline
a.k.a: ethan.
  • Crystal Tier
 
Join Date: Oct 2006
Location: NSW, Australia
Nature: Modest
Posts: 3,955
Is there a way to justify text to a div that works under PC's implementation of CSS? I'd like to use "text-align: justify" but that doesn't seem to work.
Reply With Quote
  #303    
Old November 17th, 2010 (2:54 PM).
seeker's Avatar
seeker seeker is offline
Electric
  • Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,829
Strangely enough, it doesn't. Well, my only suggestion would be to just use paragraphing with the enter button and possibly that with a combination of letter-spacing in span every now and then. I researched a little, tried a few things, but I don't know of any other codes that would pose an alternative.
__________________
she's the greatest adventure I'll ever know
Reply With Quote
  #304    
Old November 17th, 2010 (3:38 PM).
Archer's Avatar
Archer Archer is offline
a.k.a: ethan.
  • Crystal Tier
 
Join Date: Oct 2006
Location: NSW, Australia
Nature: Modest
Posts: 3,955
Quote:
Originally Posted by Abnegation View Post
Strangely enough, it doesn't. Well, my only suggestion would be to just use paragraphing with the enter button and possibly that with a combination of letter-spacing in span every now and then. I researched a little, tried a few things, but I don't know of any other codes that would pose an alternative.
I'm worried that if I start playing with letter spacing, it's not going to render the same across different browsers and OSs, so it's probably not worth the hassle. It's pretty close to what I want as-is. Worst case scenario I could just do it in photoshop and use the image. It's just harder to change.
Reply With Quote
  #305    
Old November 26th, 2010 (12:20 AM).
Blaziquaza's Avatar
Blaziquaza Blaziquaza is offline
...
     
    Join Date: Jun 2009
    Location: Whyalla, Australia
    Gender: Male
    Nature: Jolly
    Posts: 781
    Quick, and simple question? How do you move a box in amother box, to a certain area in the box, such as left or right? If you don't know what I mean, look at Shiny Quagsire's signature.
    __________________
    Everything you say to me pushes one step closer to the edge



    And I'm about to break
    I need a little room to breathe...

    Steam IGN: Hybrid Theory
    Reply With Quote
      #306    
    Old November 27th, 2010 (12:51 PM). Edited November 27th, 2010 by icycatelf.
    icycatelf's Avatar
    icycatelf icycatelf is offline
    Fake Card Artist
       
      Join Date: Feb 2005
      Location: Kentucky
      Age: 27
      Gender: Male
      Nature: Timid
      Posts: 2,086
      I need help creating an external style sheet, or better yet, for someone to make it for me. My website can be found here. Please help. ;A;

      I used to know how to do these, but it's been a while and I've completely forgotten. I tried to do it, but I failed horribly:

      Spoiler:
      body{
      background-image:url(heboxbg.png);
      font-family:georgia,serif;
      font-size:2pt;
      color:#000000;
      }

      a{color:#defa2a}

      a:link{color:#defa2a}

      a:visited{color:#ff0000}

      h1{
      text-align:center;
      color:#ffffff;
      }

      table{
      color:#defa2a;
      font-weight:bolder;
      }

      thead{
      background-image:url(images/heboxbg_table2.png);
      color:#ff0000;
      }

      tbody{
      background-image:url(images/heboxbg_table.png);
      }
      __________________



      3DS Friend Code: 4081-5742-6200 • deviantARTGaiaOnline
      Reply With Quote
        #307    
      Old November 28th, 2010 (6:50 PM).
      donavannj's Avatar
      donavannj donavannj is offline
      • Moderator
      • Crystal Tier
       
      Join Date: Mar 2005
      Location: 'cause it get cold like Minnesota
      Age: 26
      Gender: Male
      Posts: 21,110
      Quote:
      Originally Posted by Blaziquaza View Post
      Quick, and simple question? How do you move a box in amother box, to a certain area in the box, such as left or right? If you don't know what I mean, look at Shiny Quagsire's signature.
      You want a float element, such as float:right or float:left, inside the div tag for the smaller box. What can also help positioning is the use of padding.

      Quote:
      Originally Posted by Akiyuki Aretukasu View Post
      I need help creating an external style sheet, or better yet, for someone to make it for me. My website can be found here. Please help. ;A;

      I used to know how to do these, but it's been a while and I've completely forgotten. I tried to do it, but I failed horribly:

      Spoiler:
      body{
      background-image:url(heboxbg.png);
      font-family:georgia,serif;
      font-size:2pt;
      color:#000000;
      }

      a{color:#defa2a}

      a:link{color:#defa2a}

      a:visited{color:#ff0000}

      h1{
      text-align:center;
      color:#ffffff;
      }

      table{
      color:#defa2a;
      font-weight:bolder;
      }

      thead{
      background-image:url(images/heboxbg_table2.png);
      color:#ff0000;
      }

      tbody{
      background-image:url(images/heboxbg_table.png);
      }
      This page and this page should help you remember. Each page has an example of how to link to an external style sheet in a fairly easy to find place on the page.

      Also, make sure you're saving it as a .css file, since Notepad has a tendency to append .txt if you have it set to hide known file extensions within Windows.
      __________________
      idol trash and game nerd
      Reply With Quote
        #308    
      Old December 14th, 2010 (3:32 AM).
      Germaniac's Avatar
      Germaniac Germaniac is offline
      Victoria Concordia Crescit
         
        Join Date: May 2009
        Location: Jakarta, Indonesia
        Age: 19
        Gender: Male
        Nature: Relaxed
        Posts: 566
        Can someone help me? I want this to be cursor in my sig:
        Reply With Quote
          #309    
        Old December 17th, 2010 (5:36 PM).
        King Gumball's Avatar
        King Gumball King Gumball is offline
        Haven't been here for ages...
        • Silver Tier
         
        Join Date: Aug 2010
        Location: Sydney
        Gender: Male
        Nature: Modest
        Posts: 2,184
        Okay this is probably a very stupid question, but I have only just become interested in CSS. Are you meant to make your CSS in Text Edit (I have Mac)?
        __________________
        Please Click:




        Reply With Quote
          #310    
        Old December 19th, 2010 (10:38 AM).
        Zapdogre's Avatar
        Zapdogre Zapdogre is offline
           
          Join Date: Oct 2009
          Gender: Male
          Posts: 62
          I want to have a CSS class that has the top corners rounded, but the bottom corners straight edged. Webkit-border-radius rounds all corners, I only want the top two rounded. An example of what I'm looking for is here:

          http://pokemon.marriland.com/hgss/walkthrough/zephyrbadge/route_29-1
          __________________

          Soul Silver Friendcode: 0561-8630-6061
          Reply With Quote
            #311    
          Old December 27th, 2010 (4:38 AM).
          Alternative's Avatar
          Alternative Alternative is offline
          stalwart command
          • Crystal Tier
           
          Join Date: Jan 2009
          Location: Adelaide, Australia
          Age: 24
          Gender: Male
          Nature: Impish
          Posts: 4,268
          Quote:
          Originally Posted by King Gumball View Post
          Okay this is probably a very stupid question, but I have only just become interested in CSS. Are you meant to make your CSS in Text Edit (I have Mac)?
          You can make your CSS in your sig on here. You don't need to make it in any other programs.

          Quote:
          Originally Posted by Zapdogre View Post
          I want to have a CSS class that has the top corners rounded, but the bottom corners straight edged. Webkit-border-radius rounds all corners, I only want the top two rounded. An example of what I'm looking for is here:

          http://pokemon.marriland.com/hgss/walkthrough/zephyrbadge/route_29-1
          Without definition, the code will act upon everything. For seperate corners to be rounded you need to have a seperate code. you add "-topleft/topright/bottomleft/bottomright" after the code, depending on what you want. I'm assuming you want something like this yes?
          example
          Reply With Quote
            #312    
          Old January 7th, 2011 (8:22 AM).
          seeker's Avatar
          seeker seeker is offline
          Electric
          • Platinum Tier
           
          Join Date: Apr 2009
          Location: Ireland
          Posts: 10,829
          So creating shapes with CSS is pretty fun.
          Spoiler:
          __________________
          she's the greatest adventure I'll ever know
          Reply With Quote
            #313    
          Old January 11th, 2011 (6:29 AM).
          649's Avatar
          649 649 is offline
          The Lord of Smug
          • Gold Tier
           
          Join Date: Dec 2010
          Age: 24
          Gender: Male
          Nature: Hasty
          Posts: 253
          sorry for the n00b question,
          I want images on the left and the right of my current signature, on the black bars.
          This is the signature coding I'm using.
          [center][css-div="width: 468px; height: 298px; background-color: black; overflow: visible; background-position: center;"][css-div=" color: white ;cursor: crosshair; background-image:url("http://img141.imageshack.us/img141/6964/pokemoneskypillarexteri.png"); border: dashed 1px #FFFFFF; font-variant: small-caps; width: 368px; height: 298px; font-size: 10px; text-align: left;"][assist=Beware of Rayquaza!]649 - Gateway to the sky[/assist]
          [assist=Solo Challenge, Dual Type Challenge, Ultimate Monotype Challenge]Current Challenges[/assist]
          [assist=A fun Mafia game in Pokemon Trivia, check it out!]Project PokeGrove[/assist]
          [assist=PMD - Night and Day, Uniting Aurora]Roleplays[/assist]
          [assist=-less]Pair[/assist][/css-div][/css-div][/center]

          and this is the image I want.
          http://images.gifmania.pk/Animated-Gifs-Manga-Anime/Animations-Pokemon/Images-Pokeball/animated-pokeball.gif

          I can't seem to find a way to get it on there.
          __________________
          Reply With Quote
            #314    
          Old January 11th, 2011 (11:16 AM).
          donavannj's Avatar
          donavannj donavannj is offline
          • Moderator
          • Crystal Tier
           
          Join Date: Mar 2005
          Location: 'cause it get cold like Minnesota
          Age: 26
          Gender: Male
          Posts: 21,110
          Try making divs on either side of the center div and float them to the sides you want them on. No guarantee this'll work, though. Also, you could try an [image=left/right][/image] BBCode and see if that does what you want it to.
          __________________
          idol trash and game nerd
          Reply With Quote
            #315    
          Old January 12th, 2011 (6:40 AM).
          649's Avatar
          649 649 is offline
          The Lord of Smug
          • Gold Tier
           
          Join Date: Dec 2010
          Age: 24
          Gender: Male
          Nature: Hasty
          Posts: 253
          I am having such a hard time with this.
          The [image=left/right][/image] tags are working, but I can't seem to stack multiple images. I want three pokeballs on the left and the right sides, and I've tried every way I could think of, like making separate boxes, but it's not working. Can anyone tell me how?
          __________________
          Reply With Quote
            #316    
          Old January 15th, 2011 (11:07 PM). Edited January 15th, 2011 by Impo.
          Impo's Avatar
          Impo Impo is offline
          Playhouse Pokemon
          • Crystal Tier
           
          Join Date: Feb 2010
          Location: Earth
          Gender: Male
          Nature: Relaxed
          Posts: 2,456
          umm.. is the css tutoring still going?
          because i desperately want to learn just the basics.

          Quote:
          Originally Posted by Impo View Post
          CSS Knowlage: nada, i know, its bad
          Preffered Teaching Method: vm/pm/msn, even skype, if you want
          Why you want to learn/how much you wish to know: i just think it's neat, CSS (i love computery stuff )/the basics, enough so i can create thouse box thingies and make em look awesome.
          Time Zone: GMT +9.30 (adeliade)
          Name/Nickname/What we can call you: Impo works
          if i need a sign up sheet
          __________________
          Reply With Quote
            #317    
          Old January 16th, 2011 (4:15 AM).
          seeker's Avatar
          seeker seeker is offline
          Electric
          • Platinum Tier
           
          Join Date: Apr 2009
          Location: Ireland
          Posts: 10,829
          Nope, it's stopped, since the tutors kind of abandoned it and well, too many people were signing up and assuming that the tutors could do all the work for them etc.

          CSS is easy, didn't take me long to learn, I advise that you look at the tutorials in the first post.
          __________________
          she's the greatest adventure I'll ever know
          Reply With Quote
            #318    
          Old January 17th, 2011 (2:00 AM).
          Impo's Avatar
          Impo Impo is offline
          Playhouse Pokemon
          • Crystal Tier
           
          Join Date: Feb 2010
          Location: Earth
          Gender: Male
          Nature: Relaxed
          Posts: 2,456
          Quote:
          Originally Posted by Abnegation View Post
          Nope, it's stopped, since the tutors kind of abandoned it and well, too many people were signing up and assuming that the tutors could do all the work for them etc.

          CSS is easy, didn't take me long to learn, I advise that you look at the tutorials in the first post.

          i have. i'll just be persistent
          __________________
          Reply With Quote
            #319    
          Old January 21st, 2011 (9:38 PM).
          Impo's Avatar
          Impo Impo is offline
          Playhouse Pokemon
          • Crystal Tier
           
          Join Date: Feb 2010
          Location: Earth
          Gender: Male
          Nature: Relaxed
          Posts: 2,456
          i made a little CSS box thingy as my sig,
          i was wondering how to make the text a part of it in the fancy writing,
          i know the codes, just not where to put them; and do i put them in square brackets?
          __________________
          Reply With Quote
            #320    
          Old January 22nd, 2011 (3:34 AM).
          seeker's Avatar
          seeker seeker is offline
          Electric
          • Platinum Tier
           
          Join Date: Apr 2009
          Location: Ireland
          Posts: 10,829
          Add in the codes
          font-family: "font name here";
          Color: color here; <--- either by name or by hex (#)
          Font-style: italic or none; <--- choose one
          Font-weight: normal or bold; <--- choose one

          And then make sure the text after is is not formatted, so highlight your text and press the button. And this would all go in the brackets. Choose which ones you wish to use.
          __________________
          she's the greatest adventure I'll ever know
          Reply With Quote
            #321    
          Old January 24th, 2011 (5:51 PM).
          Impo's Avatar
          Impo Impo is offline
          Playhouse Pokemon
          • Crystal Tier
           
          Join Date: Feb 2010
          Location: Earth
          Gender: Male
          Nature: Relaxed
          Posts: 2,456
          thanks
          another question,
          is there a way to stack images?
          say i want to add some ribbons
          Spoiler:


          to the left side of each sprite, can i do that?
          __________________
          Reply With Quote
            #322    
          Old January 24th, 2011 (6:48 PM).
          donavannj's Avatar
          donavannj donavannj is offline
          • Moderator
          • Crystal Tier
           
          Join Date: Mar 2005
          Location: 'cause it get cold like Minnesota
          Age: 26
          Gender: Male
          Posts: 21,110
          Quote:
          Originally Posted by Impo View Post
          thanks :)
          another question,
          is there a way to stack images?
          say i want to add some ribbons
          Spoiler:


          to the left side of each sprite, can i do that?
          Yes, you can. You've just got to make the sprites the background images of their own divs inside of your larger div.
          __________________
          idol trash and game nerd
          Reply With Quote
            #323    
          Old January 24th, 2011 (7:45 PM).
          Impo's Avatar
          Impo Impo is offline
          Playhouse Pokemon
          • Crystal Tier
           
          Join Date: Feb 2010
          Location: Earth
          Gender: Male
          Nature: Relaxed
          Posts: 2,456
          Quote:
          Originally Posted by donavannj View Post
          Yes, you can. You've just got to make the sprites the background images of their own divs inside of your larger div.
          ...ahhh thanks , and is there a code for that?
          __________________
          Reply With Quote
            #324    
          Old January 24th, 2011 (7:50 PM).
          donavannj's Avatar
          donavannj donavannj is offline
          • Moderator
          • Crystal Tier
           
          Join Date: Mar 2005
          Location: 'cause it get cold like Minnesota
          Age: 26
          Gender: Male
          Posts: 21,110
          Quote:
          Originally Posted by Impo View Post
          ...ahhh thanks :) , and is there a code for that?
          Yeah. It's in the first post of the thread under the Bunch of Codes heading.
          __________________
          idol trash and game nerd
          Reply With Quote
            #325    
          Old January 25th, 2011 (1:41 AM).
          Impo's Avatar
          Impo Impo is offline
          Playhouse Pokemon
          • Crystal Tier
           
          Join Date: Feb 2010
          Location: Earth
          Gender: Male
          Nature: Relaxed
          Posts: 2,456
          is it the background image one?
          __________________
          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 12:10 PM.