Skin...

Discussion about iTopsites.com - Free Hosted Topsites Lists

Skin...

Postby nikogiant » 2006-03-24 03:08 am

Does Anybody know any site were I can Create a skin for Itopsites? Example for invision free there is if skinzone. Is there anything for itopsites?
nikogiant
Member
 
Posts: 10
Joined: 2006-01-14 11:40 am

Postby Geo877 » 2006-04-20 09:14 am

I dont know of a site that dose do that but, (if it isnt againts the rules -check first) seach the itopsite directory and look for 1 with a style u like right click and veiw source then u at the top it will say sumthing like

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Runecape Top Listers - Main Page - All Sites</title>
<link rel="stylesheet" type="text/css" media="screen" href="http://www.itopsites.com/skins/blackhawktopsites/default.css" />


what u need is
Code: Select all
http://www.itopsites.com/skins/blackhawktopsites/default.css
that bit

then open the address in your browser and coppy that code.
(make sure it isn't breacking any rules first)

try this css (it's the one 1 use)

Code: Select all
body {
  background-color: #3B4A53;
  color: #fff;
  font-size: 13px;
  font-family: verdana, sans-serif;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
form {
  margin: 0px;
  padding: 0px;
}
input, select {

  font-size: 10px;
}
h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

h2 {
  font-size: 15px;
  margin: 0px;
  padding: 0px;
}
h3 {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}
a:link {
  color: #4f94cd;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #4876ff;
  font-weight: bold;
  text-decoration: none;
}
a:active {
  color: #4f94cd;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #1c86ee;
  font-weight: bold;
  text-decoration: underline;
}

.bottom {
  text-align: center;
}

.graph {
  background-color: #069;
  padding: 0px;
  width: 75px;
}

/* For the ranking tables. */

.darkbg {
  background-color: #3B4A53;
  color: #4D606C;
}

.mediumbg {
  background-color: #3B4A53;
  background-image: url("http://i22.photobucket.com/albums/b312/DarkAura024/4c68acc7.gif");
  color: ##4D606C;
}

.lightbg {
  background-color: #DADFE2;
  color: #4D606C;
}
.lightbgalt {
  background-color: #DADFE2;
  color: #4D606C;
}

/* For the menu. */

a.menu, a.menu:visited {
  background-color: #DADDE0;
 
  border: 1px solid #97A3AC;
  color: #4D606C;
  float: left;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 2px;
  padding: 3px;
  text-align: center;
  text-decoration: none;
}
a.menu:hover, a.menu:active {
  color: #62737E;
  background-color: #B9C1C9;
  background-image: url(http://i22.photobucket.com/albums/b312/DarkAura024/9ad3c156.gif);
  text-decoration: none;
}

a.table_top {
  color: #4D606C;
  text-decoration: none;
}
a.table_top:hover, a.table_top:active {
  color: #62737E;
  text-decoration: underline;
}


heres a preveiw of the css
I own the Black Hawk network!!!
;)
Geo877
Member
 
Posts: 24
Joined: 2006-03-16 12:51 pm

Postby nikogiant » 2006-04-27 10:25 am

k ty. how did u add the navigation bar?
nikogiant
Member
 
Posts: 10
Joined: 2006-01-14 11:40 am

Postby Geo877 » 2006-05-03 12:50 pm

i made it in the wapper

Code: Select all
<table table style="position: absolute; top: 322px; left: 0px;"  ><tr><td>
<img src="http://images6.theimagehosting.com/Navagation.gif">
</table><tr><td>

<table table style="position: absolute; top: 345px; left: 3px;" bgcolor="#DADFE2" width="130"><tr><td>
<font color="#3B4A53"><strong><u><center>Main</center></u></strong></font><p>
<a href="/index.php?a=display" class="menu"><li>Main Page</li></a>
<a href="/index.php?a=join" class="menu"><li>Join</li></a>
<a href="/index.php?a=edit" class="menu"><li>Login</li></a>
<a href="/index.php?a=lostcode" class="menu"><li>Lost Code</li></a>
<a href="/index.php?a=lostpw" class="menu"><li>Lost Password</li></a>
<a href="/out.php?id=random" class="menu"><li>Random Site</li></a>
<a href="/index.php?a=search" class="menu"><li>Search</li></a><p>
<font color="#3B4A53"><strong><u><center>Categories</center></u></strong></font><p>
<a href="/index.php?method=unq_in&cat=" class="menu"><li>All Sites</li></a>
<a href="/index.php?method=unq_in&cat=Clan+site" class="menu"><li>Clan Sites</li></a>
<a href="/index.php?method=unq_in&cat=Help+site" class="menu"><li>Help Sites</li></a>
<a href="/index.php?method=unq_in&cat=Fan+site" class="menu"><li>Fan Sites</li></a>
<a href="/index.php?method=unq_in&cat=Other" class="menu"><li>Other</li></a>
<font color="#3B4A53"><strong><u><center>Affilates</center></u></strong></font><p>

<a href="http://www.freedomain.co.nr/cheap_web_hosting.php" target="_blank"><img src="http://www.freedomain.co.nr/images/buts/ch.gif" alt="Low Cost Web Hosting - PHP Web Hosts" width="88" height="31" border="0" /></a>

<a href="http://www.runescapetop.com/index.php?a=in&id=1544">
<img src="http://www.runescapetop.com/button.php?id=1544" border="0" />
</a>

<!-- BEGIN TOP SITE LIST PLANET VOTING CODE -->
<a href="http://runelibrary.top-site-list.com/vote6.html">
<IMG SRC="http://runelibrary.top-site-list.com/images/voteimage/runelibrary-2.jpg" border=0 width="88" height="31" ></a><br>
<!-- END TOP SITE LIST PLANET VOTING CODE -->




<table align="center" cellspacing="0" cellpadding="0" style="margin-top: 10px; margin-bottom: 5px;"><tr><td>
<center>
<form action="index.php" method="get">
<#methform>
<#catform>
<#rankingsform>
<input type="submit" value="Go" />
</form>
</center>
</td></tr></table>



</table><tr><td>
I own the Black Hawk network!!!
;)
Geo877
Member
 
Posts: 24
Joined: 2006-03-16 12:51 pm


Return to iTopsites

Who is online

Users browsing this forum: No registered users and 4 guests

cron