|
White & Blue Dream; White and Blue
|
|
Topic Started: Feb 17 2007, 05:21 PM (1,151 Views)
|
|
2crazie
|
Feb 17 2007, 05:21 PM
Post #1
|
- Posts:
- 132
- Group:
- Members
- Member
- #100,780
- Joined:
- August 22, 2005
|
Author: KC 2crazie McCray Date: Feb 17. 07 Notes: Ah, Simple, but yet wonderous. Take a look for yourself and comment below.
Preview:Here?
Add to CSS:
- Code:
-
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #386aec; margin:0px 10px 0px 10px;background-color:#f1f1f1} TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #666666; } a:link, a:visited, a:active { text-decoration: none; color: #386aec} a:hover { color: #386aec; text-decoration:underline }
fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; }
img.attach { border:2px outset #EEF2F7;padding:2px }
.googleroot { padding:6px; line-height:130% } .googlechild { padding:6px; margin-left:30px; line-height:130% } .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; } .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; } .googlepagelinks { font-size:1.1em; letter-spacing:1px } .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }
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:#386aec} .caldate { text-align:right;font-weight:bold;font-size:11px;color:#386aec;background-color:#f1f1f1;padding:4px;margin:0px }
.warngood { color:green } .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%; border:1px solid #999999;background-color: #f8f8f8} #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #f8f8f8; border:1px solid #999999;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { border:1px solid #ffffff;background-color: #ffffff;background-image:url(http://);padding:0px;margin:0px; }
#submenu { border:0px solid #ffffff;; background-image:url(http://img114.imageshack.us/img114/6018/bottomru5.jpg);font-size:10px;margin:2px 0px 2px 0px;color:#666666;font-weight:bold;} #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #666666; }
#userlinks { border:1px solid #ffffff; background-color: #f1f1f1; background-image:url(http://img114.imageshack.us/img114/6018/bottomru5.jpg); }
#navstrip { font-weight:bold;padding:5px 0px 5px 0px;background-color:#f1f1f1;;background-image:url(http://img114.imageshack.us/img114/8537/pronf6.jpg); height:25; }
.activeuserstrip { background-color:#f1f1f1; padding:5px }
.pformstrip { background-color: #f1f1f1;background-image:url(http://img114.imageshack.us/img114/8537/pronf6.jpg);background-position:center; color:#386aec;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background-color: #f1f1f1; padding:6px; margin-top:1px;width:25%; border-top:1px solid #999999; border-right:1px solid #999999; } .pformleftw { background-color: #f1f1f1; padding:6px; margin-top:1px;width:40%; border-top:1px solid #999999; border-right:1px solid #999999; } .pformright { background-color: #f1f1f1; padding:6px; margin-top:1px;border-top:1px solid #999999; }
.post1 { background-color: #f1f1f1} .post2 { background-color: #f1f1f1} .postlinksbar { background-color:#f1f1f1;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://img248.imageshack.us/img248/5590/testtitleuk8.jpg);height:22; }
.row1 { background-color: #f8f8f8} .row2 { background-color: #f8f8f8} .row3 { background-color: #f8f8f8} .row4 { background-color: #f8f8f8}
.darkrow1 { background-color: #f1f1f1; color:#4C77B6; } .darkrow2 { background-color: #f1f1f1;background-image:url(http://img114.imageshack.us/img114/2457/darkrow2vn9.jpg);height:23; color:#3A4F6C; } .darkrow3 { background-color: #f1f1f1; color:#3A4F6C; }
.hlight { background-color: #f1f1f1} .dlight { background-color: #f8f8f8}
.titlemedium { font-weight:bold; color:#386aec; padding:3px; margin:0px; background-image: url(http://img248.imageshack.us/img248/5590/testtitleuk8.jpg);height:22; } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #386aec}
.maintitle {text-align:center; vertical-align:middle;font-weight:bold; color:#386aec; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://img67.imageshack.us/img67/5808/mainob2.jpg);background-position:center; background-repeat:no-repeat; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #386aec} .maintitle a:hover { text-decoration: underline }
.plainborder { border:1px solid #ffffff;background-color:#f8f8f8} .tableborder { border:1px solid #ffffff;background-color:#ffffff; padding:0px; margin:0px; width:100% } .tablefill { border:1px solid #386aec;background-color:#f1f1f1;padding:6px; } .tablepad { background-color:#f1f1f1;padding:6px } .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:#444444} .edit { font-size: 9px }
.signature { font-size: 10px; color: #666666} .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #666666} .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: bold; color: #666666}
.searchlite { font-weight:bold; color:#000; background-color:#f1f1f1}
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #386aec; background-color: #dfdfdf; border: 1px solid #999999; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px } #CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #386aec; background-color: #dfdfdf; border: 1px solid #999999; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
.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 #386aec;border-bottom:1px solid #386aec}
.purple { color:purple;font-weight:bold } .red { color:red;font-weight:bold } .green { color:green;font-weight:bold } .blue { color:blue;font-weight:bold } .orange { color:#F90;font-weight:bold }
Add to JavaScript:
- Code:
-
<STYLE type="text/css"> BODY {scrollbar-3dlight-color:#efefef; scrollbar-arrow-color:#386aec; scrollbar-base-color:#fefefe; scrollbar-track-color:#f1f1f1; scrollbar-darkshadow-color:#dfdfdf; scrollbar-face-color:#fafafa; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#afafaf} </STYLE>
And To Header and Body
- Code:
-
<center> <table cellspacing="0" bgcolor="#ffffff" valign="top" width="840"> <tr><td valign="top" background="http://img120.imageshack.us/img120/296/lefttestxd0.jpg" style="padding:19px;border:0px;"></td><td valign="top"> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> <br><center> <table width="100%" style="border:1px solid #f5f5f5" cellspacing="1" cellpadding="4"> <td class="pformstrip" align="center">White & Blue Dream by <B>2cRaZie</B> of <B><A HREF="http://s7.invisionfree.com/BurningDesigns/index.php" TARGET="_BLANK">Burning Designs</A></B> & <B><A HREF="http://forums.ifskinzone.net" TARGET="_BLANK">IfSkinZone</A></B>. </table> </center> <% STATS %>
Add To Footer(VERY IMPORTANT CODE) When you add EXTRA coding ,they must go BEFORE THIS CODE.
- Code:
-
</td><td align="left" valign="top" background="http://img120.imageshack.us/img120/2964/rightcc4.jpg" style="padding:19px;border:0px;"></td></tr></table>
|
|
|
| |
|
Sa-Chan
|
Feb 17 2007, 06:49 PM
Post #2
|
- Posts:
- 215
- Group:
- Members
- Member
- #250,482
- Joined:
- February 14, 2007
|
Very nice . The white and blue goes well together.
|
|
|
| |
|
Master_Joe
|
Feb 17 2007, 08:10 PM
Post #3
|
- Posts:
- 292
- Group:
- Members
- Member
- #243,414
- Joined:
- January 18, 2007
|
Seems good. Good job!
|
|
|
| |
|
Elda Ilfirin
|
Feb 17 2007, 09:32 PM
Post #4
|
- Posts:
- 31
- Group:
- Members
- Member
- #173,709
- Joined:
- May 13, 2006
|
nice skin
|
|
|
| |
|
2crazie
|
Feb 17 2007, 10:40 PM
Post #5
|
- Posts:
- 132
- Group:
- Members
- Member
- #100,780
- Joined:
- August 22, 2005
|
Thankz ppl...appreciate it.
I thought about changing the grey part on the main grad to either a more dark or light color..i just want to know what you all think.
|
|
|
| |
|
Libby.
|
Feb 18 2007, 12:29 AM
Post #6
|
- Posts:
- 2,866
- Group:
- Members
- Member
- #197,867
- Joined:
- July 30, 2006
|
Maintitles nice, just choppy, get rid of the scan lines on the title medium, your rows should be darker they look flat and the darkrow 2 could do with a deeper grad, same for the pformstrip
|
|
|
| |
|
Peter
|
Feb 18 2007, 09:02 AM
Post #7
|
- Posts:
- 3,202
- Group:
- Members
- Member
- #50,386
- Joined:
- January 28, 2005
|
The main problem I have with this skin is that without a dark(er) .tableborder background colour, there is little/no structure or definition to the skin. You lose all the separations and lots of areas almost merge into one, especially on the portal page. Also you could do with adding a hover effect to your #submenu links and possibly skin the search page, however the rest of the skin looks pretty good.
Keep it up
|
|
|
| |
|
2crazie
|
Feb 18 2007, 10:54 AM
Post #8
|
- Posts:
- 132
- Group:
- Members
- Member
- #100,780
- Joined:
- August 22, 2005
|
ah, thanks guys....should be doing something to it soon.
acualy, heres what i thought about doing for the skin:
Adding boarders around the Rows 1-4 (not the 3-d, just a solid)
Fixing the little hover area after the maintitle
Change the grey to a white on the search google page.
Add colors and images to the buttons
add more depth? I think im scewed on that one, i just do that on the next skin...i dont care to much for depth anymore lol...
|
|
|
| |
|
Xiliter
|
Feb 18 2007, 01:29 PM
Post #9
|
- Posts:
- 35
- Group:
- Members
- Member
- #246,032
- Joined:
- January 28, 2007
|
hmm...it's pretty good...though I probably wouldn't use it for my site...
|
|
|
| |
|
GFX_Hero
|
Feb 18 2007, 02:30 PM
Post #10
|
- Posts:
- 65
- Group:
- Members
- Member
- #250,710
- Joined:
- February 14, 2007
|
I like the skin theres a few things that need work but it looks good nice work
|
|
|
| |
|
J0EYCOUTUREx
|
Feb 18 2007, 11:23 PM
Post #11
|
- Posts:
- 38
- Group:
- Members
- Member
- #244,218
- Joined:
- January 21, 2007
|
pwetty
|
|
|
| |
|
|p4|Brass Monkey
|
Feb 21 2007, 10:55 AM
Post #12
|
- Posts:
- 1,718
- Group:
- Members
- Member
- #218,984
- Joined:
- October 12, 2006
|
8/10, it just doesnt suit me.i hope i spelled suit write!!!
|
|
|
| |
|
2crazie
|
Feb 21 2007, 11:56 PM
Post #13
|
- Posts:
- 132
- Group:
- Members
- Member
- #100,780
- Joined:
- August 22, 2005
|
remember, i bomb on light skins, dark skins are my specialties....i cant stand to do light skins...arg...
|
|
|
| |
|
freshlb
|
Feb 22 2007, 12:03 AM
Post #14
|
- Posts:
- 12
- Group:
- Members
- Member
- #239,785
- Joined:
- January 5, 2007
|
even though you do better at dark skins this one is good
|
|
|
| |
|
UniversalDiablo
|
Feb 22 2007, 12:54 AM
Post #15
|
- Posts:
- 34
- Group:
- Members
- Member
- #173,962
- Joined:
- May 13, 2006
|
if that skin was a girl, i would so ask it out right now
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|