|
Cheer On It; Rainbow Theme
|
|
Topic Started: May 20 2010, 10:26 AM (977 Views)
|
|
KillerCupcakes
|
May 20 2010, 10:26 AM
Post #1
|
Death of Auto-Tune;The Moment Is Silent
- Posts:
- 114
- Group:
- Members
- Member
- #384,203
- Joined:
- April 10, 2010
|
So this is my 1st theme and it's rainbow colored,mainly for the girls
Color Theme:Rainbow
Preview:Cheer On It
I'll be adding the forum and topic images pretty soon.Maybe later today.
Style Sheet:
Spoiler: click to toggle - Code:
-
html { overflow-x: hidden; overflow-y: auto; } form { display:inline; } img { vertical-align: middle;border: 0px; } BODY { font-family: verdana, arial, tahoma;font-size: 10px;margin: 0px 26px 0px 26px;color: #66FFFF;background-color:#00000; a:hover { text-decoration: underline;color: #000; } fieldset.search { padding: 6px;line-height: 150%; }#E4DBB8;background-image: url(http://bobwama.files.wordpress.com/2009/02/artistic-vector-8926.jpg);background-attachment: fixed; } #ipbwrapper { text-align: left;width: 75%;margin-left: auto;margin-right: auto; } TABLE, TR, TD { font-family: Cambria, Batang, Century Gothic;font-size: 10px;color: #66FFFFFF;background-image: url(); } a:link, a:visited, a:active { text-decoration: underline;color: #fff; } a:hover { text-decoration: underline;color: #fff; } label { cursor: pointer; } img.attach { padding: 2px;border: 2px outset #fff; } a:active, .googlesmall a:visited { font-size: 10px;color: #fff; } li.helprow { padding: 0px;margin: 0px 0px 10px 0px; } ul#help { padding: 0px 0px 0px 15px; } option.cat { font-weight: bold; } option.sub { font-weight: bold;color: #fff; } .caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #fff;background-color: #C61B1B; } </style> <center>Skin created by <b>KillerCupcakes</b>. Find more quality skins at the <b><a href="http://www.ifskinzone.net" target="_blank">IF Skin Zone</a></b></center> <style type="text/css"> .warngood { color: blue; } .warnbad { color: red; } #padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 14px 0px 14px 0px; } #profilename { font-size: 28px;font-weight: bold; } #calendarname { font-size: 22px;font-weight: bold; } #photowrap { padding: 6px; } #phototitle { font-size: 24px;border-bottom: 1px solid black; } #photoimg { text-align: center;margin-top: 15px; } #ucpmenu { line-height: 150%;width: 22%;color: #FFFFFF;background-color: #FFF;border: 1px solid #000; } #ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; } #ucpcontent { line-height: 150%;width: auto;background-color: #FFF;border: 1px solid #000; } #ucpcontent p { padding: 10px;margin: 0px; } #ipsbanner { position: absolute;top: 1px;right: 5%; } #logostrip { padding: 0px;margin: 0px;background-color: #434343;border: 1px solid #000000;background-image: url(); } #submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #fff;background-color: #262626;border: 1px solid #373737;background-image: url(http://images.clipartof.com/small/33636-Clipart-Illustation-Of-A-Colorful-Diagonal-Rainbow-Background-Of-Red-Orange-Yellow-Green-Blue-Pink-And-Purple-Bars.jpg); } #submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #fff; } #userlinks { background-color: #A9A9A9;border: 1px solid #000000;background-image: url(http://images.clipartof.com/small/33636-Clipart-Illustation-Of-A-Colorful-Diagonal-Rainbow-Background-Of-Red-Orange-Yellow-Green-Blue-Pink-And-Purple-Bars.jpg); } #navstrip { font-weight: bold;padding: 6px 0px 6px 0px; } .activeuserstrip { padding: 6px;background-color: #434343;background-image: url(http://images.clipartof.com/small/33636-Clipart-Illustation-Of-A-Colorful-Diagonal-Rainbow-Background-Of-Red-Orange-Yellow-Green-Blue-Pink-And-Purple-Bars.jpg); } .pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #fff;background-color: #000000;background-image: url(http://images.clipartof.com/small/33636-Clipart-Illustation-Of-A-Colorful-Diagonal-Rainbow-Background-Of-Red-Orange-Yellow-Green-Blue-Pink-And-Purple-Bars.jpg); } .pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #fff;border-right: 1px solid #000000;background-color: #C61B1B; } .pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #000000;border-right: 1px solid #000000;background-color: #C61B1B; } .pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #000000;background-color: #C61B1B; } .post1 { background-color: #FFF; } .post2 { background-color: #FFF; } .postlinksbar { padding: 7px;margin-top: 1px;font-size: 10px;background-color: #3333FF; } .row1 { background-color: #FFF;background-image: url(http://www.aurafashionmodelcoaching.com/index_files/2%20Rainbow%20background.JPG); } .row2 { background-color: #C61B1B;background-image: url(http://www.aurafashionmodelcoaching.com/index_files/2%20Rainbow%20background.JPG); } .row3 { background-color: #C61B1B;background-image: url(http://images.clipartof.com/small/33636-Clipart-Illustation-Of-A-Colorful-Diagonal-Rainbow-Background-Of-Red-Orange-Yellow-Green-Blue-Pink-And-Purple-Bars.jpg); } .row4 { background-color: #C61B1B;background-image: url(http://www.aurafashionmodelcoaching.com/index_files/2%20Rainbow%20background.JPG); } .darkrow1 { color: #FFFFFF;background-color: #FFFFFF;background-image: url(); } .darkrow2 { color: #FFFFFF;background-color: #fff;background-image: url(http://images.clipartof.com/small/33636-Clipart-Illustation-Of-A-Colorful-Diagonal-Rainbow-Background-Of-Red-Orange-Yellow-Green-Blue-Pink-And-Purple-Bars.jpg); } .darkrow3 { color: #FFFFFF;background-color: #FFFFFF;background-image: url(http://images.clipartof.com/small/33636-Clipart-Illustation-Of-A-Colorful-Diagonal-Rainbow-Background-Of-Red-Orange-Yellow-Green-Blue-Pink-And-Purple-Bars.jpg); } .hlight { background-color: #FF00CC; } .dlight { background-color: #CC0066; } .titlemedium { font-weight: bold;padding: 7px;margin: 0px;color: #fff;background-color: #3B4E7B;background-image: url(http://images.clipartof.com/small/33636-Clipart-Illustation-Of-A-Colorful-Diagonal-Rainbow-Background-Of-Red-Orange-Yellow-Green-Blue-Pink-And-Purple-Bars.jpg); } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline;color: #fff; } .maintitle { vertical-align: middle;font-weight: bold;letter-spacing: 1px;padding: 6px 0px 8px 5px;color: #fff;text-align:center; background-color: #3B4E7B;background-image: url(http://iaza.com/work/100521C/Userbar16030.png); background-position: center; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none;color: #CC0000} .maintitle a:hover { text-decoration: underline; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none;color: #FF9900} .maintitle a:hover { text-decoration: underline; } .plainborder { background-color: #00FF00;border: 1px solid #00FF00; } .tableborder { background-color: #000000;border: 1px solid #000000; }
.tablefill { padding: 6px;background-color: #C61B1B;border: 1px solid #000; } .tablepad { padding: 6px;background-color: #C61B1B; } .tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; } .wrapmini { float: left;line-height: 1.5em;width: 25%; } .pagelinks { float: left;line-height: 1.2em;width: 35%; } .desc { font-size: 10px;color: #fff; } .edit { font-size: 9px; } .signature { font-size: 10px;line-height: 160%;color: #fff; } .postdetails { font-size: 10px; } .postcolor { font-size: 12px;line-height: 160%; } .normalname { font-size: 12px;font-weight: bold;color: #fff; } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; } .unreg { font-size: 11px;font-weight: bold;color: #fff; } .searchlite { font-weight: bold;color: #fff;background-color: #FFF; } #QUOTE { font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #fff; background-color: #C61B1B;border: 1px solid #000; } #CODE { font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #fff;background-color: #000000;border: 1px solid #000; } .copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; } .codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; } .forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; } .thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #fff;border-bottom: 1px solid #fff; } .4 { font-weight: bold;color: purple; } .red { font-weight: bold;color: red; } .green { font-weight: bold;color: green; } .blue { font-weight: bold;color: blue; } .orange { font-weight: bold;color: #F90;
Hope you like it and comments are wanted!
|
|
|
| |
|
Helena-ZNR
|
May 21 2010, 12:10 AM
Post #2
|
No PMs on this account please
- Posts:
- 5,374
- Group:
- Extra Staffers
- Member
- #160,490
- Joined:
- March 29, 2006
- Latest Design
- Ledger
- Latest Blog Entry
- http://tinyurl.com/26px98w
|
Your background image is very nice....but there is way too much color going on in the maintitles and title mediums. The text is light on light background...not readable.
I know the idea is for a rainbow theme....but the bright rainbow color use is too heavy-handed and incongruous to the rest of the design. So rather than try to make the rainbow idea work, my suggestion would be to ditch it and concentrate on building a flow with the the other images you have going already.
I think this design could be salvaged by keeping your very lovely background images, changing your text color to black and using mainly black headers instead of all the rainbow stuff.
|
|
|
| |
|
KillerCupcakes
|
May 21 2010, 09:10 PM
Post #3
|
Death of Auto-Tune;The Moment Is Silent
- Posts:
- 114
- Group:
- Members
- Member
- #384,203
- Joined:
- April 10, 2010
|
Hmm.I think I'll edit it so it looks better.I know what you mean. *Getting to work...
|
|
|
| |
|
Canimia
|
May 21 2010, 11:50 PM
Post #4
|
Parachute? This is obviously a Hot Air Balloon!
- Posts:
- 293
- Group:
- Members
- Member
- #344,543
- Joined:
- May 21, 2008
- I'm Browsing With
- Other
- Latest Design
- http://resources.zetaboards.com/topic/5150472/1
- My Board URL
- http://www.thegeekzone.org
|
I agree that the text is hard to read. But that background is lovely, and I like the row4 gradient. The rainbowness is a little much, but it's pretty darn good for a first skin.
|
|
|
| |
|
Eccentric Feline
|
May 22 2010, 07:38 AM
Post #5
|
- Posts:
- 8,342
- Group:
- Members
- Member
- #100,036
- Joined:
- August 20, 2005
|
Good job, and congrats on your first skin! 
There is a lot going on though. I'd suggest toning down some of the rainbow so the skin isn't overloaded. Also the text is rather difficult to read. Simplify, and I think you could have a nice skin.
|
|
|
| |
|
KillerCupcakes
|
May 22 2010, 03:44 PM
Post #6
|
Death of Auto-Tune;The Moment Is Silent
- Posts:
- 114
- Group:
- Members
- Member
- #384,203
- Joined:
- April 10, 2010
|
Yeah.I'm editting it right now.Thank you guys!
|
|
|
| |
|
Helena-ZNR
|
May 24 2010, 02:43 PM
Post #7
|
No PMs on this account please
- Posts:
- 5,374
- Group:
- Extra Staffers
- Member
- #160,490
- Joined:
- March 29, 2006
- Latest Design
- Ledger
- Latest Blog Entry
- http://tinyurl.com/26px98w
|
Looking forward to seeing your edits. You have a promising project going.
|
|
|
| |
|
KillerCupcakes
|
May 28 2010, 01:40 PM
Post #8
|
Death of Auto-Tune;The Moment Is Silent
- Posts:
- 114
- Group:
- Members
- Member
- #384,203
- Joined:
- April 10, 2010
|
Fixed part of it...
|
|
|
| |
|
Canimia
|
May 30 2010, 03:04 PM
Post #9
|
Parachute? This is obviously a Hot Air Balloon!
- Posts:
- 293
- Group:
- Members
- Member
- #344,543
- Joined:
- May 21, 2008
- I'm Browsing With
- Other
- Latest Design
- http://resources.zetaboards.com/topic/5150472/1
- My Board URL
- http://www.thegeekzone.org
|
The fixes look great so far! I love lots of color, and you haven't lost the rainbow effect. Great. The text is still too light, and difficult to read, but you're doing really well.
|
|
|
| |
|
KillerCupcakes
|
Jun 5 2010, 02:41 PM
Post #10
|
Death of Auto-Tune;The Moment Is Silent
- Posts:
- 114
- Group:
- Members
- Member
- #384,203
- Joined:
- April 10, 2010
|
Thank you ^-^ I'm planning on finding some alternative images that's still floral and follows the background.
|
|
|
| |
|
dpk.
|
Jun 6 2010, 06:13 AM
Post #11
|
- Posts:
- 57
- Group:
- Members
- Member
- #383,874
- Joined:
- March 16, 2010
|
Why don't you design a simple, but elegant design?
|
|
|
| |
|
KillerCupcakes
|
Jun 6 2010, 04:10 PM
Post #12
|
Death of Auto-Tune;The Moment Is Silent
- Posts:
- 114
- Group:
- Members
- Member
- #384,203
- Joined:
- April 10, 2010
|
Hmmm.That's a good question that I have no answer to.Maybe because I'm a popping person and like things to pop out but still looks somewhat decent.
|
|
|
| |
|
RyanF
|
Jun 9 2010, 05:22 PM
Post #13
|
- Posts:
- 1,183
- Group:
- Members
- Member
- #345,606
- Joined:
- May 29, 2008
|
Wow! What an eye-popping experience!
Like some others, I love lots of colour and excitement while browsing through message boards or web pages. It's like waking up in a bright, colourful room (as opposed to one painted in eggshell). My comments are similar to those above. Keep working hard to refine your project.
Can't wait to see this one develop.
|
|
|
| |
|
KillerCupcakes
|
Jun 9 2010, 07:46 PM
Post #14
|
Death of Auto-Tune;The Moment Is Silent
- Posts:
- 114
- Group:
- Members
- Member
- #384,203
- Joined:
- April 10, 2010
|
Thank you.I'll probably have it all editted and done by at maximum the end of the week ^-^
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|