The PokéCommunity Forums  

Go Back   The PokéCommunity Forums > Entertainment & Hobbies > Technology & Internet
Sign Up Rules/FAQ Live Battle Blogs Mark Forums Read

Notices

Technology & Internet Need help on your technology problems, whether your computer is malfunctioning, or you need help removing a virus? Perhaps you also want to chill and talk about the internet as a whole, too! Looks like you've come to the right place then!


Reply
Click here to go to the first staff post in this thread.  
Thread Tools
  #301    
Old November 14th, 2010, 01:27 AM
0m3GA ARS3NAL's Avatar
0m3GA ARS3NAL
Im comin' home...
 
Join Date: Jan 2008
Location: Superjail Penitentiary
Age: 21
Gender: Male
Nature: Gentle
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...

>

Last edited by 0m3GA ARS3NAL; November 14th, 2010 at 01:33 AM.
Reply With Quote
  #302    
Old November 17th, 2010, 02:44 PM
Archer's Avatar
Archer
a.k.a: ethan.
 
Join Date: Oct 2006
Location: NSW, Australia
Nature: Modest
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, 02:54 PM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009
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.
__________________
Reply With Quote
  #304    
Old November 17th, 2010, 03:38 PM
Archer's Avatar
Archer
a.k.a: ethan.
 
Join Date: Oct 2006
Location: NSW, Australia
Nature: Modest
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
...
 
Join Date: Jun 2009
Location: Whyalla, Australia
Gender: Male
Nature: Jolly
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
KKN's Avatar
KKN
A Borrowed Cat
 
Join Date: Feb 2005
Location: Kentucky
Age: 23
Gender: Male
Nature: Timid
Send a message via Yahoo to KKN
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);
}
__________________

Ice-type Trainer & Dunsparce Fanatic | 3DS Friend Code: 4081-5742-6200
Karite-Kita-Neko @deviantARTKjKun Neko @GPXPlus

Last edited by KKN; November 27th, 2010 at 01:02 PM.
Reply With Quote
  #307    
Old November 28th, 2010, 06:50 PM
donavannj's Avatar
donavannj
The Melody Pokémon
 
Join Date: Mar 2005
Location: Minny, Minny, USA
Age: 23
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.
__________________
♪ ♫ ♪ ♫
moderator of pokémon trading card game
moderator of forum games
Reply With Quote
  #308    
Old December 14th, 2010, 03:32 AM
Germaniac's Avatar
Germaniac
Victoria Concordia Crescit
 
Join Date: May 2009
Location: Jakarta, Indonesia
Age: 15
Gender: Male
Nature: Relaxed
Can someone help me? I want this to be cursor in my sig:
__________________
Reply With Quote
  #309    
Old December 17th, 2010, 05:36 PM
King Gumball's Avatar
King Gumball
Haven't been here for ages...
 
Join Date: Aug 2010
Location: Sydney
Gender: Male
Nature: Modest
Send a message via Windows Live Messenger to King Gumball
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
Beginning Trainer
 
Join Date: Oct 2009
Gender: Male
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/wa...dge/route_29-1
__________________

Soul Silver Friendcode: 0561-8630-6061
Reply With Quote
  #311    
Old December 27th, 2010, 04:38 AM
Alternative's Avatar
Alternative
Whoa!
 
Join Date: Jan 2009
Location: Adelaide, Australia
Age: 21
Gender: Male
Nature: Impish
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/wa...dge/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, 08:22 AM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009
So creating shapes with CSS is pretty fun.
Spoiler:
__________________
Reply With Quote
  #313    
Old January 11th, 2011, 06:29 AM
649's Avatar
649
The Lord of Smug
 
Join Date: Dec 2010
Age: 21
Gender: Male
Nature: Hasty
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-G...d-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
The Melody Pokémon
 
Join Date: Mar 2005
Location: Minny, Minny, USA
Age: 23
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.
__________________
♪ ♫ ♪ ♫
moderator of pokémon trading card game
moderator of forum games
Reply With Quote
  #315    
Old January 12th, 2011, 06:40 AM
649's Avatar
649
The Lord of Smug
 
Join Date: Dec 2010
Age: 21
Gender: Male
Nature: Hasty
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
Impo's Avatar
Impo
Vital Spirit
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
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
__________________

Vigoroth
3DS FC: 3411-1566-9347
Paired to Naya Rivera
Paired to ShiningRaichu

Last edited by Impo; January 15th, 2011 at 11:09 PM. Reason: Your double post has been automatically merged.
Reply With Quote
  #317    
Old January 16th, 2011, 04:15 AM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009
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.
__________________
Reply With Quote
  #318    
Old January 17th, 2011, 02:00 AM
Impo's Avatar
Impo
Vital Spirit
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
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
__________________

Vigoroth
3DS FC: 3411-1566-9347
Paired to Naya Rivera
Paired to ShiningRaichu
Reply With Quote
  #319    
Old January 21st, 2011, 09:38 PM
Impo's Avatar
Impo
Vital Spirit
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
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?
__________________

Vigoroth
3DS FC: 3411-1566-9347
Paired to Naya Rivera
Paired to ShiningRaichu
Reply With Quote
  #320    
Old January 22nd, 2011, 03:34 AM
Link's Avatar
Link
Rupee Moderator
 
Join Date: Apr 2009
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.
__________________
Reply With Quote
  #321    
Old January 24th, 2011, 05:51 PM
Impo's Avatar
Impo
Vital Spirit
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
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?
__________________

Vigoroth
3DS FC: 3411-1566-9347
Paired to Naya Rivera
Paired to ShiningRaichu
Reply With Quote
  #322    
Old January 24th, 2011, 06:48 PM
donavannj's Avatar
donavannj
The Melody Pokémon
 
Join Date: Mar 2005
Location: Minny, Minny, USA
Age: 23
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.
__________________
♪ ♫ ♪ ♫
moderator of pokémon trading card game
moderator of forum games
Reply With Quote
  #323    
Old January 24th, 2011, 07:45 PM
Impo's Avatar
Impo
Vital Spirit
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
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?
__________________

Vigoroth
3DS FC: 3411-1566-9347
Paired to Naya Rivera
Paired to ShiningRaichu
Reply With Quote
  #324    
Old January 24th, 2011, 07:50 PM
donavannj's Avatar
donavannj
The Melody Pokémon
 
Join Date: Mar 2005
Location: Minny, Minny, USA
Age: 23
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.
__________________
♪ ♫ ♪ ♫
moderator of pokémon trading card game
moderator of forum games
Reply With Quote
  #325    
Old January 25th, 2011, 01:41 AM
Impo's Avatar
Impo
Vital Spirit
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
is it the background image one?
__________________

Vigoroth
3DS FC: 3411-1566-9347
Paired to Naya Rivera
Paired to ShiningRaichu
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:55 AM.


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.