 Images / Codes
| Tachytelic |
|
Ganny is a hotty
Group: Admin
Posts: 8
Member No.: 1
Joined: 14-January 09
|
first post: About Second Post: Codes Third Post: buttons ABOUT / USAGEThis is the TENTH skin I've finished, and I have to send a shout out to The Jakes for giving me muse for this one! Do not rip or steal or claim as your own. SERIOUSLY! This skin was wicked hard to skin and don't think I wont know if you get sticky fingers!Leave the copyright alone. You are allowed to make minor changes. Ex: Change font/link colors/families/sizes, provided it is not a big change and you still keep the copyright on it. Rehost all images, for the love of all things holy! |
|
|
| Tachytelic |
|
Ganny is a hotty
Group: Admin
Posts: 8
Member No.: 1
Joined: 14-January 09
|
| QUOTE (admin cp - skinning & styles - manage style sheets) |
html { overflow-x: hidden; overflow-y: auto; }
iframe {width:100%}
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 11px; color: #A2A19A; margin:0px 10px 0px 10px;background-color:#D9D8D6 }
TABLE, TR, TD { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 11px; color: #A2A19A; border-collapse: collapse; }
a:link, a:visited, a:active { text-decoration: none; color: #4BACA9 }
a:hover { color: #77ABA7; text-decoration:none; }
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; }
.googletachytelic {color:#55443D; font-weight:bold;}
.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:#F0F0F0; background-color:#4BACA9; 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:100%; width:22%; border: 1px solid #C3C2BB; background-color: #EEECE3 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #EEECE3 ; border: 1px solid #C3C2BB; line-height:100%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ipbwrapper {text-align:left; width:900px; margin-left:auto; margin-right:auto;}
#ipbwrapper div.tableborder {width:200px;}
#ipbwrapper table.tableborder {width:672px;}
#ipbwrapper tachytelic b {color: #C3C2BB;}
#ipbwrapper div.tableborder .maintitle { background: url();}
#ipbwrapper .row4 { border-top: 1px solid #C3C2BB;}
#ipbwrapper .row4:last-child { border-bottom: 1px solid #C3C2BB;}
#ipbwrapper .row2 {border: 1px solid #C3C2BB;}
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { padding:0px;margin:0px; background: #F0F0F0; border: 1px solid #C3C2BB; }
#submenu { color: #F0F0F0; background-color: #4BACA9; margin:0px; font-size:10px; margin:2px 0px 2px 0px; font-weight:bold; text-transform:uppercase; padding:2px;}
#submenu a:link, #submenu a:visited, #submenu a:active, #submenu a:hover { color:#F0F0F0;}
#submenu img {display:none;}
#userlinks { color: #F0F0F0; background-color: #4BACA9; margin:0px; }
#userlinks td {color:#F0F0F0; padding:3px;}
#userlinks a:link, #userlinks a:active, #userlinks a:visited, #userlinks:hover { color:#F0F0F0;}
#navstrip {background: #F0F0F0; padding:3px; border:1px solid #E2DECD; color: #4BACA9; margin:0px; margin-top:-13px;}
#navstrip a:link, #navstrip a:active, #navstrip a:visited { color:#A2A19A; text-transform:uppercase; font-size:9px; padding:0px 1px 0px 1px;}
#navstrip a:hover {text-decoration: none; border-bottom: 0px;}
#navstrip img {display:none;}
.activeuserstrip { background-color:#EEECE3; padding:6px; border-left: 1px solid #C3C2BB; border-right: 1px solid #C3C2BB; }
.pformstrip { font-weight:bold; color:#4BACA9; padding:20px 7px 7px 20px; margin:0px; background: #EEECE3; text-align:left; font-size:8px; text-transform:uppercase; border-bottom: 1px solid #C3C2BB; }
.pformstrip:first-child {border-left: 1px solid #C3C2BB;}
.pformstrip:last-child {border-right: 1px solid #C3C2BB;}
div.pformstrip {border:0px; border-left: 1px solid #C3C2BB; border-right: 1px solid #C3C2BB;}
.pformleft { background-color: #EEECE3; padding:6px; margin-top:0px; width:25%; border-left: 1px solid #C3C2BB; }
.pformleftw { background-color: #EEECE3; padding:6px; width:40%; border-left: 1px solid #C3C2BB; }
.pformright { background-color: #EEECE3; padding:6px; margin-top:0px; border-right: 1px solid #C3C2BB; }
div.pformstrip {border-bottom: 1px solid #C3C2BB;}
#ucpcontent div.pformstrip, #ucpmenu div.pformstrip {border:0px; border-bottom: 1px solid #C3C2BB;}
.post2:first-child, .post1:first-child { background-color: #EEECE3; border-left: 1px solid #C3C2BB }
.post2:last-child, .post1:last-child { background-color: #EEECE3; border-right: 1px solid #C3C2BB }
.postlinksbar { padding:7px 50px 7px 7px; font-size:9px; background: #EEECE3; border: 1px solid #C3C2BB; border-top: 0px; }
.row1 { background-color: #EEECE3; border: 1px solid #C3C2BB; }
td.row1:first-child {border:0px; border-left: 1px solid #C3C2BB;}
td.row1:last-child {border:0px; border-right: 1px solid #C3C2BB;}
div.tablepad table tbody tr td.row1 {border:0px;}
.row2 { background-color: #EEECE3; color:#A2A19A; padding:2px!important; }
div.row2 { border: 1px solid #C3C2BB; border-bottom: 0px;}
.row3 { background-color: #EEECE3; border-left: 1px solid #C3C2BB; border-right: 1px solid #C3C2BB; }
.row4 { background-color: #EEECE3; color:#A2A19A; padding:4px!important; }
.row4 b a:link, .row4 b a:visited, .row4 b a:active {color: #F0F0F0; background:#4BACA9; text-transform:uppercase; padding: 0px 10px 0px 15px; display:block; margin-bottom:-12px;}
.row4 b a:hover {border-bottom:0px; text-decoration:none;}
div.row4 {border:1px solid #C3C2BB!important;}
tr > .row4:first-child {border-left: 1px solid #C3C2BB;}
tr > .row2:last-child {border-right: 1px solid #C3C2BB;}
tr > .row2:first-child {border-left: 1px solid #C3C2BB;}
tr > .row4:last-child {border-right: 1px solid #C3C2BB;}
.darkrow1 { color:#4BACA9; background: #EEECE3; font-size:8px; text-transform:uppercase; border: 1px solid #C3C2BB; border-top:0px; }
.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; padding:0px; font-size:0px; height:30px; background: url(DARKROW2 IMAGE) no-repeat top #D9D8D6; border-left: 1px solid #D9D8D6;}
.darkrow3:first-child { background: #EEECE3; border-left: 1px solid #C3C2BB; }
.darkrow3:last-child { background: #EEECE3; border-right: 1px solid #C3C2BB; }
div.darkrow3 { border:0px!important;}
.hlight { background-color: #E2DECD }
.dlight { background-color: #E7E4D8 }
.titlemedium { font-weight:bold; color:#4BACA9; padding:7px; margin:0px; background: #EEECE3; text-align:center; font-size:8px; text-transform:uppercase; border-bottom: 1px solid #C3C2BB; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #4BACA9 }
tr > .titlemedium:first-child {border-left: 1px solid #C3C2BB;}
tr > .titlemedium:last-child {border-right: 1px solid #C3C2BB; padding-right:50px;}
div.titlemedium {border-left: 1px solid #C3C2BB; border-right: 1px solid #C3C2BB;}
.maintitle { vertical-align:bottom; text-align:center; font-family:optima; font-weight:bold; text-transform: uppercase; color:#4BACA9; letter-spacing:3px; line-height:normal; background: url(MAINTITLE IMAGE) no-repeat bottom #D9D8D6; width:700px; height:60px; font-size:18px; vertical-align: middle; display: table-cell; padding-top:8px; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #4BACA9 }
.maintitle a:hover { text-decoration: none; color:#77ABA7; }
.maintitle img {display:none;}
.plainborder { border:1px solid #C3C2BB;background-color:#EEECE3 }
.tableborder { border:0px;background-color: #EEECE3; padding:0px; margin:0px; width:700px }
.tablefill { border:1px solid #C3C2BB; background-color:#EEECE3; padding:6px; }
.tablepad { background-color:#EEECE3; padding:6px; border: 1px solid #C3C2BB; }
.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:#A2A19A; background: url(DESCRIPTION IMAGE) top left repeat-x #E7E4D8; border:1px solid #E2DECD; display:block; padding: 15px 5px 5px 5px; text-align:justify;}
.descholder {background: #F0F0F0; float:right; padding:3px; border:1px solid #E2DECD; width:auto; text-align: right;}
.descholder a:link, .descholder a:visited, .descholder a:hover, .descholder a:active { color:#A2A19A; text-transform:uppercase; font-size:8px; display:block; float:right; margin:1px;}
.descholder a:first-letter { color:#F0F0F0; font-size:10px; border: 1px solid #4BACA9; padding:0px 2px 0px 2px; background:#4BACA9;}
.descholder a:hover:first-letter { color:#4BACA9; font-size:10px; border: 1px solid #4BACA9; padding:0px 2px 0px 2px; background: #E7E4D8;}
b span.desc { font-size:10px; color:#A2A19A; background: #E7E4D8; border:1px solid #E2DECD; display:block; padding: 5px; text-align:justify;}
.edit { font-size: 8px; text-transform:uppercase; font-weight:bold; color: #f0f0f0; background: #4BACA9; padding:2px; }
.signature { font-size: 10px; color: #A2A19A }
.postdetails { font-size: 10px;}
.post2 .postdetails, .post1 .postdetails { border: 1px solid #E2DECD; background: #E7E4D8; display:block; padding:3px;}
.postcolor { font-size: 10px; line-height: 100%; padding-top: 10px; font-family:verdana, georgia; display:block; }
.postcolor:first-child {border-top: 1px solid #4BACA9;}
.normalname { font-size: 11px; font-weight: bold; color: #4BACA9 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 11px }
.unreg { font-size: 10px; font-weight: normal; color: #A2A19A }
.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }
/*Standard quote code*/
#QUOTE, #CODE { font-size: 10px; background: #4DADAA; border: 1px solid #E7E4D8; border-top: 0px; padding: 4px; color: #F0F0F0; margin: 0px; text-align:justify;}
/*Quote code main FX*/
.post1 td, .post2 td { color: #4BACA9; vertical-align:bottom; text-align:center; border-right: 0px; border-bottom: 1px solid #E7E4D8; padding: 3px 3px 3px 8px; background: bottom center no-repeat url(QUOTE IMAGE); height:58px; font-family:optima; font-size:18px; font-weight:bold; }
.post1 table, .post2 table { padding: 0px; margin: 8px 0px 2px 10px; }
.post1 td#QUOTE, .post1 td#CODE, .post2 td#QUOTE, .post2 td#CODE { color: #F0F0F0; vertical-align:top; font-family:verdana; font-size:10px; font-weight:normal;}
/*Quote code error fixes*/
.post1 td b,
.post2 td b,
.post1 td#quote td b,
.post2 td#quote td b,
.post1 td#quote td#quote td b,
.post2 td#quote td#quote td b,
.post1 td#quote td#quote td#quote td b,
.post2 td#quote td#quote td#quote td b,
.post1 td#quote td#quote td#quote td#quote td b,
.post2 td#quote td#quote td#quote td#quote td b,
.post1 td#quote td#quote td#quote td#quote td#quote td b,
.post2 td#quote td#quote td#quote td#quote td#quote td b,
.post1 td#quote td#quote td#quote td#quote td#quote td#quote td b,
.post2 td#quote td#quote td#quote td#quote td#quote td#quote td b,
.post1 td#quote td#quote td#quote td#quote td#quote td#quote td#quote td b,
.post2 td#quote td#quote td#quote td#quote td#quote td#quote td#quote td b { font-weight: bold; margin-right: 10px; color: #4BACA9; }
.post1 td#quote b,
.post2 td#quote b,
.post1 td#quote td#quote b,
.post2 td#quote td#quote b,
.post1 td#quote td#quote td#quote b,
.post2 td#quote td#quote td#quote b,
.post1 td#quote td#quote td#quote td#quote b,
.post2 td#quote td#quote td#quote td#quote b,
.post1 td#quote td#quote td#quote td#quote td#quote b,
.post2 td#quote td#quote td#quote td#quote td#quote b,
.post1 td#quote td#quote td#quote td#quote td#quote td#quote b,
.post2 td#quote td#quote td#quote td#quote td#quote td#quote b,
.post1 td#quote td#quote td#quote td#quote td#quote td#quote td#quote b,
.post2 td#quote td#quote td#quote td#quote td#quote td#quote td#quote b { font-weight: bold; color: #F0F0F0; margin: 0px; }
/*New post quote code fixes*/
td.row1 span.postcolor td { border: 0px solid #000000; }
.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: 9px; font-family: arial, verdana, helvetica, sans-serif; vertical-align: middle; background: #4BACA9; border:1px solid #4BACA9; color:#F0F0F0; font-weight:normal;}
.forminput:focus, .textinput:focus, .radiobutton:focus, .checkbox:focus {border:1px solid #4BACA9; font-weight:normal; background:#77ABA7;}
.forminput, .forminput:focus {font-weight:bold; text-transform: uppercase;}
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;
background: #F0F0F0; text-align:justify; padding:3px; border:1px solid #E2DECD; margin:3px; }
.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 }
.maintable {margin:auto; margin-top:20px; margin-bottom:20px; width: 900px; border:0px solid;}
.sbhead {text-align:center; font-family:optima; font-weight:bold; text-transform: uppercase; color:#4BACA9; letter-spacing:3px; line-height:normal; font-size:15px; vertical-align: middle;}
.sbtitle { color: #F0F0F0; background:#4BACA9; font-weight:bold; text-transform:uppercase; padding: 0px 10px 0px 15px; display:block; margin-bottom: 2px;}
.button {color: #F0F0F0; background:#4BACA9; text-transform:uppercase; margin:1px; padding: 0px 10px 0px 15px; font-weight:bold; font-size:9px;}
.button2 {color: #F0F0F0; background:#4BACA9; text-transform:uppercase; margin:1px; padding: 3px 10px 3px 15px; font-weight:bold; font-size:9px;}
</style>
<script language='javascript'>
if ( location.search.indexOf('act=calendar')!=-1) {
document.write("<style>.row3{ border-bottom: 1px solid #C3C2BB; };</style>")}
if ( location.search.indexOf('act=calendar')!=-1) {
document.write("<style>div.pformstrip{ border: 1px solid #C3C2BB; };</style>")}
if ( location.search.indexOf('act=Msg&CODE')!=-1) {
document.write("<style>div.maintitle { background: url();}</style>")}
if ( location.search.indexOf('act=Msg&CODE')!=-1) {
document.write("<style>td.titlemedium { border: 1px solid #C3C2BB;}</style>")}
if ( location.search.indexOf('act=Msg&CODE')!=-1) {
document.write("<style>th.titlemedium { border-top: 1px solid #C3C2BB;}</style>")}
if ( location.search.indexOf('act=Post&CODE')!=-1) {
document.write("<style>div.pformstrip{ border: 1px solid #C3C2BB;}</style>")}
</script>
<style type="text/css">
|
| QUOTE (javascript) |
<script type="text/javascript">
document.getElementByTagName("TABLE").cellSpacing = 0px;
</script>
|
| QUOTE (header & body) |
<center><table class="maintable">
<tr>
<td colspan="2">
<% BOARD HEADER %>
<% NAVIGATION %>
</td></tr>
<tr><td width="700px" valign="top">
<% BOARD %>
<% STATS %>
|
| QUOTE (footer) |
</td>
<td valign="top" width="200px">
<div><center>
<img src="SB HEADER"></center></div>
<div class="thin" style="margin-top:2px;">
<div class="SBhead"> Navigate</div>
<div class="descholder"><a href="">link here</a> <a href="">link here</a> <a href="">link here</a> <a href="">link here</a> <a href="">link here</a></div>
<br><br><br><br><br><br>
<div class="sbtitle">title one</div>
<div class="desc">this is a sidebar box  Go get your guns and your switchblade knives and cut it up and kill the ones who speak if they speak of us cause they’ll never really tame us.</div><br>
<div class="sbtitle">title two</div>
<div class="desc">this is a sidebar box Go get your guns and your switchblade knives and cut it up and kill the ones who speak if they speak of us cause they’ll never really tame us.</div><br>
<div style="text-align:right; font-size:9px; text-transform:uppercase;"><a href="http://z8.invisionfree.com/bellwether/index.php?">Bellwhether</a> skin by Paperfailsnail of <a href="http://z8.invisionfree.com/redcarpetrebellion/index.php?act=idx">RC&R</a> & <a href="http://z8.invisionfree.com/skin_me_pretty/index.php?">SMP</a> & <a href="http://forums.designer-drug.info">DD</a>.</div>
<div><center>
<img src="SB FOOTER!">
</center></div>
</td>
</tr>
</table></center>
<!--- FOR DARKROW2 @ Bottom of stats --->
<script language="javascript">
// Stats Bottom Row
// created by Ryan Fan/Nitrogenix
// http://www.ifsz.com , 2005
bottomrowClass = "darkrow2"
var x = document.getElementsByTagName('TABLE')
for(y=0;y<x.length;y++){
if(x[y].cellPadding == "4" && x[y].cellSpacing == "1" && x[y].width == "100%" && x[y].rows[0].cells[0].innerHTML.match(/active in the past/i) && x[y].rows[0].cells[0].className == "pformstrip"){
iJ = x[y].insertRow(6)
o = iJ.insertCell(0)
o.innerHTML = ""
o.className = bottomrowClass
o.colSpan = "2"
}}
</script>
|
|
|
|
| Tachytelic |
|
Ganny is a hotty
Group: Admin
Posts: 8
Member No.: 1
Joined: 14-January 09
|
BUTTONS
| QUOTE (New Topic / Add Reply / New Poll / Quick Reply / Topic Options) |
<span class="button2">New topic</span>
|
| QUOTE (Delete / Edit / Quote / Goto Top / Aol / Email / Icq / Pm /Website / Yahoo / Msn / Profile / Report) |
<span class="button">Delete</span>
|
Rehost images:forum marker http://i43.tinypic.com/16ifqwx.jpg forum marker no new http://i39.tinypic.com/2hfoxu8.jpg SUB FORUM LINKS?just put this in your topic description! | QUOTE (admin cp - forum control - new forum - forum description) |
<span class="descholder"><a href="">link here</a> <a href="">link here</a> <a href="">link here</a> <a href="">link here</a> <a href="">link here</a></span>
|
|
|
|
| fffff |
|
Newbie
Group: Members
Posts: 1
Member No.: 9
Joined: 18-May 10
|
vlove
|
|
|
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Track this topic
Receive email notification when a reply has been made to this topic and you are not active on the board.
Subscribe to this forum
Receive email notification when a new topic is posted in this forum and you are not active on the board.
Download / Print this Topic
Download this topic in different formats or view a printer friendly version.
|
Navigate
title one
this is a sidebar box :D Go get your guns and your switchblade knives and cut it up and kill the ones who speak if they speak of us cause they’ll never really tame us.
title two
this is a sidebar box :D Go get your guns and your switchblade knives and cut it up and kill the ones who speak if they speak of us cause they’ll never really tame us.
|
