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
Dynamic Black; Black/Grey
Topic Started: Jun 1 2005, 09:03 AM (1,016 Views)
Calabur
ルイス
[ *  *  *  *  *  *  * ]
Name: Dynamic Black
Author: tranquil
Skin Number: 44
Date Created: been working on it for about 2 weeks now. Release date (1st june 2005)
Side Notes: I've been working on it for about 2 weeks, and i've made all sugested changes.


Preview of the skin


CSS of skin:
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: #707070; margin:0px 10px 0px 10px;background-color:#000000 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #707070; }
a:link, a:visited, a:active { text-decoration: underline; color: #707070 }
a:hover { color: #808080; text-decoration:underline }

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

img.attach { border:2px outset #121212ng: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:#707070 }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#707070 }

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:#707070 }
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#707070;background-image:url(http://img74.echo.cx/img74/1835/mashantercopy5yt.gif);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 #000000;background-color: #121212 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #121212; border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000000;background-color: #121212;background-image:url();padding:0px;margin:0px; }
#submenu  { border:1px solid #000000;background-color: #121212;background-image: url(http://img26.echo.cx/img26/7245/1tyruebercopy3yl.gif);font-size:10px;margin:3px 0px 3px 0px;color:#000000;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #707070; }
#submenu a:hover { text-decoration: underline; color: #707070 }
#userlinks { border:1px solid #000000; background-color: #121212;background-image: url(http://img26.echo.cx/img26/7245/1tyruebercopy3yl.gif); } }

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

.activeuserstrip { background-color: #121212image: url(http://img74.echo.cx/img74/1835/mashantercopy5yt.gif); } padding:7px }

.pformstrip { background-color: #121212;background-image: url(http://img26.echo.cx/img26/7245/1tyruebercopy3yl.gif); color:#707070;font-weight:bold;padding:4px;margin-top:1px }
.pformleft  { background-color: #121212; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #121212; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #121212; padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #141414 }
.post2 { background-color: #141414 }
.postlinksbar { background-color:#121212ng:7px;margin-top:1px;font-size:10px; background-image: url(http://img26.echo.cx/img26/7245/1tyruebercopy3yl.gif) }

.row1 { background-color: #141414 }
.row2 { background-color: #141414 }
.row3 { background-color: #141414 }
.row4 { background-color: #141414 } div.row4 {border-color:#000000!important}

.darkrow1 { background-image:url(http://img26.echo.cx/img26/7245/1tyruebercopy3yl.gif); color:#707070; }
.darkrow2 { background-image:url(http://img26.echo.cx/img26/7245/1tyruebercopy3yl.gif); color:#707070; }
.darkrow3 { background-image:url(http://img26.echo.cx/img26/7245/1tyruebercopy3yl.gif); color:#707070; }

.hlight { background-color: #141414 }
.dlight { background-color: #141414 }

.titlemedium { font-weight:bold; color:#707070; padding:5px; margin:0px; background-image: url(http://img26.echo.cx/img26/7245/1tyruebercopy3yl.gif) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #707070 }

.maintitle { font-size: 10px; background-position: center;
text-align: center; vertical-align:middle;font-weight:bold; color:#707070; letter-spacing:1px; padding:10px 50px 8px 50px; background-image: url(http://img30.echo.cx/img30/1143/11111copy6hi.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #707070 }
.maintitle a:hover { text-decoration: underline }

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

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

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

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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #707070; background-color: #121212; border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #707070; background-color: #121212; border: 1px solid #000000; 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: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;
color: #707070  ; background-color: #121212 ; border: 1px #000000    solid; }

.forminput, .textinput, .radiobutton, .checkbox
{ font-size: 11px;font-family: verdana, helvetica, sans-serif;
vertical-align: middle;color: #707070  ;background-color: #121212 ;;
border: 1px #000000    solid; }

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

.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><CENTER>Skin created by <B>tranquil</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">


Board Wrappers

Quote:
 
<table width="750" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#0E0E0E" bordercolor="#0E0E0E" bordercolordark="#0E0E0E" bordercolorlight="#0E0E0E">

<tr height="100%">
  <td width="100%" bgcolor="#0E0E0E" style="background-attachment: fixed background-position center" align="center">
    <div align="center">
      <center>
      <table border="0" cellpadding="0" width="100%" height="100%" cellspacing="0" align="center">
        <tr width="100%" height="100%">
          <td width="100%" background="http://img220.echo.cx/img220/2230/porbalygonacgcopy7bw.gif" bgcolor="#0E0E0E" rowspan="2"><img src="http://img220.echo.cx/img220/2230/porbalygonacgcopy7bw.gif">
            <br>
            <br>
            <br>
          </td>
          <td width="750" valign="top">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %></td>
          <td width="100%" background="http://img241.echo.cx/img241/3213/11right0em.gif" bgcolor="0E0E0E" rowspan="2"><img src="http://img241.echo.cx/img241/3213/11right0em.gif"></td>
        </tr>
        <tr height="100%">
          <td width="750">
Offline Profile Quote Post Goto Top
 
Gizmo Mk1
Member
[ *  *  *  *  * ]
Nice skin. I was going to say make the calendar grad not repat but it blends well.
Offline Profile Quote Post Goto Top
 
Simon
Member Avatar
bleh..
[ *  *  *  *  *  *  *  *  * ]
Dam on dark thing including skins and graphics my sucky computer cant see things well, for me all i really see is gray text and black. So icant really rate or anything :S
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
Adjust your monitor settings maybe?

Thanka for the feedback.
Offline Profile Quote Post Goto Top
 
Simon
Member Avatar
bleh..
[ *  *  *  *  *  *  *  *  * ]
tried its on full brightness as it is.
Offline Profile Quote Post Goto Top
 
Dr.Client
Member
[ *  *  * ]
Awesome! Great work!! 9/10 but too dark
Offline Profile Quote Post Goto Top
 
Jay-Z
^ Burnley FC 4 ever ^
[ *  *  *  *  *  * ]
nice and dark
Offline Profile Quote Post Goto Top
 
Theoden
fear the spork!
[ *  *  *  *  * ]
Sorry lewis but this isn't your best :/ I really hate the main title gradient you used. Along with the other gradients, I don't like the style you used. Also change the rows and the forminput, they are very hard to see.
Offline Profile Quote Post Goto Top
 
Nephos
Member Avatar
The walls abandon shape
[ *  *  *  *  *  *  * ]
Wow is this for our battle?

Nice skin :)
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Theoden
Jun 1 2005, 08:36 PM
Sorry lewis but this isn't your best :/ I really hate the main title gradient you used. Along with the other gradients, I don't like the style you used. Also change the rows and the forminput, they are very hard to see.

No.. its actually one of his best. :ermm:

The dark row one is repeating in the calender, but use this to change that.

Quote:
 
</style>
<script language='javascript'>
if ( location.search.indexOf('act=calendar')!=-1) {
document.write("<style>.darkrow1{background-color: hex code here; }</style>")}
</script>
<style type="text/css">


Put a hex code in. It just changed the dark row 1 for just the calender.

The pform strip isnt showing for me, but I can tell there is a grad there.

The overall colour is a little too dark, and makes the text stand out a bit too much, but overall its a pretty decent OSS, well done.

The right border is repeating slightly, so lower the padding by about 1-3 px. :)

Keep them coming Lewis.
Offline Profile Quote Post Goto Top
 
Vettore
Member Avatar
DON VETTORE
[ *  *  *  *  *  *  *  *  * ]
Sexy, but I think you should darken the rows.
Offline Profile Quote Post Goto Top
 
TomRiddleLover
Member Avatar
Member
[ * ]
Love it. Dark is nice.
Offline Profile Quote Post Goto Top
 
Charlo
Member Avatar
1337er than j00
[ *  *  *  *  *  *  * ]
I think it's one of your better skins, but there should be more difference between the .titlemedium and .maintitle. 8/10.
Offline Profile Quote Post Goto Top
 
Zeus00
Member Avatar
I used to live in silence, I used to sleep in silence. Now all I hear is a marching of soldiers in my head.
[ *  *  *  *  *  *  *  *  * ]
Not bad dude, keep it up. ^_^
Offline Profile Quote Post Goto Top
 
Defiancy
Member
[ *  * ]
Just need to add more detail for it to be Wow Worthy. :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1