We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
HP request; real simple. MUCH freedom
Topic Started: Apr 19 2004, 08:42 PM (478 Views)
HPChick
Member
[ * ]
Can anyone make me just a cool looking skin that can have the colors easily edited, but with the pic in the following link as the background? I can do most editing, just not with the pics and gufs and stuff. Tans, whites, and light browns are prefered colors. Thankies!
-Luna-

http://www.pojo.com/harrypotter/books/pics4/HP4-c20.JPG
Offline Profile Quote Post Goto Top
 
Jayster
Member Avatar
The Alchemy Index
[ *  *  *  *  *  *  *  * ]
Please check our Requesting Guidelines and redo your request following the template. This will be trashed by the mods or admins if not updated within a day.
Offline Profile Quote Post Goto Top
 
Kazuki-ZNR
...
Jayster can you leave that for the staff to do. v_v
Offline Profile Quote Post Goto Top
 
Kazuki-ZNR
...
Please check our Requesting Guidelines and redo your request following the template. This will be trashed if not updated within a day.
Offline Profile Quote Post Goto Top
 
HPChick
Member
[ * ]
Background Color (Pic in URL above ~^)
Border Color Black
Font Color Dark gold
Link Color Medium Grey
Hover Color Light Grey
Row 1 and 2 colors light tan
Row 3 and 4 Colors Darker Tan
Dark Row 1 dark baige
Dark Row 2 & 3 light baige
Category (.maintitle) Color Sandy color
Sub Category (.titlemedium) Color light light tan
Post 1 Color brownish Baige
Post 2 Color Brownish, Sandy
Additional Details about the skin design It should look mystical somehow. I dont know. Its for Harry Potter. The board is still under construction, being I made it yesterday, -April 19th- So yeah.


Background Color
Border Color
Font Color
Link Color
Hover Color
Row 1 and 2 colors
Row 3 and 4 Colors
Dark Row 1
Dark Row 2 & 3
Category (.maintitle) Color
Sub Category (.titlemedium) Color
Post 1 Color
Post 2 Color
Additional Details about the skin design

Background Color
Border Color
Font Color
Link Color
Hover Color
Row 1 and 2 colors
Row 3 and 4 Colors
Dark Row 1
Dark Row 2 & 3
Category (.maintitle) Color
Sub Category (.titlemedium) Color
Post 1 Color
Post 2 Color
Additional Details about the skin design


http://s6.invisionfree.com/TWT2004/
Offline Profile Quote Post Goto Top
 
Jayster
Member Avatar
The Alchemy Index
[ *  *  *  *  *  *  *  * ]
Sorry Kazuki, I'm just tring to be as staff-like as I can. :)
Offline Profile Quote Post Goto Top
 
catfriedrice
Member Avatar
Anatidaephobic
[ *  *  *  *  *  * ]
I'm on it, done by 3:30 Today, if all goes well
Offline Profile Quote Post Goto Top
 
Kazuki-ZNR
...
Ok just make sure you don't forget about it, I hate it when people say they will fill them and then don't. :[
Offline Profile Quote Post Goto Top
 
catfriedrice
Member Avatar
Anatidaephobic
[ *  *  *  *  *  * ]
ok, 3:30 tomorrow. I usually try to fufill things that I start.

you can watch me work on it at s6.invisionfree.com/toastnine
Offline Profile Quote Post Goto Top
 
catfriedrice
Member Avatar
Anatidaephobic
[ *  *  *  *  *  * ]
the gold text doesn't work to well with the colors, I'm going to try and deepen it a bit
Offline Profile Quote Post Goto Top
 
Yoda
Member Avatar
Member
[ *  *  *  *  * ]
i made a skin for you HPChick, Preview here i just followed you guide.


CSS:
Code:
 

<style type="text/css">
<!--
body {
background-image: url(http://www.pojo.com/harrypotter/books/pics4/HP4-c20.JPG)!important;
background-attachment: fixed !important;
}
-->


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:#BB7804;margin:0px 10px 0px 10px;background-image:url(http://www.pojo.com/harrypotter/books/pics4/HP4-c20.JPG)  }

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size:11px;color: #BB7804; }
a:link,a:visited, a:active { text-decoration: underline; color: #708090}
a:hover { color: #c0c0c0; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

</style>
<center>Skin created by <a href=http://s3.invisionfree.com/star_wars_hutt/>Yoda</a>of the <a href=http://invisionfree.com/fourms/ifskinzone>IF Skin Zone</a></center>
<style type="text/css">

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:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;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 #345487;background-color: #ebc899 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #c5a880; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;background-image: url(http://www.pojo.com/harrypotter/books/pics4/HP4-c20.JPG); padding:0px;margin:0px; }
#submenu { border:1px solid #BCD0ED;background-color:#F9EDBB;font-size:10px;margin:3px 0px 3px0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-color: #F9EDBB }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#F9EDBB; padding:6px }

.pformstrip { background-color: #f5f5dc; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #ebc899; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #c5a880; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #c5a880; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #CD8F62}
.post2 { background-color: #E7B590 }
.postlinksbar { background-color:#d7d7bc;padding:7px;margin-top:1px;font-size:10px}

.row1 { background-color: #EBC899 }
.row2 { background-color: #EBC899 }
.row3 { background-color: #DABA90 }
.row4 { background-color: #DABA90 }

.darkrow1 { background-color: #D7D7BC; color:#4C77B6; }
.darkrow2 { background-color: #f5f5dc; color:#3A4F6C; }
.darkrow3 { background-color: #f5f5dc; color:#3A4F6C; }

.hlight { background-color: #EBC899 }
.dlight { background-color: #E7B590 }

.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-color: #FCDAAF }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
.maintitle{ vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #F9EDBB }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #345487;background-color:#F5F9FD;padding:6px; }
.tablepad { background-color:#F5F9FD;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:#434951 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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 } SPECIAL NOTE
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.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 }

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: # DABA90;
scrollbar-highlight-color: # DABA90;
scrollbar-3dlight-color: #BB7804;
scrollbar-darkshadow-color: #BB7804;
scrollbar-shadow-color: # DABA90;
scrollbar-arrow-color: #BB7804;
scrollbar-track-color: # EBC899;
}-->
</STYLE>


</style>
Offline Profile Quote Post Goto Top
 
HPChick
Member
[ * ]
I like, love you, Yoda. lol. Thank you so much! Its better then I thought it would be! Its perfect!!! Thank you so much!

-Luna-
Offline Profile Quote Post Goto Top
 
Yoda
Member Avatar
Member
[ *  *  *  *  * ]
thanks :lol: . i have to say it did turn out pritty good.

Offline Profile Quote Post Goto Top
 
catfriedrice
Member Avatar
Anatidaephobic
[ *  *  *  *  *  * ]
I also finished mine, and you can look at it too
The only thing I didn't go off of, and you can fix it if you want, I'll color it red, is the light gray link color, I made it hover gold instead. Other than that, enjoy.

Preview Here

CSS
Quote:
 

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: #545400; margin:0px 10px 0px 10px;background-color:#545400; background-image: url(http://www.pojo.com/harrypotter/books/pics4/HP4-c20.JPG); }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #545400; }
a:link, a:visited, a:active { text-decoration: underline; color: #4E4E4E }
a:hover { color: #808000; 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:#555 }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#D8CB95 ;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 #505000 ;background-color: #D8CB95  }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #D8CB95 ; border:1px solid black;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid black;background-color: ##3860BB; background-image:url(http://invisionfree.com:54/style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu   { border:1px solid #BCD0ED;background-color: #CD8564;font-size:10px;margin:3px 0px 3px 0px;color:#F0A05A ;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #545400; }
#userlinks { border:1px solid black; background-color: #D8CB95  }

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color: #D2B48C; padding:6px }

.pformstrip { background-color: #D2B48C; color:#545400;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #D8CB95 ; padding:6px; margin-top:1px;width:25%; border-top:1px solid black; border-right:1px solid black; }
.pformleftw { background-color: #D8CB95 ; padding:6px; margin-top:1px;width:40%; border-top:1px solid black; border-right:1px solid black; }
.pformright { background-color: #D8CB95 ; padding:6px; margin-top:1px;border-top:1px solid black; }

.post1 { background-color: #D3B78F }
.post2 { background-color: #D8CB95 }
.postlinksbar { background-color: #D2B48C;padding:7px;margin-top:1px;font-size:10px; }

.row1 { background-color: #D2B48C }
.row2 { background-color: #D2B48C }
.row3 { background-color: #CD8564 }
.row4 { background-color: #CD8564 }

.darkrow1 { background-color: #D8CB95 ; color:#545400 ; }
.darkrow2 { background-color: #F5F5DC; color:#535300; }
.darkrow3 { background-color: #F5F5DC; color:#505000; }

.hlight { background-color: #D8CB95  }
.dlight { background-color: #D3B78F }

.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-color: #DEC9B3 }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

.maintitle { vertical-align:middle;font-weight:bold; color:#4A4A00; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #F0A05A }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #4A4A00 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #345487;background-color:black; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid black; background-color:#D3B78F; padding:6px;  }
.tablepad    { background-color:#D8CB95 ;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:#434951 }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #545400 }
.postdetails { font-size: 10px }
.postcolor   { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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 #545400;border-bottom:1px solid #545400 }

.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 }
Offline Profile Quote Post Goto Top
 
AgnosticAngel
Caelestis
[ *  *  *  *  *  *  *  * ]
Skin In Creation

Your skin is currently being worked on. Please do not PM/IM about the status of this work. Your skin will be ready within 48 hours (max).

When it is completed, it will be located in the Completed Forum.

Thanks for choosing the IF Skin Zone!
SZ Skin Team

This is an automated message
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Closed Requests · Next Topic »
Add Reply
  • Pages:
  • 1