Return to Snippet

Revision: 61584
at December 23, 2012 16:27 by TheDesCreature


Updated Code
<center>
<style>

.mytable div { 
overflow: auto;
border: 3px groove yellow;
opacity: .90;
color: white;
}

</style>

<table class="mytable"><tr><td rowspan="2">
<center><img src="http://i47.tinypic.com/2wbyjk0.jpg" width="220" height="75" title="staff" />
<div style="width: 200px; height: 500px;">
This will be the OOC staff.
</div>
</td><td>
<center><img src="http://i46.tinypic.com/taseaf.jpg" width="380" height="75" title="about" />
<div style="width: 320px; height: 200px;">

</div>
</td><td rowspan="2">
<center><img src="http://i48.tinypic.com/e002fm.jpg" width="220" height="75" title="featured" />
<div style="width: 200px; height: 500px;">
Featured member, staff, character, cult.
</div>
</td></tr><tr><td>
<center><img src="http://r25.cooltext.com/rendered/cooltext863020194.png" width="250" height="75" title="rules" />
<div style="width: 320px; height: 200px;">
This will be the rules of the cult.
</div>
</td></tr></table>

Revision: 61583
at December 23, 2012 16:26 by TheDesCreature


Initial Code
<br /><br /><br />
<b>So, what you do is click in the box below where you see a frick load of code, select all of it, copy it, then paste it into the description box of the cult.</b><br />
<textarea rows="10" cols="50">
<center>
<style>

.mytable div { 
overflow: auto;
border: 3px groove yellow;
opacity: .90;
color: white;
}

</style>

<table class="mytable"><tr><td rowspan="2">
<center><img src="http://i47.tinypic.com/2wbyjk0.jpg" width="220" height="75" title="staff" />
<div style="width: 200px; height: 500px;">
This will be the OOC staff.
</div>
</td><td>
<center><img src="http://i46.tinypic.com/taseaf.jpg" width="380" height="75" title="about" />
<div style="width: 320px; height: 200px;">

</div>
</td><td rowspan="2">
<center><img src="http://i48.tinypic.com/e002fm.jpg" width="220" height="75" title="featured" />
<div style="width: 200px; height: 500px;">
Featured member, staff, character, cult.
</div>
</td></tr><tr><td>
<center><img src="http://r25.cooltext.com/rendered/cooltext863020194.png" width="250" height="75" title="rules" />
<div style="width: 320px; height: 200px;">
This will be the rules of the cult.
</div>
</td></tr></table>
</textarea><br /><br /><br />
<b>Now, do the same thing with this code only put it in the Header part.</b><br />
<textarea rows="10" cols="50">
<center>
<style> 
.cult_name {display: none; }
.leftnav {display: none; } 
.topbar {display: none; }
.maintop img {display: none; } 
.maintop table {display: none; }
.latest_posts_header {display: none; } 
.status {display: none; }  
.description_title {display: none; }  
.owner_title {display: none; } 
.created_on {display: none; }
.small_space {display: none; } 
.side_td {display: none; }
.created_on {display: none; }
.description_title {display: none; }
.maintop img {display: none; }
.heading, h2 {display: none; }
.maintop { display: none; }
.leftnav { display: none; } 
.permissions {display: none; }
.num_cult_posts { display: none; } 
.members { display: none; }
.view_statistics { display: none; }
.view_all_cult_posts { display: none; } 
.view_expanded_posts { display: none; }
.edit_pictures { display: none; }
.view_gallery { display: none; }
</style> 

<style>
.num_members a:link, .num_members a:visited {
color: gold;
font-size: 10pt;
}
.num_members a:hover {
color: gold;
font-size: 10pt;
}
.num_members {
color: gold;
font-size: 8pt;
}
</style>


<style> 
.menu2, .menu2 a:link, .menu2 a:visited {
color:  gold;
background: transparent;
font-size: 8pt;
}
.menu, .menu a:link, .menu a:visited {
color: gold;
font-size: 8pt
}
#menu0 {
	width: 800px!important;
	margin: 0px auto;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
}
 
.main {   
background-color: none; 
border: none;   
width: 600px;          
text-align: center;    
float: center;  } 

img{ border:none;}
a img {
  border: 0px solid maroon;
  filter: none;
  opacity: 1;
  padding: 0px!important;}
a:hover img {
  border: 0px solid maroon;
  filter: none;
  opacity: 1;}


body, html {
  background-color: black;
  scrollbar-face-color: black;
  scrollbar-shadow-color: black;
  scrollbar-highlight-color: black;
  scrollbar-3dlight-color: black;
  scrollbar-darkshadow-color: black;
  scrollbar-track-color: black;
  scrollbar-arrow-color: yellow;
  
background: url('http://i45.tinypic.com/2433oy9.jpg');
background-repeat: no-repeat;
background-position: center right;
background-color: black;
background-attachment: fixed;
}


html, table, div {
  color: gold;
  font-family: Georgia; 
  font-size: 12px;
}

a.nav:link,a.nav:visited,a.nav:active {
 padding: 0px;
 background-color: transparent;
 color: gold;
 display: block;
 font: 10pt Georgia;
 text-align: center;
 }

a.nav2:link,a.nav2:visited,a.nav2:active {
 background-color: transparent;
 color: gold;
 display: block;
 font: 10pt Georgia;
 text-align: center;
 height: 19px;
 }

a.nav:hover {
background: transparent;
 font:  10pt Georgia;
 color: gold;
}


A:LINK, A:VISITED {    
 font: 10pt Georgia;
 text-transform: none;    
 color: gold;
 text-decoration: none;    
 background-color: transparent;    
 font-weight: normal;      
}       

A:hover {
border:0px;    
font: 10pt Georgia;    
color: gold;
font-weight: normal;  
background-color: transparent;    
text-transform: none;
} 

input {
  font: 10pt Georgia;
  line-height: 12px;
  color: gold;
  background: transparent;
  text-align: center;
}

input:hover{
  font: 10pt Georgia;
  line-height: 12px;
  color: gold;
  background: transparent;
}
textarea {
  border: 3px double maroon;
  overflow: auto;
  background: transparent;
  width: 500;
 height: 200;
color: white;
text-align: center;
}

table, td {
  border: none;
  background: transparent;
}

B {
text-decoration: bold; 
font-size: 10pt; 
font-family: Georgia;
}

i {
text-decoration: italic; 
font-size: 10pt; 
font-family: Georgia;
}

u {
text-decoration: underline;
font-size: 10pt;
font-family: Georgia;
}


.header {
background-color: transparent;
color: gold;
letter-spacing: 3px;
text-align: center;
}

h1 {
font: 10pt Georgia;
letter-spacing: 2px;
color: gold;
text-align: center;
padding: -25px;
}

h2 {
display: none 
}

.userinfo {
  color: gold;
  font: 10pt Georgia;
}
</style>

<style>
.group_forum { 
background: transparent;
width: 700px;
border: 4px double yellow;
}
.group_forum td {border: none;}

.group_entry {
background: transparent; 
border: 4px groove yellow;
width: 730px;
margin: 0px auto;
margin-bottom: 6px;

.group_comment { 
background: transparent;
border: 3px groove yellow;
width: 730px;
}

.comment_input { 
background: url('');
color: white;
font-size: 10pt;
width: 500px;
height: 400px;
background-postion: right;
border: 4px double yellow;
text-align: center;
}
.comment_input input{
color: white;
text-align: center;
background-filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70; 
width: 490px;
border: 4px double yellow;
}



.subheading { 
background: url('');
color: gold;
border: 3px double maroon; 
} 

.subheading b {
color: gold;
font-size: 12pt;
} 

.cult_info {
Width: 520px;
Background-color: transparent}
</style> 
</textarea><br /><br /><br />
<b>And this goes in the header. DO NOT remove my credit, please and thank you.</b><br />
<textarea rows="10" cols="50">
 <center><a href="http://vampirefreaks.com/TheDesCreature">©2012</a>. <font size="-3">Looks best in Google Chrome with Premium Membership.</font><br /><br />
</textarea>

Initial URL

                                

Initial Description
Contains the description, header, and footer. Will look best in Oldskool format, with signatures disabled.

Initial Title
Doll_House_Rp Layout Description

Initial Tags

                                

Initial Language
HTML