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
  #251    
Old September 29th, 2010 (06:03 PM).
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 jigglyppuff8:
Stylish may be what you are looking for.
Umm...
Quote originally posted by 0m3GA ARS3NAL:
(I don't want to, this is going to be reference for a site I'm proposing add the CSS-DIV tags to...)
Already had stylish, but thanks, heheh.
__________________
>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
  #252    
Old September 29th, 2010 (06:07 PM).
Crimson Stardust's Avatar
Crimson Stardust Crimson Stardust is offline
Anime Addiction
 
Join Date: Mar 2009
Location: It is for me to noe and all of you to find out
Age: 22
Gender: Male
Nature: Relaxed
Posts: 1,296
Send a message via AIM to Crimson Stardust Send a message via Windows Live Messenger to Crimson Stardust
Quote originally posted by Abnegation:



Issues are arising because your CSS coding had BB code around it, such as colours and blondness etc.

This is correct:
[css-div="background-color: black; text-spacing: -2px;"]

This is not:
[css-div="background-color: black; text-spacing: -2px;"]


So, keep your coding unformatted. Befriend this button: , wrap it around you CSS coding.
I don't quite understand this and ice solution..
what wrap around the css?
__________________



Reply With Quote
  #253    
Old September 29th, 2010 (06:58 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,267
You're using the post editor that shows you what it will look like as you post it, and does not show you the code. This is called a WYSIWYG editor. Select all the text for your CSS and click the button that says "Remove Text Formatting" when you hover over it, otherwise your CSS code WILL NOT WORK.

Alternatively, you could turn off the WYSIWYG editor on your "Options" page in your User CP, and then you'll be able to see all the coding that goes into your posts.
__________________

KYON-KUN, DENWA
Reply With Quote
  #254    
Old September 29th, 2010 (08:15 PM).
Stellar's Avatar
Stellar Stellar is offline
Tiro Finale!
Silver Tier
 
Join Date: May 2009
Location: An octopus' garden.
Age: 23
Gender: Female
Nature: Docile
Posts: 872
Send a message via Skype™ to Stellar
What's the code for changing the color of hyperlinks? My knowledge of CSS is pretty basic but I *think* I know how to do it, I just... don't know how to make it work on PC.
__________________
inkpuddle
→ female.
→ 19 years old.
→ paired with le sauce.
→ enjoys drawing, animé,
games, & music.
→ hates confrontation,
cold weather, & boredom.
→ always the hopeless optimist.

credit: image | theme



Reply With Quote
  #255    
Old September 29th, 2010 (08:32 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,267
Quote originally posted by Inkpuddle:
What's the code for changing the color of hyperlinks? My knowledge of CSS is pretty basic but I *think* I know how to do it, I just... don't know how to make it work on PC.
That's all handled by BBCode here on PC, if I recall correctly.
__________________

KYON-KUN, DENWA
Reply With Quote
  #256    
Old September 29th, 2010 (09:08 PM).
Stellar's Avatar
Stellar Stellar is offline
Tiro Finale!
Silver Tier
 
Join Date: May 2009
Location: An octopus' garden.
Age: 23
Gender: Female
Nature: Docile
Posts: 872
Send a message via Skype™ to Stellar
Quote:
That's all handled by BBCode here on PC, if I recall correctly.
Hmmm... I've been over the BBCode list a few times already, so I guess it's not there. Either that or I'm blind and/or retarded. xD
__________________
inkpuddle
→ female.
→ 19 years old.
→ paired with le sauce.
→ enjoys drawing, animé,
games, & music.
→ hates confrontation,
cold weather, & boredom.
→ always the hopeless optimist.

credit: image | theme



Reply With Quote
  #257    
Old September 30th, 2010 (04:55 AM).
Crimson Stardust's Avatar
Crimson Stardust Crimson Stardust is offline
Anime Addiction
 
Join Date: Mar 2009
Location: It is for me to noe and all of you to find out
Age: 22
Gender: Male
Nature: Relaxed
Posts: 1,296
Send a message via AIM to Crimson Stardust Send a message via Windows Live Messenger to Crimson Stardust
Quote originally posted by donavannj:
You're using the post editor that shows you what it will look like as you post it, and does not show you the code. This is called a WYSIWYG editor. Select all the text for your CSS and click the button that says "Remove Text Formatting" when you hover over it, otherwise your CSS code WILL NOT WORK.

Alternatively, you could turn off the WYSIWYG editor on your "Options" page in your User CP, and then you'll be able to see all the coding that goes into your posts.
When i press that butto,a whole big of words come out..is that it?
if it is,so whenever i want to put a css,i just go to this mode and put the css?
then edit from there
__________________



Reply With Quote
  #258    
Old September 30th, 2010 (06:31 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,267
Quote originally posted by Crimson Stardust:

When i press that butto,a whole big of words come out..is that it?
if it is,so whenever i want to put a css,i just go to this mode and put the css?
then edit from there
Yeah. What you're seeing is the actual BBCode that's formatting your text. Enter your CSS in this mode.
__________________

KYON-KUN, DENWA
Reply With Quote
  #259    
Old September 30th, 2010 (06:43 AM).
Spherical Ice's Avatar
Spherical Ice Spherical Ice is online now
Moderator
CS
 
Join Date: Nov 2007
Location: Leicester, UK
Posts: 3,507
Send a message via Skype™ to Spherical Ice
Quote originally posted by Inkpuddle:
Hmmm... I've been over the BBCode list a few times already, so I guess it's not there. Either that or I'm blind and/or retarded. xD
In between the [URL][/URL] tags, put the [color=""][/color] tags, so like this: [URL="http://www.pokecommunity.com/"][color="red"]The best forum ever[/color][/url] would appear as: The best forum ever.
__________________
Reply With Quote
  #260    
Old September 30th, 2010 (08:54 PM).
Stellar's Avatar
Stellar Stellar is offline
Tiro Finale!
Silver Tier
 
Join Date: May 2009
Location: An octopus' garden.
Age: 23
Gender: Female
Nature: Docile
Posts: 872
Send a message via Skype™ to Stellar
Quote:
In between the tags, put the [color=""][/color] tags, so like this: The best forum ever would appear as: The best forum ever.
I assumed it was something as simple as that. ._. Thanks~
__________________
inkpuddle
→ female.
→ 19 years old.
→ paired with le sauce.
→ enjoys drawing, animé,
games, & music.
→ hates confrontation,
cold weather, & boredom.
→ always the hopeless optimist.

credit: image | theme



Reply With Quote
  #261    
Old October 2nd, 2010 (08:46 AM). Edited October 2nd, 2010 by Spherical Ice.
Spherical Ice's Avatar
Spherical Ice Spherical Ice is online now
Moderator
CS
 
Join Date: Nov 2007
Location: Leicester, UK
Posts: 3,507
Send a message via Skype™ to Spherical Ice
Spoiler:



.



.



.

.

I was bored, discovered how to make circles in CSS, and thus made a set of traffic lights. Opinions?
__________________
Reply With Quote
  #262    
Old October 2nd, 2010 (08:55 AM).
seeker's Avatar
seeker seeker is offline
adventure seeker
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Age: 22
Posts: 10,639
I see your circles, and I raise you a triangle.



Anyway, rather good composition, I once made a Pokéball with CSS. Similar method, so if you get bored you should try that out. But as I say, pretty cool. CSS art is fun once you get the knowledge of advanced coding, mush like CSS typography.
__________________
<div style="background-image: url('http://i.imgur.com/bHlfm47.gif'); background-repeat: no-repeat; height: 245px; width: 600px; font-family: 'Dosis', 'Josefin Slab', 'Open Sans', sans-serif; font-weight: 200; font-size: 13px; letter-spacing: 1px; color: #282828; padding-top: 66px; padding-left:43px; text-align: left; line-height: 15px;">
<div style="font-size: 22px;">seeker</div>
<i class="fa fa-heart-o"></i> paired to <a href="http://www.pokecommunity.com/member.php?u=67003"><span class="usergroup-mod">adventure</span></a>
<i class="fa fa-code"></i> <div class="usergroup-admin">staff administrator</div>
on a leave of absence</div>
Reply With Quote
  #263    
Old October 2nd, 2010 (09:09 AM).
Spherical Ice's Avatar
Spherical Ice Spherical Ice is online now
Moderator
CS
 
Join Date: Nov 2007
Location: Leicester, UK
Posts: 3,507
Send a message via Skype™ to Spherical Ice
Quote originally posted by Abnegation:
I see your circles, and I raise you a triangle.



Anyway, rather good composition, I once made a Pokéball with CSS. Similar method, so if you get bored you should try that out. But as I say, pretty cool. CSS art is fun once you get the knowledge of advanced coding, mush like CSS typography.
Hm, a Pokéball...seems challenging.

I'll try it out.
__________________
Reply With Quote
  #264    
Old October 8th, 2010 (06:03 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,255
Lately I've seen sigs with text overlapping other text and/or images. any idea on how to do that? I'm assuming it's something about padding?
__________________
Reply With Quote
  #265    
Old October 8th, 2010 (09:13 AM).
jigglyppuff8's Avatar
jigglyppuff8 jigglyppuff8 is offline
 
Join Date: Jun 2007
Location: PA, USA :effort
Age: 21
Gender: Male
Nature: Modest
Posts: 2,326
Care to share a specific example of this so we could have a clearer idea of what you're looking for? (I prefer using position:relative; personally)
__________________
迷いながらトキメイタ 
記憶は儚くて消えないで

Reply With Quote
  #266    
Old October 8th, 2010 (09:20 AM).
seeker's Avatar
seeker seeker is offline
adventure seeker
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Age: 22
Posts: 10,639
It's done with the line-height property I believe.

http://www.w3schools.com/css/pr_dim_line-height.asp
__________________
<div style="background-image: url('http://i.imgur.com/bHlfm47.gif'); background-repeat: no-repeat; height: 245px; width: 600px; font-family: 'Dosis', 'Josefin Slab', 'Open Sans', sans-serif; font-weight: 200; font-size: 13px; letter-spacing: 1px; color: #282828; padding-top: 66px; padding-left:43px; text-align: left; line-height: 15px;">
<div style="font-size: 22px;">seeker</div>
<i class="fa fa-heart-o"></i> paired to <a href="http://www.pokecommunity.com/member.php?u=67003"><span class="usergroup-mod">adventure</span></a>
<i class="fa fa-code"></i> <div class="usergroup-admin">staff administrator</div>
on a leave of absence</div>
Reply With Quote
  #267    
Old October 12th, 2010 (07:48 AM).
Ambellina's Avatar
Ambellina Ambellina is offline
Psychedelic Psychic
Crystal Tier
 
Join Date: Jul 2008
Location: Saffron Gym
Age: 27
Gender: Female
Nature: Bashful
Posts: 2,406
This question is most likely so simple that I totally overlooked how to do it D:
How can I move the text over in my signature so it's not on the edge of the image?
__________________
♥Paired to Sushi.♥ | Grandparent
Sister | Daughter | Grandson
My Twitter | Credit
Reply With Quote
  #268    
Old October 12th, 2010 (08: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,267
Quote originally posted by Ambellina:
This question is most likely so simple that I totally overlooked how to do it D:
How can I move the text over in my signature so it's not on the edge of the image?
padding: 0 px 0px 0px 0px

I'm not sure which adds padding to which direction, though, off the top of my head. D;
__________________

KYON-KUN, DENWA
Reply With Quote
  #269    
Old October 12th, 2010 (01:22 PM).
Owl's Avatar
Owl Owl is offline
Crystal Tier
 
Join Date: Jul 2009
Age: 20
Gender: Female
Posts: 13,367
I went looking for a code that could make this shape:
http://prodimages.branders.com/img/custom_Decal_Rounded_Corners_Rectangle_Permanent_Adhesive_1_3_4_x_2_5_8_/Auto_Accessories/Decal_Rounded_Corners_Rectangle_Permanent_Adhesive_1_3_4_x_2_5_8_-30654_bs.jpg

But only found ones that make rectangles, is there a code for making those shapes that I can put text over?
__________________


Reply With Quote
  #270    
Old October 12th, 2010 (01:40 PM).
zappyspiker's Avatar
zappyspiker zappyspiker is offline
p r e c u r s o r l e g a c y ★
Gold Tier
 
Join Date: Jul 2008
Location: Wellington, New Zealand
Age: 20
Gender: Female
Nature: Quiet
Posts: 3,919
Quote originally posted by Charizard★:
I went looking for a code that could make this shape:
http://prodimages.branders.com/img/custom_Decal_Rounded_Corners_Rectangle_Permanent_Adhesive_1_3_4_x_2_5_8_/Auto_Accessories/Decal_Rounded_Corners_Rectangle_Permanent_Adhesive_1_3_4_x_2_5_8_-30654_bs.jpg

But only found ones that make rectangles, is there a code for making those shapes that I can put text over?
You add just change the roundness of a rectangle box:

-moz-border-radius: 12px; -webkit-border-radius: 12px;

Just change how many px to how rounded you wanted to be
__________________
Reply With Quote
  #271    
Old October 12th, 2010 (06:57 PM).
Ambellina's Avatar
Ambellina Ambellina is offline
Psychedelic Psychic
Crystal Tier
 
Join Date: Jul 2008
Location: Saffron Gym
Age: 27
Gender: Female
Nature: Bashful
Posts: 2,406
I tried ajusting the padding but I got like half of the image next to the original sig D:
__________________
♥Paired to Sushi.♥ | Grandparent
Sister | Daughter | Grandson
My Twitter | Credit
Reply With Quote
  #272    
Old October 13th, 2010 (01:55 PM).
Owl's Avatar
Owl Owl is offline
Crystal Tier
 
Join Date: Jul 2009
Age: 20
Gender: Female
Posts: 13,367
One more question, I've seen some CSS coding that highlights the border of this rectangular shape, is there a code to do that? Or is it not possible?
__________________


Reply With Quote
  #273    
Old October 13th, 2010 (03:12 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,267
Um... can't think of anything that does that off the top of my head, Char.

Quote originally posted by Ambellina:
I tried ajusting the padding but I got like half of the image next to the original sig D:
Oh, you need to readjust the size of your css-div when you using padding. Forgot about that. ^-^;;
__________________

KYON-KUN, DENWA
Reply With Quote
  #274    
Old October 13th, 2010 (03:17 PM).
seeker's Avatar
seeker seeker is offline
adventure seeker
Platinum Tier
 
Join Date: Apr 2009
Location: Ireland
Age: 22
Posts: 10,639
Quote originally posted by Charizard★:
One more question, I've seen some CSS coding that highlights the border of this rectangular shape, is there a code to do that? Or is it not possible?
http://css-tricks.com/snippets/css/css-box-shadow/
^ I think you're referring to box-shadow. If you're going to ask so many questions about what codes are, again I will urge you just to get firebug. You will find out codes with a simple right click then a choice of "inspect element" and it shows you the exact codes used to make what you right clicked on.
__________________
<div style="background-image: url('http://i.imgur.com/bHlfm47.gif'); background-repeat: no-repeat; height: 245px; width: 600px; font-family: 'Dosis', 'Josefin Slab', 'Open Sans', sans-serif; font-weight: 200; font-size: 13px; letter-spacing: 1px; color: #282828; padding-top: 66px; padding-left:43px; text-align: left; line-height: 15px;">
<div style="font-size: 22px;">seeker</div>
<i class="fa fa-heart-o"></i> paired to <a href="http://www.pokecommunity.com/member.php?u=67003"><span class="usergroup-mod">adventure</span></a>
<i class="fa fa-code"></i> <div class="usergroup-admin">staff administrator</div>
on a leave of absence</div>
Reply With Quote
  #275    
Old October 14th, 2010 (03:09 PM).
Owl's Avatar
Owl Owl is offline
Crystal Tier
 
Join Date: Jul 2009
Age: 20
Gender: Female
Posts: 13,367
I'm still learning how to use it properly, and the shadow is not what I'm talking about. I would have used it to see what code it was, but the person changed their theme so I can't use it now :x
__________________


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

Forum Jump


All times are UTC -8. The time now is 12:43 PM.