View difference between Paste ID: Pr6M3KLg and n27QWrwB
SHOW: | | - or go back to the newest paste.
1
<!--network theme base code by mady, or inspiredbylou-->
2
<!--editing by rawwricons/ strangers-in-a-paradise-->
3
 
4
<head>
5
 
6
 
7
<link rel="shortcut icon" href="{favicon}">
8
<link rel="alternate" type="application/rss+xml" href="{rss}">
9
<link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
10
 
11
<style type="text/css">
12
 
13
body
14
{font-family: times;
15
font-size: 11px;
16
color: #000;
17
background-position: fixed;
18
background-attachment:fixed;
19
background-repeat:repeat;
20
background-color:#fff;}
21
 
22
a:link, a:active, a:visited{
23
color: #777777;
24
text-decoration: none;
25
 
26
}  
27
 
28
 
29
 
30
 
31
 
32
#all {
33
    margin:30;
34
    margin-left:30%;
35
}
36
 
37
#pannel {
38
    width:180px;
39
    height:170px;
40
    padding:0px;
41
    background-color:#fff;
42
}
43
 
44
#poster {
45
    width:120px;
46
    height:120px;
47
    margin-top:10px;
48
    position: fixed;
49
    background-color:#fff;
50
}
51
 
52
#poster img {
53
    width:120px;
54
    height:120px;
55
    border:1px solid #ddd;
56
    padding:6px;
57
}
58
 
59
 
60
#about {
61
    text-align:center;
62
    padding:10px;
63
    padding-top:3px;
64
    margin-bottom:20px;
65
    position:absolute;
66
    width:110px;
67
    height:10px;
68
    border:2px solid #f0f0f0;
69
    font-family: times;
70
    opacity:0;
71
    font-size:9px;
72
    background:white;
73
    color:#000;
74
 
75
}
76
 
77
#pannel:hover #about {
78
    opacity:.98;
79
    margin-top:0px;
80
    height:115px;
81
    -webkit-transition: all 0.5s ease-out;
82
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
83
}
84
 
85
#name {
86
     font-family: times new roman;
87
     font-size:10px;
88
     text-align:center;
89
    text-transform:lowercase;
90
}
91
 
92
 
93
#top {
94
    width:550px;
95
    height:auto;
96
    font-family: times new roman;
97
    font-size:11px;
98
    margin-left: 30.5%;
99
    line-height:18px;
100
    padding:2px;
101
    margin-top: 20px;
102
    text-align:center;
103
    text-transform:lowercase;
104
    background-color:#fff;
105
}
106
 
107
#admin {
108
    font-size:12px;
109
    color:#000;
110
    font-family: times new roman;
111
    letter-spacing: 1px;
112
    text-align: center;
113
    padding: 2 3 2 3;
114
    width: 120px;
115
    position: fixed;
116
    margin-top: -5px;
117
}
118
 
119
.header {
120
    height:20px;
121
    color:#000;
122
    font-family:"cookie", cursive;
123
    font-size:30px;
124
    text-align:center;
125
    letter-spacing:1px;
126
    text-transform:lowercase;
127
    padding:5px 10px;
128
    margin:0px;
129
}
130
 
131
.header a {
132
    color:#eeeeee;
133
    text-decoration:none;
134
}
135
136
137
 
138
 
139
 
140
</style>
141
 
142
 
143
<div id="border-top"></div>
144
 
145
 
146
   
147
</div>
148
<div id="top">
149
<hr>
150
<div class="header">-{Title}-</div>
151
<hr>
152
 
153
<a href=" ">link</a>  /
154
<a href=" ">link</a>  /
155
<a href=" ">link</a>
156
 
157
</div>
158
 
159
<table id="all" border="0" cellpadding="0" cellspacing="20">
160
 
161
 
162
<!-- start of 1st column-->
163
<!--start 1st pannel-->
164
<td><div id="pannel">
165
<div id="poster">
166
<div id="admin"><a href="http://inspiredbylou.tumblr.com/"> -name- </a></div><!--name of the member-->
167
<p>
168
<div id="about">
169
<div id="name"><p><!--- description goes here-->
170
put your description here<p>
171
it looks better if it's longer ok<p>
172
<a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
173
</div>
174
</div>
175
<img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->    
176
</div>
177
 
178
</div></td>
179
<!--end 2st pannel-->  
180
 
181
 
182
 
183
<!--start 2nd pannel-->
184
<td><div id="pannel">
185
<div id="poster">
186
<div id="admin"><a href="/"> -name- </a></div><!--name of the member-->  
187
<p>
188
<div id="about">
189
<div id="name"><p>description here</div><!--- description goes here-->
190
<a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
191
</div>
192
<img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->    
193
</div>
194
 
195
</div></td>
196
<!--end 2nd pannel-->
197
 
198
 
199
<!--start 3rd pannel-->
200
<td><div id="pannel">
201
<div id="poster">
202
<div id="admin"><a href="/"> -name- </a></div><!--name of the member-->  
203
<p>
204
<div id="about">
205
<div id="name"><p>description here</div><!--- description goes here-->
206
<a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
207
</div>
208
<img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->    
209
</div>
210
 
211
</div></td>
212
<!--end of 3rd pannel-->
213
<!-- end of 1st column-->
214
215
216
<tr>
217
 
218
<!--- start of 2nd column-->  
219
<!--start 1st pannel-->
220
<td><div id="pannel">
221
<div id="poster">
222
<div id="admin"><a href="/"> -name- </a></div><!--name of the member-->  
223
<p>
224
<div id="about">
225
<div id="name"><p>description here</div><!--- description goes here-->
226
<a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
227
</div>
228
<img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->    
229
</div>
230
 
231
</div></td>
232
<!--end 1st pannel-->
233
 
234
 
235
 
236
 
237
<!--start 2nd pannel-->
238
<td><div id="pannel">
239
<div id="poster">
240
<div id="admin"><a href="/"> -name- </a></div><!--name of the member-->
241
<p>
242
<div id="about">
243
<div id="name"><p>description here</div><!--- description goes here-->
244
<a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
245
</div>
246
<img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->    
247
</div>
248
 
249
</div></td>
250
<!--end 2nd pannel-->
251
 
252
 
253
 
254
<!--start 3rd pannel-->
255
<td><div id="pannel">
256
<div id="poster">
257
<div id="admin"><a href="/"> -name- </a></div><!--name of the member-->  
258
<p>
259
<div id="about">
260
<div id="name"><p>description here</div><!--- description goes here-->
261
<a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
262
</div>
263
<img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->    
264
</div>
265
 
266
</div></td>
267
<!--end of 3rd pannel-->
268
<!-- end of 2nd column-->
269
 
270
<!-- to add more columns, copy everything from <tr> of the first pannel to </td> of the third pannel!
271
if you need help adding more columns or with anything in this code please ask-->
272
 
273
</table>
274
 
275
<!-- don't touch this (credit)-->
276
 
277
 
278
<div style="font-size: 9px; font-family: times new roman;  font-style:italic;letter-spacing: 1px; float: left; position: fixed; padding: 2 4 2 4; bottom: 13px; right: 14px; background: #f0f0f0; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-left:1px solid #DADADA; border-bottom:1px solid #DADADA;text-transform:lowercase;"><a href="http://rawwricons.tumblr.com/">theme ©</a></div>
279
 
280
</body>
281
</html>