Welcome Guest [Log In] [Register]
  • Pages:
  • 1
  • …
  • 13
adore; pink / yellow / black
Topic Started: Jul 23 2007, 01:27 PM (35,781 Views)
finch Jul 23 2007, 01:27 PM Post #1

Project: adore ♥
Designer: finch
Created: 18 July 2007
Analysis: Yeah, so I went to start another board and changed my mind. Thought I might as well release the skin if I wasn't gonna use it. I guess it's a girlier version of Broken Hearts, for those who didn't like the skulls. I was totally OCD with the CSS this time around. It's all valid! =D
Preview: ADORE
buttons & markers by finch.
topic buttons by finch.

Board Wrappers . Header & Body

Quote:
 
<center><div id="boards"><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<script type="text/javascript" language="javascript">
<!--
e = document.getElementsByTagName('DIV')
dv = []
i = 0
for (n = 0; n < e.length; n++) if (e[n].className == 'maintitle' && e[n].parentNode.id != 'ucpmenu') dv[i++] = e[n]
for (n = 0; n < i; n++) {
s = dv[n].innerHTML
dv[n].innerHTML = "<div class='maintitleleft'><div class='maintitleright'><div class='maintitlecontent'>" +                 
// -->
s + '</div></div></div></div>'
}

</script>
<% STATS %>


<span style='font-size:8pt;line-height:100%'>Board Wrappers . Footer

Quote:
 
<div id="copyright"><i>a d o r e</i>   designed by <a href="http://forums.ifskinzone.net">finch</a> </center></div></div></span>


Manage Style Sheets . CSS

Quote:
 
html { overflow: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: "Trebuchet MS"; font-size: 9px; color: #F0F0EB; margin:10px 10px 10px 10px; background: url(http://209.85.48.12/11500/106/upload/p35447.gif) #100C10 no-repeat top left; }
TABLE, TR, TD { font-family: "Trebuchet MS"; font-size: 9px; color: #F0F0EB; }
a:link, a:visited, a:active { font-family: georgia!important; text-decoration: none; font-style: italic; color: #FCD9EF; font-size: 11px!important; }
a:hover { color: #FEE7F6; border-bottom: 1px dotted #505050; }

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

#ipbwrapper { text-align:center; width: 730px; margin-left:auto;margin-right:auto; overflow:hidden;
background-color: transparent; border: 0px solid #000; }

#ipbwrapper .maintitle {
text-align: center;
background-position:center;
padding: 8px 0px 8px 0px!important;
height: 14px;
}

#ipbwrapper .maintitle img {
display:none;
}

#ipbwrapper .row2, .row2 a {
font-size: 10px!important;
background: url(http://209.85.48.12/11500/106/upload/p50121.gif) #212121 no-repeat left;
border: 0px solid #000;
}

#ipbwrapper .row2 img {
display:none;
}

#ipbwrapper .row4 {
background-color: #1A1A1A; border: 1px solid #2C2C2C;
}

#ipbwrapper .maintitle a:link, #ipbwrapper .maintitle a:visited, #ipbwrapper .maintitle a:active {
text-align: center;
}

#ipbwrapper .tablepad {
background-color:#292829;
background: url(http://209.85.48.12/11500/106/upload/p50181.gif) #212121 no-repeat top left;
}

#ipbwrapper .desc {
background: url(http://209.85.48.12/11500/106/upload/p50121.gif) #212121 no-repeat bottom left;
}

#ipbwrapper .tableborder { background-color: transparent; padding: 0px 0px 0px 0px; margin:0px; width:100%; background-repeat: repeat-x; background-image:url(http://209.85.48.9/8791/149/upload/p738307.jpg); }

img.attach { border: 4px solid #151515; background: #181818; padding: 2px; }

.googleroot  { padding:6px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; line-height:130%; color:#274526 }
.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; text-align:left; background-color: #2C2C2C; color:#808080; border: 1px solid #333533; }
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:normal; font-family: georgia!important; font-style:italic; font-size:11px;color:#777;background-color:#212121;padding:4px;margin:0px }

form div.tableborder td.row1 { background: url(http://209.85.48.12/11500/106/upload/p47263.gif) #100C10 no-repeat bottom right; border: 1px solid #393939!important; }
form div.tableborder td.row1 div.caldate { background: url(http://209.85.48.12/11500/106/upload/p47263.gif) #100C10 no-repeat bottom right; }

.warngood { color:green }
.warnbad  { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:40px; font-weight:normal; font-family: georgia!important;  }
#calendarname { font-size:40px; font-weight:normal; font-family: georgia!important;  }

#photowrap { padding:6px; }
#phototitle { font-size:40px; font-weight:normal; font-family: georgia!important; border-bottom:1px dashed black }
#photoimg  { text-align:center; margin-top:15px }

#ucpmenu    { line-height:150%;width:22%; border:1px solid #393939;background-color: #212121}
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #212121; border:1px solid #393939;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:0px solid #000;background-color: transparent;padding:0px;margin:0px; }
#submenu  { background-color: #212121; color:#808080; background: url(http://209.85.48.12/11500/106/upload/p35793.gif) repeat-x #000400 bottom; border:1px solid #1D1E1D; }
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:normal;font-size:10px;text-decoration: none; color: #F0F0EB; }
#submenu img { display:none; }
#userlinks { background-color: #212121; color:#808080; background: url(http://209.85.48.12/11500/106/upload/p35793.gif) repeat-x #000400 bottom; border:1px solid #1D1E1D; }

#navstrip  { font-weight:normal;padding:6px 0px 6px 0px; border-left: 1px dashed #1D161D; }

.activeuserstrip {  background: url(http://209.85.48.12/11500/106/upload/p48880.gif) repeat-x #000400; border: 1px solid #1A1B1A; padding:6px }

.pformstrip { background-color: #212121; color:#6D6D6D;font-weight:normal; background: url(http://209.85.48.12/11500/106/upload/p50121.gif) #212121 no-repeat left; color:#808080; padding:4px;margin-top:1px }
.pformleft  { background-color: #212121; padding:6px; margin-top:1px;width:25%; border:1px solid #393939;}
.pformleftw { background-color: #212121; padding:6px; margin-top:1px;width:40%; border:1px solid #393939; }
.pformright { background-color: #212121; padding:6px; margin-top:1px;border:1px solid #393939;}

.post1 { background-color: #1A1A1A; border: 1px solid #393939; color:#A5A5A5; }
.post2 { background-color: #1A1A1A; border: 1px solid #393939; color:#A5A5A5; }
.postlinksbar { background-color: #212121; padding:7px; border: 1px solid #393939; margin-top:1px;font-size:10px;  }
.post1 img { padding: 2px; }
.post2 img { padding: 2px; }
.post1 li { font-size:10px!important; }
.post2 li { font-size:10px!important; }

.row1 { background-color: #212121; border: 1px solid #393939; }
.row2 { background-color: #212121; border: 1px solid #393939; color:#6D6D6D!important; }
.row2 a:link, .row2  a:visited, .row2  a:active { text-decoration: none; color: #F0F0EB!important; }
.row2 a:hover { color: #F4F4F0!important; border-bottom: 1px dotted #505050; }
.row3 { background-color: #212121; border: 1px solid #393939; }
.row4 { background-color: #181818; background: #292829; border: 1px solid #393939; }

.darkrow1 { background-color: #212121; color:#808080; }
.darkrow2 { background-color: #212121; color:#808080; background: url(http://209.85.48.12/11500/106/upload/p48734.gif) repeat-x #000400; padding:3px; }
.darkrow3 { background-color: #212121; color:#808080; border: 1px solid #393939; }
.darkrow3 a { color:#808080; padding: 5px; }
.darkrow3 a:hover { color:#919191; border-bottom: 3px solid #E9A6BE; }

div.darkrow2 { background-color: #212121; background: url(http://209.85.48.12/11500/106/upload/p48880.gif) }

.hlight { background-color: #252525; }
.dlight { background-color: #212121; }
.postcolor, .signature { overflow: auto; }

.titlemedium { font-weight:normal; padding:2px; margin:0px; background: url(http://209.85.48.12/11500/106/upload/p50181.gif) #212121 no-repeat left; color:#808080; border: 1px solid #333533; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #6E6E6E; }

.maintitle {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BACKGROUND: url(http://209.85.48.12/11500/106/upload/p48798.gif) repeat-x #212021; background-color: #212021; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; COLOR: #F0F0EB; font-style:italic; font-size: 11px!important; letter-spacing:1px; text-align:left; PADDING-TOP: 0px; border: 1px solid #2E302E; border-top: 0px solid #000!important; }

#ucpmenu .maintitle {WIDTH: auto; LINE-HEIGHT: 1em; border-top: 0px solid #000!important; }

#ucpcontent .maintitle {LINE-HEIGHT: 1em; border-top: 0px solid #000!important; }

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #F0F0EB; }
.maintitle a:hover { color: #F4F4F0; border-bottom: 1px dotted #505050; }
.maintitleleft { BACKGROUND: url(http://209.85.48.12/11500/106/upload/p49986.gif) no-repeat left; }
.maintitleright { BACKGROUND: url(http://209.85.48.12/11500/106/upload/p49894.gif) no-repeat right; }

.maintitlecontent {PADDING-RIGHT: 0px; PADDING-LEFT: 18px; PADDING-BOTTOM: 9px; PADDING-TOP: 9px;} 
TD.maintitle {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; }
#ucpmenu .maintitle {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; PADDING-TOP: 9px}
.div.maintitle {BACKGROUND: url(http://209.85.48.12/11500/106/upload/p48798.gif);}

.plainborder { border:1px solid #1A1B1A;background-color:#1A1B1A; }
.tableborder { border:1px solid #2E302E;background-color:#1A1B1A; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #1A1B1A;background-color:#212121;padding:6px;  }
.tablepad    { background-color:#212121;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini    { float:left;line-height:1.5em;width:25%; background: url(http://209.85.48.12/11500/106/upload/p50181.gif) #212121 no-repeat top left; color:#808080; border: 1px solid #333533; padding: 10px; }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#6D6D6D; }
.edit { font-size: 9px; color: #808080!important; font-weight:normal!important; border-top: 1px dashed #424242; }

.signature  { font-size: 10px; color: #6C6C6C; font-family: georgia; }
.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: normal; color: #F0F0EB; }

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

#QUOTE { font-family: "Trebuchet MS"; font-size: 10px; color: #F0F0EB; background-color: #202020; border: 1px solid #121212; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: "Trebuchet MS";  font-size: 10px; color: #F0F0EB; background-color: #202020; border: 1px solid #121212; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
.post1 table {text-indent: 4px; border:1px solid #121212; background-repeat:repeat-x; background-image:url(http://209.85.48.12/11500/106/upload/p48880.gif);}
.post2 table {text-indent: 4px; border:1px solid #121212; background-repeat:repeat-x; background-image:url(http://209.85.48.12/11500/106/upload/p48880.gif);}

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { font-size: 10px; font-family: georgia; vertical-align: middle; background: url(http://209.85.48.12/11500/106/upload/p47263.gif) #100C10 no-repeat bottom right; border: 1px solid #121212; color: #6D6D6D; }
.forminput, .textinput, .radiobutton, .checkbox, .select  { font-size: 10px; font-family: georgia; vertical-align: middle; background: url(http://209.85.48.12/11500/106/upload/p47263.gif) #100C10 no-repeat bottom right; border: 1px solid #121212; color: #6D6D6D; }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px dashed #212121;border-bottom:0px solid #000; }

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

#boards {
width: 800px;
margin: auto;
background: url(http://209.85.48.12/11500/106/upload/p47263.gif) #100C10 no-repeat bottom right;
padding: 10px;
padding-top: 0px!important;
border: 4px dotted #1E1E1E;
}

#copyright { padding-bottom: 10px; border: 0px solid #1A1B1A; width: 800px; min-height: 10px; line-height: 20px; text-align: center; background-color: transparent; }

div.row4 {
border: 0px solid #000!important;
background-color: transparent!important;
padding-top: 10px;
}

input.row1 {color: #808080; font-weight:normal!important; }

div.tableborder div.tablepad { background-color: #212121!important; }
div.tableborder div.tablepad  table { background-color: #212121!important; }
div.tableborder div.tablepad  table font { font-family: georgia; font-size: 11px; color: #808080; font-weight: normal; text-align: center; }
}
Edited by .sionthede, Jun 9 2008, 06:15 AM.
FLAMETONGUE - NEW SKIN! "UNTOUCHED" RELEASED FOR USE
irc.freenode.net #ifsz

Posted Image
Goto Top
 
Pedro Jul 23 2007, 02:04 PM Post #2
Member Avatar
(>X.x)>

 Pretty cool! <3
♫♪♫♪♫♪
Posted Image

Posted Image--->My DeviantART<---- Thanks Ecliptica for the awesome emoticon! :r
Goto Top
 
Zeus00 Jul 23 2007, 02:05 PM Post #3
Member Avatar
We're Here Because We're Here
 <3
Last.fm | my deviantART | RateYourMusic
Posted Image
For skins of mine no longer found on IFSZ, click here.
I no longer have any buttons/markers/whatever graphics that correspond with my skins, please don't PM me asking for them.
Goto Top
 
bodhisattva Jul 23 2007, 02:10 PM Post #4
Member Avatar
++__
 I was looking forward to adore finch. ;[

Still a great skin though. ^_^
MAKE TRADE FAIR
Posted Image
Goto Top
 
Skyvale Jul 23 2007, 02:10 PM Post #5
Member Avatar
Thanks for the avatar, TTO!
 Neat. :) Cool submenu. :D
Posted ImageDog-eat-dog world - [Blog Post]
Goto Top
 
Logika Jul 23 2007, 02:16 PM Post #6
Member Avatar
 
 <3 it, but not your best =]

LOGIKA
Self Concept
Goto Top
 
Toucan Jul 23 2007, 02:18 PM Post #7
Member Avatar
Chaaaaaaaaatot=]]]]]]
 <3Submenue like Perron said.

Nice Skin.
Goto Top
 
Parrappa Jul 23 2007, 02:25 PM Post #8
Member Avatar
so gangstuh
 I really like it. 2 questions though.

Was the banner an imagemap?
How do you get that rollover effect on the text? How it's underlined in dots.
Goto Top
 
finch Jul 23 2007, 02:27 PM Post #9

Parrappa
Jul 23 2007, 03:25 PM
I really like it. 2 questions though.

Was the banner an imagemap?
How do you get that rollover effect on the text? How it's underlined in dots.

yes, the banner is an imagemap. There's a tool for it in ImageReady. :]
For the rollover, I simply added border-bottom: 1px dotted #COLOR; to the a:hover section.
FLAMETONGUE - NEW SKIN! "UNTOUCHED" RELEASED FOR USE
irc.freenode.net #ifsz

Posted Image
Goto Top
 
Epsilekt Jul 23 2007, 02:48 PM Post #10
Member Avatar
TZ Addict
 Awesome skin, those girls are really hot. (Yes I know who they are.)
Posted Image
Zathyus Networks · Self Concept · ZBCode · ZBForums · IR Forums
Goto Top
 
OverSight Jul 23 2007, 03:24 PM Post #11
Member Avatar
Settled In
 I *adore this skin. Nice job Finch.
hp book owns, dig it.
Goto Top
 
Wisp Jul 23 2007, 03:33 PM Post #12
Member Avatar
Hello.
 It's a great skin Finch. ^_^
My Skins
Quiver (Preview)
Monarchy (Preview)
Foresight (Preview)
Deception Point (Preview)
Guile (Preview)
Eruption (Preview)
Goto Top
 
Tim Jul 23 2007, 03:38 PM Post #13
TimS

 Brilliant skin, the MT overhangs a little.

MK+A are so hot...
See you sweat Unexpected, controversial
Get used to it Things are gonna get personal
Your sympathy A pitiful display you stutter
Your empathy Means nothing if there is no honor
Responsible Of this you are incapable
We implicate Incriminate - Exacerbate - Too much at stake
Our Fathers, Mothers, Sisters, Brothers
Sons and Daughters Forced
Perpetuating their ideals
A mindless act To stay the course

Prophets of War - Dream Theater
Goto Top
 
.Fable Jul 23 2007, 03:57 PM Post #14
Member Avatar
relax, we understand j00
 Are the background images meant to be like that? I'm sorry, I'm a fan of your work but this one isn't connecting with me :'(
Goto Top
 
BlakeGranger Jul 23 2007, 06:04 PM Post #15
New Member
 I really like this one. :]
Goto Top
 
Benjamin Jul 23 2007, 06:58 PM Post #16
Member Avatar

 Much better than your last. The only think I don't like are the ugly girls at the top. :hehe:
Goto Top
 
Scott [DF] Jul 23 2007, 07:08 PM Post #17
Member Avatar
why hello there
 Looks great finch.
Goto Top
 
UMDem08 Jul 23 2007, 07:25 PM Post #18
New Member
 Very good work...to bad the Olsens have gotten gross.
Goto Top
 
.Sergio Jul 23 2007, 07:27 PM Post #19
Member Avatar
shinetogether
 Damn this is hot! Well done Jamie. :)
Posted Image
Goto Top
 
Spinter Jul 23 2007, 07:29 PM Post #20
Settled In
 Its okay, its not the best skin you have made, but it is okay. Good work.
Posted Image
Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Red, Pink, Purple · Next Topic »
  • Pages:
  • 1
  • …
  • 13