Go Back   The PokéCommunity Forums > Entertainment & Hobbies > Computers & Technology
Reload this Page CSS Help & Resources

Notices
For all updates, view the main page.

Computers & Technology The place to go for all things tech and internet. Share a funny YouTube video or meme, discover the latest useful apps, or just get some free tech support.



Reply
 
Thread Tools
  #301    
Old November 14th, 2010 (01: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: 22
Gender: Male
Nature: Gentle
Posts: 1,816
Quote originally posted by Blaziquaza:
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
  #302    
Old November 17th, 2010 (02: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 (02:54 PM).
seeker's Avatar
seeker seeker is online now
adventure seeker
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,683
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 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:
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 KKN.
KKN's Avatar
KKN KKN is offline
 
Join Date: Feb 2005
Location: Kentucky
Age: 25
Gender: Male
Nature: Timid
Posts: 1,960
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 (06:50 PM).
donavannj's Avatar
donavannj donavannj is offline
KYON-KUN, DENWA
Moderator, CS
 
Join Date: Mar 2005
Location: KYON-KUN, DENWA
Age: 24
Posts: 16,756
Quote originally posted by Blaziquaza:
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:
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.
__________________

KYON-KUN, DENWA
Reply With Quote
  #308    
Old December 14th, 2010 (03:32 AM).
Germaniac's Avatar
Germaniac Germaniac is offline
Victoria Concordia Crescit
 
Join Date: May 2009
Location: Jakarta, Indonesia
Age: 16
Gender: Male
Nature: Relaxed
Posts: 559
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 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
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 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 (04:38 AM).
Alternative's Avatar
Alternative Alternative is offline
For my next trick...
Crystal Tier
 
Join Date: Jan 2009
Location: Adelaide, Australia
Age: 22
Gender: Male
Nature: Impish
Posts: 4,254
Quote originally posted by 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)?
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:
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 (08:22 AM).
seeker's Avatar
seeker seeker is online now
adventure seeker
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,683
So creating shapes with CSS is pretty fun.
Spoiler:
__________________
Reply With Quote
  #313    
Old January 11th, 2011 (06:29 AM).
649's Avatar
649 649 is offline
The Lord of Smug
Gold Tier
 
Join Date: Dec 2010
Age: 22
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
KYON-KUN, DENWA
Moderator, CS
 
Join Date: Mar 2005
Location: KYON-KUN, DENWA
Age: 24
Posts: 16,756
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.
__________________

KYON-KUN, DENWA
Reply With Quote
  #315    
Old January 12th, 2011 (06:40 AM).
649's Avatar
649 649 is offline
The Lord of Smug
Gold Tier
 
Join Date: Dec 2010
Age: 22
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,361
umm.. is the css tutoring still going?
because i desperately want to learn just the basics.

Quote originally posted by Impo:
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
__________________
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
Reply With Quote
  #317    
Old January 16th, 2011 (04:15 AM).
seeker's Avatar
seeker seeker is online now
adventure seeker
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,683
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 Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,361
Quote originally posted by Abnegation:
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
__________________
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
Reply With Quote
  #319    
Old January 21st, 2011 (09: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,361
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?
__________________
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
Reply With Quote
  #320    
Old January 22nd, 2011 (03:34 AM).
seeker's Avatar
seeker seeker is online now
adventure seeker
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Posts: 10,683
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 Impo is offline
Playhouse Pokemon
Crystal Tier
 
Join Date: Feb 2010
Location: Earth
Gender: Male
Nature: Relaxed
Posts: 2,361
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?
__________________
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
Reply With Quote
  #322    
Old January 24th, 2011 (06:48 PM).
donavannj's Avatar
donavannj donavannj is offline
KYON-KUN, DENWA
Moderator, CS
 
Join Date: Mar 2005
Location: KYON-KUN, DENWA
Age: 24
Posts: 16,756
Quote originally posted by Impo:
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.
__________________

KYON-KUN, DENWA
Reply With Quote
  #323    
Old January 24th, 2011 (07: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,361
Quote originally posted by donavannj:
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?
__________________
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
Reply With Quote
  #324    
Old January 24th, 2011 (07:50 PM).
donavannj's Avatar
donavannj donavannj is offline
KYON-KUN, DENWA
Moderator, CS
 
Join Date: Mar 2005
Location: KYON-KUN, DENWA
Age: 24
Posts: 16,756
Quote originally posted by Impo:
...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.
__________________

KYON-KUN, DENWA
Reply With Quote
  #325    
Old January 25th, 2011 (01: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,361
is it the background image one?
__________________
#440 Happiny
Supporter Collab January 2015
Trade Shop | Trade Review
3DS FC: 3411-1566-9347
paired to Perrie ✿ & Sodom
Reply With Quote
Reply
Quick Reply

Sponsored Links

You may also like.. (Beta)
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 UTC -8. The time now is 09:13 AM.