Add Reply
New Topic
New Poll

 Codes, table codes
'Eve
 Posted: Jan 6 2015, 01:21 PM
Quote
'Eve
Admin
15 posts
N/A years old
N/A
© 'Eve
Offline
<---|field_10|-->


TADA! Tables!
PM
^
KATIYA ALEXANDROV
 Posted: Jan 6 2015, 01:23 PM
Quote
29 posts
17 years old
Teamplayer
© 'Eve
Offline
<---|field_10|-->


CODE

[dohtml]<center><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<style type="text/css">
.mini2 { font: 6px arial, arial; text-align: center; text-transform: uppercase; color: #aaa; letter-spacing: 2px; margin: 5px 0px 0px 0px; }
#mai { width: 245px; background: #eee; position: relative; overflow: hidden; height: 350px; transition-duration: 2s; -webkit-transition-duration: 2s; }
#mai .ins { transition-duration: 2s; -webkit-transition-duration: 2s; position: absolute; width: 245px; height: 350px; }
#mai:hover .ins { transition-duration: 2s; -webkit-transition-duration: 2s; left: -320px;}

.texty { color: #000; text-align: justify; text-transform: lowercase; font: 9px arial; line-height: 90%; padding-right: 5px; overflow: auto; height: 320px; }

</style>
<div style="width: 295px; background: #eee; padding: 30px; border: 1px solid #ddd; border-top: none; border-bottom: none">
<div style="width: 200px; padding: 10px; background: url(http://i.imgur.com/ovwj1.jpg); border-right: 75px solid #ddd;">
<div style="width: 245px; padding: 10px; background: #fff; border: 5px solid #fff;">
<div style="padding: 15px; background: #b6d6fd;">
<div style="font: 12px 'Yanone Kaffeesatz', sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 2px; word-spacing: 2px; color: #fff; line-height: 90%;">all i wanna do is love your body</div>
</div>
<div style="background: #d2e8ff; border-left: 50px solid #e5f2fa; height: 10px;"></div>
<div id="mai">
<div class="ins">
<img src="http://i58.tinypic.com/21e3fgm.jpg" width="245px">
</div>
<div style="background: fff; padding: 15px">
<div class="texty">
<img src="http://media.giphy.com/media/h9nWHngb9m53O/giphy.gif" width="75px" style="float: left; margin: 0px 10px 2px 0px">


WRITING

notes: || outfit: || for?: open


</div></div></div></div></div>
<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=3216"><div class="mini2">© kristen</div></a>
</div></center>[/dohtml]
PM
^
ZACHARY MASON
 Posted: Jan 6 2015, 02:37 PM
Quote
117 posts
19 years old
Former Burnout/ 2015 Grad
© N/A
Offline
<---|field_10|-->


CODE

[dohtml]<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><style type="text/css">.brodes::-webkit-scrollbar {height: 10px;width: 4px;background-color: #fff;}
.brodes::-webkit-scrollbar-thumb {background: #69ba9e;}
.brodes::-webkit-scrollbar-corner {background: #121212;}
.brodes b {color: #69ba9e; }
.brodyhov {width: 245px; height: 163px; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -otransition: all 1s ease-in-out; opacity: 0; position: absolute;}
.brodyhov:hover {transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -otransition: all 1s ease-in-out; opacity: .8; filter: alpha (opacity=50); background-color: #fff;}
.brodyn {font-family: fjalla one; font-size: 30px; text-transform: uppercase; letter-spacing: -2px; line-height: 100%; word-spacing: 8px; color: #fff; margin-top: 8px;}
.brodyt{font-family: fjalla one; font-size: 16px; text-transform: uppercase; letter-spacing: -1px; line-height: 100%; word-spacing: 8px; margin-top: -1px; color: #fff;}
.brodynt {text-transform: uppercase; font-family: calibri; font-size: 8px; color: #fff; letter-spacing: 3px;}
.brodycred {text-transform: uppercase; font-family: calibri; font-size: 8px; color: #211800; text-align: right; width: 240px; margin-top: -20px;}</style>

<center><div style="width: 245px; border-left: 6px solid #211800; border-right: dotted 1px #211800; padding: 20px; margin: 4px 0px; background-color: #fff;"><div style="width: 245px; height: 163px; background-image:url(http://i60.tinypic.com/2n290n.jpg)"><div class="brodyhov"><div style="width: 145px; height: 80px; background-color: #69ba9e; text-align: center; padding: 15px; margin-top: 35px;">



<div class="brodyn">zack w/ whoever</div>
<div class="brodyt">open for whom ever</div>
<div class="brodynt">notes: KEEP IT SIMPLE</div>


</div></div></div><div style="text-align: justify; font-family: calibri; padding-right: 6px; margin-top: 10px; line-height: 95%; height: 220px; overflow: auto; font-size: 10px;" class="brodes">

WRITING

</div></div><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=911"><div class="brodycred">coop</div></a></center>[/dohtml]
PMAIM
^
PIPPIN LUCLAIR
 Posted: Jan 7 2015, 09:18 PM
Quote
54 posts
17 years old
Former Loner/ 2015 Grad
© 'Eve
Offline
<---|field_10|-->


CODE
[dohtml]

<style>
.scrsara1 {
width: 260px;
background-color:#f6f6f6;
box-shadow: 0 0 0 4px #fff, 0 0 0 5px #f3f3f3;
height: 400px;
position:relative;
}

/* Change #d8a6c1 to change the color of the background */
.scrsara1c {
width: 230px;
padding: 15px;
background-color:#d8a6c1;
height: 80px;
border-bottom: 4px #FFF solid;
}

/* The image needs to be square and at least 130x130px */
.scrsaraimg {
width: 130px;
height: 130px;
background-image: url('http://i57.tinypic.com/eriphx.jpg');
background-size: cover;
-moz-border-radius: 90px;
-webkit-border-radius:90px;
border-radius: 90px;
box-shadow: 0 0 0 4px #fff;
margin-top: 30px;
}

.scrsara2 {
position: relative;
padding: 10px;
font-family: arial;
font-size: 9px;
text-align: justify;
width: 200px;
background-color:#FFF;
color:#b3b3b3;
margin-top:20px;
height: 165px;
overflow: auto;
line-height:100%;
}

/* Change #e1e1e1 to change the color of the scrollbar */
.scrsara2::-webkit-scrollbar { width: 3px; }
.scrsara2::-webkit-scrollbar-track { background-color: transparent; }
.scrsara2::-webkit-scrollbar-thumb { background-color: #e1e1e1; }

/* Change #bec79e  to change the color of bolded text */
.scrsara2 b {color:#bec79e; font-size: 11px;}

</style>

<center>
<div class="scrsara1">

<div class="scrsara1c">

<div class="scrsaraimg"></div>

<div class="scrsara2">Text</div>

</div></div>

<div style="width: 25px; text-align: center; line-height: 100%; font-family: calibri; font-size: 8px; color:#a6a6a6; padding: 2px; text-transform: uppercase; margin-top: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=1695">ba</a></div>
</center>
[/dohtml]
PM
^
PIPPIN LUCLAIR
 Posted: Feb 1 2015, 02:16 PM
Quote
54 posts
17 years old
Former Loner/ 2015 Grad
© 'Eve
Offline
<---|field_10|-->



IM

CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<style type="text/css">

#im-container {
width: 350px;
height: 314px;
background-color: #f2f2f2;
border: 1px #25303f solid;
}

#im-image {
width: 100px;
height: 100px;
outline: 3px #99124D double;
position: relative;
top: 10px;
left: 10px;
float: left;
}
.im-info {
width: 224px;
height: 106px;
background-color: #FD054B;
position: relative;
top: 7px;
right: 7px;
float: right;
}
.im-info h1 {
font: normal normal normal 30px/50% 'Playball';
text-align: center;
letter-spacing: 3px;
color: #25303f;
text-shadow: 1px 1px 0px #99124D, 2px 2px 0px #fff, 3px 3px 0px #25303F;
}
.im-info h2 {
font: italic bold normal 20px/10% 'Playball';
text-align: right;
color: #fff;
position: relative;
right: 10px;
top: -5px;
}
.im-info h3 {
text-align: justify;
font: italic normal normal 12px/90% 'Georgia';
color: 25303f;
word-spacing: 3px;
width: 200px;
height: 20px;
position: relative;
bottom: 7px;
left: 7px;
background-color: #fff;
padding: 5px
}
#im-box {
width: 334px;
height: 186px;
background-color: #fff;
position: relative;
top: 120px;
}

#im-talk {
width: 180px;
height: 80px;
background: #f2f2f2;
position: relative;
top: 20px;
left: 60px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px #99124D solid;
}

#im-talk .im-text {
width: 160px;
height: 70px;
overflow: auto;
font: normal normal normal 10px/90% 'Georgia';
text-align: justify;
color: #57213E;
position: relative;
top: -100px;
}
#im-talk table {
width: 330px;
height: 50px;
background-color: #fff;
padding: 5px;
position: relative;
bottom: 63px;
right: 135px;
}
#im-talk tr td {
height: 5px;
background-color: fff;
border: 1px #99124D solid;
font: normal normal normal 10px/100% 'Calibri';
text-align: center;
color: #99124D;
}
#im-credit {
width: 350px;
text-align: right;
}
#im-credit a:link,
#im-credit a:active,
#im-credit a:visited,
#im-credit a:hover {
font: normal normal normal 15px/110% 'Playball';
color: #CC044C;
text-decoration: none;
text-transform: lowercase;
}
</style>

<center><div id="im-container">

<div id="im-image"><img src="http://i783.photobucket.com/albums/yy117/anywhooooo/09.png"></div>
<div class="im-info">
<h1>itsatripitsapip</h1>
<h2>is online</h2>
<h3>UPDATE HERE</h3>
</div>
<div id="im-box">
<div id="im-talk">
<div class="im-text">MESSAGE HERE
</div>
<table class="im-talk"><tr><td>enter new message here</td>
<td>SEND</td>
  <td><img src="http://www.sympato.ch/smileys/Sweat.gif"></td>
</tr>
</tr></table>
</div>

</div>
</div>

<div id="im-credit"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=44413">&hearts; dino</a></div>
</center> [/dohtml]
PM
^
JASPER PAYNE
 Posted: Feb 28 2015, 01:29 PM
Quote
9 posts
15 years old
Nobody
© 'Eve
Offline
<---|field_10|-->


CODE
[dohtml]<style type="text/css">
.damain{width:250px; display: inline-block; background-color:#fff; border-style: double; outline: 5px solid #fff; padding: 10px; border-color:#cfcfcf;}.datitle{font-family:'lucida console', monospace; font-size:8px; text-transform: uppercase; letter-spacing: 2px; width:240px; background-color:#000; border-top:1px solid #fff; color:#86a886; text-align: right; padding: 5px; line-height:100%;}.datext{font-family: 'calibri', sans-serif; font-size:10px; text-align: justify; line-height:100%; padding: 5px; }.datext:first-letter{font-family: 'lucida console', monospace; font-size: 8px; padding: 5px; background-color:#000; color:#86a886;  float: left; margin: 0px 5px 0px 0px;} </style><center>

<div class="damain"><img src="http://i57.tinypic.com/332cexf.jpg" width=250px><div class="datitle">

your just a daydream away

</div><div class="datext">

text here!

</div></div><br><div style="width:270px; text-align: right; line-height: 100%;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=9796">♥</a></div>
</center>[/dohtml]
PM
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll


 


 


Skin by Macy of Shine