dylickz ./ sanford's profile picture

Published by

published
updated

Category: Web, HTML, Tech

⯎ Useful Spacehey Codes For Your Profile!

Do YOU think your profile is boring and unorganized? Let me help!! <3

-

Have you every joined spacehey and automatically looked at your profile and compared it to others, wondering how you can make your profile cute and cool? Well I'm here to help you resolve this common issue! ^_^

-

CODES:

TABLE BORDER:

Table HeaderTable Header
Testing 1Testing 3
Testing 2Testing 4

Code:

<table border="1">

<tr>

<th>Table Header</th><th>Table Header</th>

</tr>

<tr>

<td>Table cell 1</td><td>Table cell 2</td>

</tr>

<tr>

<td>Table cell 3</td><td>Table cell 4</td>

</tr>

</table>


Scrolling Image!


(wont work right so just pretend something is here!)

Code:

<style>
.marquee-outer {
 height: 100px;
 overflow: hidden;
 position: relative;
 color: orange;
}
.marquee-inner {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: scroll-left 5s linear infinite;
 -webkit-animation: scroll-left 5s linear infinite;
 animation: scroll-left 5s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%);
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
</style>

<div class="marquee-outer">
<div class="marquee-inner"><img src="Insert copy image adress here." width="94" height="88" alt="Swimming fish"></div>


Scroll Box!


INSERT BLAH BLAH BLAH WHATEVER U WANT HERE.

Code!


<div style="width:150px;height:150px;line-height:3em;overflow:scroll;padding:5px;background-color:#FCFADD;color:#714D03;border:4px double #DEBB07;">

PUT WHATEVER HERE.

</div>


30 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

theevilmelonguylmao

theevilmelonguylmao 's profile picture

im using the last thing for my neocities website


Report Comment