Welcome Guest [Log In] [Register]
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
A couple questions?
Topic Started: Oct 23 2009, 09:29 PM (98 Views)
tony78 Oct 23 2009, 09:29 PM Post #1
Member
*  
 I decided to make a board not to long ago, I changed the skin instead of the default one. I was wondering if I could put my own header? like the logo or text? I will provide the coding for the skin:
Header and Body:
Quote:
 
<body>
<table cellspacing="0" cellpadding='0' bgcolor="#212121" valign="top" style='margin: 0 5%' width="90%"><tr>

<td class='topleft' width='50px'> </td><td class='top' height='50px'> </td><td class='topright' width='50px'> </td></tr>
<tr>
<td class='left' width='50px'> </td><td>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<br /><center>Skinned by Kintesh of the <a href='http://forum.inkdropstyles.com/index.php'>InkDrop Styles</a></center>


Footers:
Quote:
 
</td><td class='right' width='50px'> </td></tr>
<tr>
<td class='bottomleft' width='50px'> </td><td class='bottom' height='50px'> </td><td class='bottomright' width=50px'> </td></tr></table>


<script type='text/javascript'><!-- // s.FEO-2.2
g=document.getElementsByTagName("div")
for ( j=0; j<=g.length; j++ ) {
if ( g[j].className == "maintitle" ) { c=g[j].innerHTML
if ( location.href.indexOf("act=UserCP") == -1 && location.href.indexOf("act=Msg") == -1 ) {
g[j].innerHTML = c.replace
(c , "<div class='mtleft'><div class='mtright'><div class='mtcentre'>" + c + "</div></div></div>") }
else { document.write("<style> .mtcentre { margin: 0px } </style>"); g[j].innerHTML = c.replace
(c , "<div class='mtcentre'>" + c + "</div>") } } }
// a WhiteElephant production --></script>

<script type='text/javascript'><!-- // s.FEO-1.0
g=document.getElementById("navstrip")
g.innerHTML = "<div id='nsleft'><div id='nsright'><div id='nscentre'>" + g.innerHTML + "</div></div></div>"
// a WhiteElephant production --></script>




Cascading Style Sheet:
Quote:
 
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#101010; }
TABLE, TR, TD { font-family: Tahoma, Tahoma, Arial, sans-serif; font-size: 11px; color: #676767; }
a:link, a:visited, a:active { text-decoration: none; color: #576d85; padding: 2px; }
a:hover { color: #809ab6; text-decoration:none; }

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

img.attach { border:2px outset #777777;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 }

.search { background-color: 212121; color: 676767; border: 1px solid #000; }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help &nsbp; &nsbp;{ 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:#676767;background-color:#212121; 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 }


/*** BORDERS ***/

.left { background-image: url(http://209.85.48.12/9497/69/upload/p2284410.gif); background-repeat: repeat-y; background-position: left; margin-right: 3px; }

.right { background-image: url(http://209.85.48.12/9497/69/upload/p2284413.gif); background-repeat: repeat-y; background-position: right; margin-left: 0px; }

.top { background-image: url(http://209.85.48.12/9497/69/upload/p2284425.gif); background-repeat: repeat-x; background-position: top; margin-bottom: 3px; margin-top: 10px; }

.bottom { background-image: url(http://209.85.48.12/9497/69/upload/p2284408.gif); background-repeat: repeat-x; background-position: top right; margin-top: 3px; margin-bottom: 10px; }

.topleft { background-image:url(http://209.85.48.12/9497/69/upload/p2284427.gif); background-repeat: repeat-none; background-position: top left; }

.topright { background-image:url(http://209.85.48.12/9497/69/upload/p2284429.gif); background-repeat: repeat-none; background-position: top right; }

.bottomleft { background-image:url(http://209.85.48.12/9497/69/upload/p2284416.gif); background-repeat: repeat-none; background-position: bottom left; }

.bottomright { background-image:url(http://209.85.48.12/9497/69/upload/p2284422.gif); background-repeat: repeat-none; background-position: bottom right; }

/*** END OF BORDERS SECTION ***/


#ucpmenu &nsbp; &nsbp;{ line-height:150%;width:22%; border:1px solid #000;background-color: #212121; background-img:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat:repeat-x; }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; background-img:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat:repeat-x; }
#ucpcontent { background-color: #212121; border:1px solid #000;line-height:150%; width:auto; background-img:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat:repeat-x; }
#ucpcontent p { padding:10px;margin:0px; background-img:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat:repeat-x; }


#ucpcontent .maintitle, #ucpmenu .maintitle { padding: 0px 0px 0px 0px; border: 0px solid #000; text-align: center; background-img:url(http://209.85.48.12/9497/69/upload/p2268442.gif); background-repeat:repeat-x; }

#ucpcontent .pformstrip, #ucpmenu .pformstrip { border-right:0px solid #5b748a; border-left:0px solid #5b748a; border-bottom:1px solid #000; border-top:1px solid #000; font-weight:normal; color:#676767; padding: 0px 0px 0px 2px; margin:0px; background-image: url(http://209.85.48.12/9497/69/upload/p23342.gif); }



#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:0px solid #;background-color: #212121;background-image:url();padding:1px;margin-bottom: 0px; align:right; }

#submenu img { display:none; }

#submenu { border:1px solid #000000; background-color: #FFFFFF; align:center; background-image:URL(http://209.85.48.12/9497/69/upload/p27767.gif); padding: 1px 0px 1px 0px; margin-bottom:3px; }

#userlinks { border:1px solid #000000; background-color: #FFFFFF; align:center; background-image:URL(http://209.85.48.12/9497/69/upload/p27767.gif); padding: 1px 0px 1px 0px; }
#userlinks a:hover { text-decoration: none; background-image:url(); border: 0px solid #0a0a0a; }

#nscentre { background-image: url(http://209.85.48.12/9497/69/upload/p2278782.gif);
background-position: top center;
background-repeat: repeat-x;
margin-right: 50px;
margin-left: 50px;
padding: 3px 0px 6px 0px;
text-align:center; }

#nsleft { background-image: url(http://209.85.48.12/9497/69/upload/p2278776.gif);
background-position: top left;
background-repeat: no-repeat;
height: 19px }

#nsright { background-image: url(http://209.85.48.12/9497/69/upload/p2278779.gif);
background-position: top right;
background-repeat: no-repeat;
height: 19px }



.activeuserstrip { border:1px solid #000000; background-color: #212121; align:center; background-image:URL(http://209.85.48.12/9497/69/upload/p27767.gif); padding: 6px; margin: 2px #212121; margin-bottom:3px #212121; }

.pformstrip { font-weight:bold; color:#676767; padding:1px; margin:0px; background-image: url(http://209.85.48.12/9497/69/upload/p23342.gif); repeat-x top #2e2e2e; margin-top: 1px; }

table.tableborder .pformstrip { border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000!important; }



.pformleft { background-image: url();background-position: top left ;background-color:#212121; padding:6px; margin-top:1px;width:25%; border:1px solid #000; border-bottom:1px solid #3e3e3e; border-right:1px solid #3e3e3e; border-left: 1px solid #000; }
.pformleftw { background: url() top left #212121; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000; border-right:1px solid #000; }
.pformright { background: url() top left #212121; padding:6px; margin-top:1px;border:1px solid #000;border-bottom:1px solid #3e3e3e; border-right: 1px solid #000; }

table.tablebasic td.pformleft { border:none }
table.tablebasic td.pformleftw { border:none }
table.tablebasic td.pformright { border:none }



div.pformstrip { border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; }

table.tablebasic .pformstrip {border-top: 1px solid #000; }

div.pformstrip {border-top: 0px solid #000!important; }



form div.tableborder div.pformstrip { border-right:1px solid #000; border-left:1px solid #000; border-bottom:none; border-top:0px solid #000; }





/*** END OF PFORM AREA ***/

.post1, .post2 { background-color: #212121; border: 1px solid #3a3a3a; border-top: 1px solid #373737; border-left: 1px solid #373737; }
.postlinksbar { background-color:#212121;padding:1px;margin-top:1px;font-size:10px; background-image: url(http://209.85.48.12/9497/69/upload/p23342.gif); border-left: 1px solid #000000; border-right: 1px solid #000000; }

.row1, .row2, .row3, .row4 { background-color: #212121; border: 0px solid #3a3a3a; border-top: 1px solid #373737; border-left: 1px solid #373737; background-image:url(); background-repeat: repeat-x; }

div.row2 { border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-top: 0px solid #000; background-color: #212121; align:center; background-image:URL(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat:repeat-x; }

.darkrow1 { background-color: #212121; border: 0px solid #3a3a3a; border-top: 1px solid #373737; border-left: 1px solid #373737; background-image:url(); background-repeat: repeat-x; padding-bottom:2px; }

div.darkrow1 {padding: 0px; background-color: 212121; border-left: 0px solid #000; }

.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; background-image: url(http://209.85.48.12/9497/69/upload/p38928.gif); padding: 7px; border-top: 1px solid #373737; &nsbp; &nsbp;}

div.darkrow2 { margin-top: 0px; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-top: 0px solid #000; background-color: #212121; align:center; background-image:URL(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat:repeat-x; color: #676767!important; }

.darkrow3 { background-color: #212121; border: 1px solid #3a3a3a; border-top: 1px solid #373737; border-left: 1px solid #373737; }

td.darkrow3 { background-color: #212121; border: 1px solid #3a3a3a; border-top: 1px solid #373737; border-left: 1px solid #373737; }


div.darkrow3 { margin-top:2px; background: url(http://209.85.48.12/9497/69/upload/p2283325.gif); border:1px solid #000; border-right:0px solid #000; }
div.darkrow3 a { color: #999; padding:0px 6px 0px 6px; border-left:1px solid #757575; border-right:1px solid #000; text-decoration: none; }
div.darkrow3 a:hover { color: #000; text-decoration: none; background-image:url(http://209.85.48.12/9497/69/upload/p2283333.gif); border: 1px solid #000; border-left: 1px solid #aab7c3; }



.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#676767; padding:1px; margin:0px; background-image: url(http://209.85.48.12/9497/69/upload/p23342.gif); border-top: 1px solid #373737; border-left: 1px solid #373737; border-bottom: 0px solid #373737; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }

/*** MAINTITLE CONTROL AREA ***/

.maintitle { border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000; }

.maintitle a { color: #a2b4c9; font-weight: bold; }

.mtcentre { background-image: url(http://209.85.48.12/9497/69/upload/p2268442.gif);
background-position: top center;
background-repeat: repeat-x;
margin-right: 329px;
margin-left: 132px;
padding: 5px 0px 10px 0px;
text-align: left; color: #a2b4c9; font-weight: bold; }

td.maintitle { background-image: url(http://209.85.48.12/9497/69/upload/p2268442.gif);
background-position: top center;
background-repeat: repeat-x;
padding: 5px 0px 10px 0px;
text-align: center; color: #a2b4c9; font-weight: bold;
border: 0px solid #000; }

.mtleft { background-image: url(http://209.85.48.12/9497/69/upload/p2268437.gif);
background-position: top left;
background-repeat: no-repeat;
height: 28px }

.mtright { background-image: url(http://209.85.48.12/9497/69/upload/p2268443.gif);
background-position: top right;
background-repeat: no-repeat;
height: 28px }


/*** END OF MAINTITLE CONTROL AREA ***/


.plainborder {border:0px solid #000; background-color: #000; }

.tableborder { border: 0px solid #ebebeb; background-color: #000000; padding: 0px; margin: 0px; }
.tablefill { border :1px solid #000; background-color: #212121; padding: 6px; background-image:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat: repeat-x; }
.tablefill a:hover {text-decoration: none; background-image:url(http://209.85.48.12/9497/69/upload/p2284287.gif); border: 0px solid #0a0a0a;}
.tablepad { border:1px solid #000; background-color:#212121; padding:6px; background-image:url(); background-repeat:repeat-x; }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px; background-color: #212121; border: 1px solid #000; }

.wrapmini &nsbp; &nsbp;{ float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:11px; color:#676767; }
.edit { font-size: 11px }

.signature { font-size: 10px; color: #576d85}
.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: #777777; border: 1px solid #000; background-color: #212121; padding: 6px; background-image:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat: repeat-x; }
#CODE { font-family: Verdana, Arial; font-size: 11px; color: #777777; border: 1px solid #000; background-color: #212121; padding: 6px; background-image:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat: repeat-x; }

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

.codebuttons { color:676767; font-size: 10px; font-family: Tahoma, helvetica, sans-serif; vertical-align: middle;background: url(http://209.85.48.12/9497/69/upload/p27767.gif) top repeat-x #212121;border:1px solid #111111;margin: 2px; background-color: #212121; }
select.codebuttons { background-color: #212121; }

.forminput, .radiobutton, .checkbox { color:676767; font-size: 10px; font-family: Tahoma, helvetica, sans-serif; vertical-align: middle;background: url(http://209.85.48.12/9497/69/upload/p27767.gif); border:1px solid #000; margin: 2px; background-color: #212121; background-image:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat: repeat-x;}

.textinput { color:676767; font-size: 10px; font-family: Tahoma, helvetica, sans-serif; vertical-align: middle;background: url(http://209.85.48.12/9497/69/upload/p27767.gif); border:1px solid #000; margin: 2px; background-color: #212121; background-image:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat: repeat-x; }

.thin { padding: 2px; border: 1px solid #111111; background-color: 222222; }

.boardtable { background-color: #212121; border: 0px double #0b0b0b; padding: 0px 10px 10px 10px; }

.purple { color:purple;font-weight:bold }
.red &nsbp; &nsbp;{ color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

div.row4 { border: 1px solid #000!important;; background-image:url(http://209.85.48.12/9497/69/upload/p2284287.gif); background-repeat:repeat-x; background-color: #212121; padding: 2px; margin-top: 0px; border-top:0px solid #000!important; }

.row4 div.row4 {border: 1px solid #000! important; background-image:url(http://209.85.48.12/9497/69/upload/p28024.gif)! important; }

div.row4 { border-top: 1px solid #000!important; }

td.row4 { border-top: 1px solid #373737; border-left: 1px solid #373737; background-image:url(); background-repeat:repeat-x; background-color: #212121; padding: 2px; margin-top: 0px; }


I was wondering where if possible I should insert the image code?

My next question has to do with member titles, can I make my own tittles? like an image below the name? for admins, members, ect..??
I would really appreciate any help. :)
Offline Profile Quote Post Goto Top
 
Tony Oct 31 2009, 10:07 AM Post #2
Katorga-12

 For the first question: Possibly http://if.invisionfree.com/topic/4011/ and if not, a board link would allow further help. :)

For the second question: http://if.invisionfree.com/topic/1287/
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Skin & CSS Support · Next Topic »
Add Reply