• Ever thought it'd be cool to have your art, writing, or challenge runs featured on PokéCommunity? Click here for info - we'd love to spotlight your work!
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.
    Register

PC Supporter Collab VI: Cities!

Supporter collab VI theme choices: take your pick!

  • Hoenn Pokémon

    Votes: 4 11.4%

  • Grass Types

    Votes: 3 8.6%

  • Pokémon Towns & Cities

    Votes: 16 45.7%

  • Square Enix

    Votes: 8 22.9%

  • Digimon

    Votes: 4 11.4%
  • Total voters
    35
Tek said:
The black semitransparent box is too large... What did I do wrong? Also how do I adjust the opacity of that box
Click to expand...
Alex said:
[div=background:url('{your background}') center no-repeat;height:248px;width:500px;margin-left:auto;margin-right:auto;padding:20px;-ms-border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px][div=background:rgba(15, 10, 0, 0.8);width:100%;height:100%;padding:20px;font-family:Cinzel,'Noto Serif',Serif;text-align:center][div=float:right;margin:-40px][title=Part of the PokéCommunity Forums][url=https://www.pokecommunity.com/index.php][cimg=height:248px]{your character image}[/cimg][/url][/title][/div][span=color:#F2F2F2;font-weight:bold;font-size:24px][img]{your icon}[/img] {your city name}[/span][div=padding:0.25em 0 0.25em;color:#fff;font-style:oblique]"{your quote}"[/div][span=color:#fff]Supporter City Collab 2015[/span][div=padding:1.5em 0 0;font-family:'Noto Sans','Open Sans',Sans;color:#fff][icon]code[/icon] {your personal message}[div=padding-top:0.25em][icon]code[/icon] {your supporter rank}[/div][/div][sound={name of your sound}]{URL to your sound}[/sound][/div][/div]
Click to expand...

Use this template, and also ensure your image is big enough. :)
 
Tek said:
Hm that's the template I used. I eliminated the /icon tags to make room for the quote. I'll try a larger image.

I'm having trouble finding a bg I like. May just end up going with the in-game graphics.
Click to expand...
The image isn't going to stretch to the confines. The CSS only crops off images that are bigger :P
 
Alrighty got my sig made, but it removes the rounded edges, how can I fix that?
 
Ugh I'm always late to the party with these things! Well better late than never I guess. Really loving the sigs this time around.
 
Team Fail said:
Alright, I'm uploading all the audio to a MEGA folder, so when it's done, I'll link the folder here. All songs are named according to Game - City Name, so simply find it, download it, upload it wherever you please (I would have uploaded them all to kiwi6, but unfortunately they don't do parallel uploading, so that'd take me hours to upload everything), and link it in the sound tags.

Also, folder to the music links: https://mega.co.nz/#F!qRByhJaY!fcjbzhsvlAC4Q2TcFM9Tfw
Click to expand...

think I could trouble you to upload Castelia's theme to kiwi6? I don't have anyplace to upload mp3s to (that I recall signing up to . . . ) and I'd rather not make an account for one file, lol.

and I'll have to redo my signature tomorrow, since I had it completely done, save for the music, before a friendly little adbot that's infected my Chrome politely erased all of my progress . . . which is more than a little annoying. -.-;
 
Fairy Tale~ said:
I'm a newbie at css. Could somebody fix some of the things i did wrong?
Click to expand...

HTML: 
[CENTER][cd="background-image:https://www.serebii.net/pokearth/maps/unova/55.png; background-repeat: no-repeat; height: 248px; width: 500px; padding: 20px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;"][cd="background-color: #000000); background: rgba(15, 10, 0, 0.8); width: 100%; height: 100%; padding: 20px; font-family: "Cinzel", serif; text-align: center;"][cd="float: right; margin: -36px;"][URL="https://www.pokecommunity.com/index.php"][title="LOL I'm a hidden link"][IMG]https://i377.photobucket.com/albums/oo215/SnowmonkiesOGD/renders/TrainerBoyGenV.png[/IMG][/title]/URL][/cd][span="color: White; font-weight: bold; font-size: 24px;"][IMG]-direct link to Pokemon icon here-[/IMG] [FONT="Cinzel"][COLOR="Black"]Black City[/COLOR][/FONT][/span]
[span="color: #000000; font-style: italic;"][FONT="Cinzel"]Black City[/FONT]
[span="font-style: normal;"][FONT="Cinzel"]Supporter City Collab 2015[/FONT][/span][/span]

[span="font-family: Century Gothic, sans-serif; color: #f5f5f5;"] [icon]heart-o[/icon] ----
[icon]code[/icon] -----

[SIZE="1"]some extra space and stuff[/SIZE]
[sound=song name]-direct link to an audio, not a youtube video-I/sound][/span][/cd][/cd][/CENTER]

I think this should fix it. Also, I added a couple of guides on where you still need fixing.

EDIT: your trainer's image is too big as well. No, wait, way too big. Try resizing and cropping it to at maximum 248 pixels high. I'd do it for you but I'm not at a computer right now.
 
Last edited:
You can also wrap code you want to share between [noparse] tags, and it'll be visible i your post with, surprise surprise, no tags parsed.
 
Welp; I'm definitely starting today; since I've spent time tweaking it. I'm going to go ahead and say it's OK if someone else wants to refer to a different island of the Sevii Islands for their theme...I got to filling in the blanks and such and honed it down and lo and behold I had a theme~!

I wouldn't mind if someone had a pretty map or background of this city; but I think I found something that looks nice instead that represents the Network Machine made by Celio. :3
 
Am I able to reserve a spot, if possible? This sounds like loads of fun.
 
This collab's signatures have such nice CSS, so I'm in!!

But um I'm torn between snatching Lumiose , which has beautiful music and probably good fan art for, and Ecruteak, which has this beautiful official artwork for, and I love Morty's HGSS design. But also maybe Littleroot cause I love Professor Birch ahaha. Leaning toward Eructeak and Lumiose though.
 
mimimahboul said:
How can I get the CSS for the sig? Anyone?
Click to expand...

Here, I'll give you my code to edit for yourself:

[cd=overflow:hidden;][CENTER][cd="background-image: url('https://archives.bulbagarden.net/media/upload/thumb/c/ca/Humilau_City_anime.png/800px-Humilau_City_anime.png'); background-repeat: no-repeat; height: 248px; width: 500px; padding: 20px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;"][cd="background-color: rgba(15, 10, 0, 0.8); background: rgba(15, 10, 0, 0.8); width: 100%; height: 100%; padding: 20px; font-family: "Cinzel", serif; text-align: center;"][cd="float: right; margin: -36px;"][URL="https://www.youtube.com/watch?v=RKnHukDFhck"][IMG]https://i.imgur.com/Jlz0173.png[/IMG][/URL][/cd][span="color: DeepSkyBlue; font-weight: bold; font-size: 24px;"][IMG]https://i.imgur.com/oOJYzwZ.gif[/IMG] [FONT="Cinzel"]Humilau City[/FONT][/span]
[span="color: #f5f5f5; font-style: italic;"][FONT="Cinzel"]"Calm and Sparkling Seas"[/FONT]
[span="font-style: normal;"][FONT="Cinzel"]Supporter City Collab 2015[/FONT][/span][/span]

[span="font-family: Century Gothic, sans-serif; color: #f5f5f5;"] [icon]heart-o[/icon] paired to [url="https://www.pokecommunity.com/members/360595"][crystaltier]starry windy[/crystaltier][/url]
[icon]code[/icon] [crystaltier]crystal supporter[/crystaltier]

[SIZE="1"][URL="https://pokecommunity.psim.us/"][COLOR="White"]showdown[/COLOR][/URL] | [URL="https://oshyhikari.tumblr.com/"][COLOR="white"]tumblr[/COLOR][/URL] | [URL="https://www.pokecommunity.com/showthread.php?t=315375"][COLOR="white"]fairy club[/COLOR][/URL] | [URL="https://www.pokecommunity.com/showthread.php?t=341900"][COLOR="white"]ac mentor[/COLOR][/URL][/SIZE][/span][/cd][/cd][/CENTER][/cd]
Click to expand...
 
mimimahboul said:
How can I get the CSS for the sig? Anyone?
Click to expand...

www.pokecommunity.com/showpost.php?p=8693094&postcount=157

I forgot to add a few details but I'm in no position to edit haha. So I'll list them below:

There's a part with the ### on it, replace it with your Pokemon's national dex number to get its Pokemon icon.

Also, the -insert stuff here- uses direct links and not to use a youtube for the sound file but you probably know that. :P
 
You must log in or register to reply here.
Back
Top