CSS Help & Resources

[Flannery Lue]

I'm gonna attempt to see if I got this right...

Spoiler:

Love and Understand, Imagine and Believe. It will take you far.

Hmm, is that what you needed? Here's the code to that right here:

Spoiler:

[PLAIN][center][div="background: url('https://i.imgur.com/5Ffpfl8.gif') center no-repeat; width: 480px; height: 272px;padding-top: 210px;text-shadow: 0px 0px 8px silver; color: darkred;font-family:georgia;"][URL="https://flanneryluemoore.imgur.com/"][IMG]https://i.imgur.com/tDmjSy0.png[/IMG][/URL] [URL="https://www.minecraftforum.net/members/Quavelen/"][IMG]https://i.imgur.com/UHWqtab.png[/IMG][/URL] [URL="https://services.runescape.com/m=adventurers-log/profile?searchName=Quavelen"][IMG]https://i.imgur.com/ERQRLsc.png[/IMG][/URL]
[SIZE="3"]Love and Understand, Imagine and Believe. It will take you far.[/SIZE][/div][/center][/PLAIN]

Hope this helps! :)

That's exactly it! Thank you. =)
I really appreciate it.

 

[Etherion]

hey guys :3
I was wondering how can I make a grid using CSS?

 

[Tsutarja]

hey guys :3
I was wondering how can I make a grid using CSS?

Could you perhaps provide us with an example to give us a better idea, please? :)

 

[Etherion]

Could you perhaps provide us with an example to give us a better idea, please? :)

A chessboard

 

[Tsutarja]

A chessboard

Well a chessboard can't be done with standalone CSS (if can, then it's a very tedious process to make), so you'd probably have to find a background like this one and repeat the background.

 

[Nurse Joy]

EDIT: Nevermind, I figured it out!!! But I'm gonna leave my post here for reference in case anyone else has the same problem. When you use the float property, you can't use margin at the same time. For example, if you used float: right, you can't use margin-left !! ...It's kind of a dumb mistake when you figure it out to be honest but it's easy to make ^ ^;;;;;


You see this big giant space at the top?

Spoiler:

Quick Reference

Quick Links:

> Items
> Pokemon
> Power Items

[a id]items[/a id]Important Items:

• 
  Everstone: Granite Cave B2F (Hidden between TM65 and Steelixite)
• 
  Destiny Knot: Pick Up (Lv50 - Lv100) / Master Rank Contest / Young Couple Lois & Hal (Rematch, not guaranteed to receive, so save before battle)
• 
  Lucky Egg: Dex Nav — Pelipper (Rare)

Power Items: Battle Resort (16 BP) / PGL Games


[a id]pokemon[/a id]Important Pokemon:
~~

[a id]power[/a id]Power Items:
~~

It won't go away, even with float. What on earth am I doing wrong? //sighs forever

Code:

Spoiler:

[PLAIN][FONT="Lucida Console"][cd=background-image:url("https://oi59.tinypic.com/k2islj.jpg"); width: 900px; height: auto; padding:14px;][cd=border: 4px;border-radius: 6px;border-color: #000; border-style: double; height: 30px; width:886px; font-size:28px; padding:3px; padding-top:6px; background-color:#FAFAFA;][B][COLOR=#000]Quick Reference[/COLOR][/B][/cd][cd=border: 4px;border-radius: 6px;border-color: #000; border-style: double; background-color:#FAFAFA;margin-left:700px; height:auto;overflow:hidden;  width: 180px; float: right; margin-top:14px; padding:8px;][COLOR=#1C1C1C][B]Quick Links:[/B]

       > [aurl=items]Items[/aurl]
       > [aurl=pokemon]Pokemon[/aurl]
       > [aurl=power]Power Items[/aurl]
[/COLOR][/cd]
[cd=background-color:#FAFAFA;border: 4px;border-radius: 6px;border-color: #000; border-style: double; width:650px; height:auto; padding:12px;][COLOR=#1C1C1C][B][a id]items[/a id]Important Items[/B]:

[LIST]
[*][img]https://www.pokecheck.org/i/itm/229.png[/img][B]Everstone[/b]: Granite Cave B2F (Hidden between TM65 and Steelixite)
[*][img]https://www.pokecheck.org/i/itm/280.png[/img][B]Destiny Knot[/B]: Pick Up (Lv50 - Lv100) / Master Rank Contest / Young Couple Lois & Hal (Rematch, not guaranteed to receive, so save before battle)
[*][img]https://www.pokecheck.org/i/itm/231.png[/img][b]Lucky Egg[/b]: Dex Nav — Pelipper (Rare)
[/LIST]

[img]https://www.pokecheck.org/i/itm/294.png[/img] [B]Power Items[/B]: Battle Resort (16 BP) / PGL Games


[a id]pokemon[/a id][B]Important Pokemon[/B]:
~~

[a id]power[/a id][B]Power Items[/B]:
~~

[/cd][/cd][/COLOR][/FONT][/PLAIN]

Thanks in advance for any help!​

 

[Kirestananderson01]

ohh nice thread.

 

[Dedenne1]

Hi just had a quick question :D
Ive recently learned the basics of css and havent had too much trouble so far but while im working on updating my sig no matter what i do i cant change the color hyperlinks show up. Regular text colors ive had no problem with and i do have another question when i use title coding the word that has the title always appears black and also cant be changed. Anyway to set the colors they appear as? thnx!

 

[Twilight Storm]

um... How do you make a signature like this?https://www.pokecommunity.com/showpost.php?p=8901239&postcount=33I tried many times, but i just can't make it. Thanks!

 

[Sopheria]

Hi just had a quick question :D
Ive recently learned the basics of css and havent had too much trouble so far but while im working on updating my sig no matter what i do i cant change the color hyperlinks show up. Regular text colors ive had no problem with and i do have another question when i use title coding the word that has the title always appears black and also cant be changed. Anyway to set the colors they appear as? thnx!

It's tricky, but you need to put the color tag inside the url tag. Like so:

[url=https://pokecommunity.com][color=#FFFFFF]Example[/color][/url]

So for example, if you wanted to set the link color to red in your signature (obviously this will work with any color though):

Spoiler:

[cd=background-image: url("https://i.imgur.com/0UM7y6m.gif");height250px;width:400px;padding:20px; text-align:center;][cd=background-color:rgba(255,255,255,0.4);height:150px;width:350px;]





[URL="https://pokecommunity.com"][COLOR=red]This is a link, yo[/COLOR][/URL][/cd][/cd]

Result:

This is a link, yo

um... How do you make a signature like this?https://www.pokecommunity.com/posts/8901239/I tried many times, but i just can't make it. Thanks!

Can you show the code for some of your attempts? If you do, I can tell you what's wrong and how to get it working :)

 

[Twilight Storm]

Can you show the code for some of your attempts? If you do, I can tell you what's wrong and how to get it working :)

I forgot.): I have a bad memory span...

 

[Sopheria]

I forgot.): I have a bad memory span...

Well this code should do the trick:

Spoiler:

[cd=padding:20px;background-image:url('<put the url to your image here.');height:250px; width:450px;][cd=background-color:rgba(255,255,255, 0.7);height:215px; width:410px;text-align:center;padding:80px 0px 20px 0px;]Put some text in here.


links and stuff[/cd][/cd]

Put some text in here.


links and stuff

That's the basic idea of it, but if you wanted a different font family or color, you'd have to tweak it a bit. Hope that helps!

 

[Adrasteia]

Hello, I'm completely new to anything CSS related so I hope Iv posted this in the right arepa.
Could anyone explain to me in relatively simple terms how to add an image to the background of a post like on some trade stores? I'm helping run one and I'd like to make it look more attractive. Thank you for any help you could offer

 

[Sopheria]

Hello, I'm completely new to anything CSS related so I hope Iv posted this in the right arepa.
Could anyone explain to me in relatively simple terms how to add an image to the background of a post like on some trade stores? I'm helping run one and I'd like to make it look more attractive. Thank you for any help you could offer

Put the background-image: property, into a [cd] tag, and place the image URL into the url() field, with the URL surrounded by quotation marks. So as an example:

[cd=background-image:url('--put your URL here--');]Trade store related stuff...[/cd]

Trade store related stuff...

Just make sure you have quotation marks surrounding the URL, otherwise it wont work c:

 

[Adrasteia]

Put the background-image: property, into a [cd] tag, and place the image URL into the url() field, with the URL surrounded by quotation marks. So as an example:

[cd=background-image:url('--put your URL here--');]Trade store related stuff...[/cd]

Trade store related stuff...

Just make sure you have quotation marks surrounding the URL, otherwise it wont work c:

That's brilliant, thank you so much

 

[Twilight Storm]

How do you fix this to make Togekiss Fan Club in the middle, inside the box? Thanks.

 

[Mana1]

How do you fix this to make Togekiss Fan Club in the middle, inside the box? Thanks.

It'll need to be inside the [/cd] or [/div] brackets that you've got. :)

 

[Night Watcher]

So I'm basically going back to basic CSS. I'm having a little trouble right now though.

Spoiler:

Cousin | VM | PM | FC

It always appears with another picture, am I doing something wrong?

 

[Sopheria]

So I'm basically going back to basic CSS. I'm having a little trouble right now though.

Spoiler:

Cousin | VM | PM | FC

It always appears with another picture, am I doing something wrong?

Use this code instead.

Spoiler:

[div="background-image: url('https://i.imgur.com/1pQeYVv.png'); height: 220px; width: 450px;border-radius:20px;overflow:hidden;"][div="background-color:Transparent; width: 450px;"][title="My cousin Aven!"][COLOR=Black][URL="https://www.pokecommunity.com/members/499902"][COLOR=Black]Cousin[/COLOR][/URL][/COLOR][/title] [COLOR=Black]|[/COLOR] [URL="https://www.pokecommunity.com/members/499902"][COLOR=Black][title="Send me a Visitor Message"]VM[/title][/COLOR][/URL] [COLOR=Black]|[/COLOR] [URL="https://www.pokecommunity.com/members/499902"][COLOR=Black][title="Send me a Private Message"]PM[/title][/COLOR][/URL] [COLOR=Black]|[/COLOR] [COLOR=Black][title="4253-3906-8346"]FC[/title][/COLOR][/div][/div]

This can happen when you have an extra closing tag in your code. It looks like you had a third closing [/div] tag at the end of your code when you had first typed it, so the BBCODE duplicated it.
​

 

[nicolewatin]

Great post!!