Profile
Personal Photo

No Photo

Options
Custom Title
CrunchDrop doesn't have a custom title currently.
Personal Info
Location: No Information
Born: No Information
Interests
Manga, anime, psobb, FFXI, coding and nonograms
Other Information
Gender:: Male
Test: No Information
Statistics
Joined: 04/23/2016
Status: (Offline)
Last Seen: Feb 21 2017, 01:27 AM
Local Time: Feb 24 2017, 01:41 AM
39 posts (0.1 per day)
( 0.02% of total forum posts )
Contact Information
AIM sodiumsecure
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Unread Message Message: Click here
Unread Message Email: Private
Signature
View Signature

CrunchDrop

Members

Topics
Posts
Comments
Friends
Video
My Content
Dec 31 2016, 06:19 AM
Ok so I'm a little lost on how to get back the resize on the textarea so that I can resize both bottom and right bottom corners. I had it working but after I did something the only the bottom is working.

This is the code I'm using
CODE
<script src="http://forum.hokutens.com/index.php?act=Attach&type=main&id=22"></script>
<link rel="stylesheet" href="http://forum.hokutens.com/index.php?act=Attach&type=main&id=21" type="text/css" />

<script>
$(document).ready(function() {
 $("#editor").wysibb()
 $("textarea").wysibb()
})
</script>


forum.hokutens.com
Dec 5 2016, 04:48 AM
I've been thinking about going premium on my board but I only want to try it out for a month. How would I go about doing this? If I should cancel the payment will my board be locked up or will I have to continue paying to get it back?
Oct 18 2016, 01:39 AM
I'm making a custom profile in the html template and I'm stuck on some css stuff, I was wondering if someone can help me or not.

So far this is what I have but I want to add some more stuff but I suck at css and I'm unable to finish it http://files.b1.jcink.com/html/emoticons/sad.gif



This was what I wanted it to be but I'm not really good at css and it's class,



I've been stuck on it for a week now and I don't know if I can finish it or not, if I can't then one of you guys can take what I have and work on it from there.

profile template
HTML
<header>
<figure class="profile-banner">
<center><!-- |photo| --></center>
</figure>
<figure class="profile-picture">
<center><!-- |avatar| --></center>
</figure>
<div class="profile-stats">
<ul>
<li><span><!-- |title| --></span><!-- |name| --></li>
<li><span>Posts</span><!-- |posts| --></li>
<li><span>Daily</span><!-- |posts_day| --></li>
<li><span>Gender</span><!-- |field_2| --></li>
<li><span>Country</span><!-- |field_4| --></li>
<li><span>Status</span><!-- |status| --></li>
</ul>
</div>
</header>


CSS template
CODE
h1 {
 display: block;
 font-size: 50px;
 margin: 25px auto 0;
 width: 975px;
}

h1>small {
 color: #aaaaaa;
 font-size: .5em;
}


header {
 box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
 margin:   25px auto 50px;
 height:   200px;
 position: relative;
 width:    1060px;
}

figure.profile-banner {
 left:     -40;
 overflow: hidden;
 position: absolute;
 top:      -11;
 z-index:  1;
}

figure.profile-picture {
 background-position: center center;
 background-size: cover;
 bottom: 15px;
 box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2), 1px 1px 4px rgba(0,0,0,0.3);

 left: -30px;
 position: absolute;

 z-index: 3;
}

div.profile-stats {
 bottom: 0;
 border-top: 1px solid rgba(0,0,0,0.5);
 left: 0;
 padding: 15px 15px 15px 145px;
 position: absolute;
 right: 0;
 z-index: 2;
 
 /* Generated Gradient */
 background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.51) 3%, rgba(0,0,0,0.75) 61%, rgba(0,0,0,0.5) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(3%,rgba(0,0,0,0.51)), color-stop(61%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.5)));
 background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(0,0,0,0.51) 3%,rgba(0,0,0,0.75) 61%,rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(0,0,0,0.51) 3%,rgba(0,0,0,0.75) 61%,rgba(0,0,0,0.5) 100%);
 background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(0,0,0,0.51) 3%,rgba(0,0,0,0.75) 61%,rgba(0,0,0,0.5) 100%);
 background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(0,0,0,0.51) 3%,rgba(0,0,0,0.75) 61%,rgba(0,0,0,0.5) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80000000',GradientType=0 );

}

div.profile-stats ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

div.profile-stats ul li {
 color: #efefef;
 display: block;
 float: left;
 font-size: 24px;
 font-weight: bold;
 margin-right: 50px;
 text-shadow: 1px 1px 2px rgba(0,0,0,0.7)
}

div.profile-stats li span {
 display: block;
 font-size: 16px;
 font-weight: normal;
}

div.profile-stats a.follow {
 display: block;
 float: right;color: #ffffff;
 margin-top: 5px;
 text-decoration: none;
 
 /* This is a copy and paste from Bootstrap */
 background-color: #49afcd;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 background-color: #49afcd;
 background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
 background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
 background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
 background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
 background-repeat: repeat-x;
 border-color: #2f96b4 #2f96b4 #1f6377;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 display: inline-block;
 padding: 4px 12px;
 margin-bottom: 0;
 font-size: 14px;
 line-height: 20px;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 border-radius: 4px;
}

div.profile-stats a.follow.followed {
 
 /* Once again copied from Boostrap */
 color: #ffffff;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 background-color: #5bb75b;
 background-image: -moz-linear-gradient(top, #62c462, #51a351);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
 background-image: -webkit-linear-gradient(top, #62c462, #51a351);
 background-image: -o-linear-gradient(top, #62c462, #51a351);
 background-image: linear-gradient(to bottom, #62c462, #51a351);
 background-repeat: repeat-x;
 border-color: #51a351 #51a351 #387038;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

header>h1 {
 bottom: -50px;
 color: #354B63;
 font-size: 40px;
 left: 350px;
 position: absolute;
 z-index: 5;
}
Aug 8 2016, 11:38 PM
I know there is a way to do this but I can't get this working. I want to move the Mini profile that you see when you post something on the left but I want to move it to the top of the post but I can't figure it out. I have the mini code all done it's just how do I move it? I found a help guide for this but it for ZetaBoards.



Jul 8 2016, 10:42 PM
CSS help [SOLVED]
I found a nice theme on the zifboards skin forum and when I edited the skin colors and some other stuff I now have this and it's driving me up the wall trying to figure out how to fix it but I'm getting nowhere http://files.b1.jcink.com/html/emoticons/sad.gif Link to my forum

Last Visitors


Feb 19 2017, 10:20 PM




Dec 21 2016, 04:58 AM




Dec 2 2016, 10:09 PM



Comments
No comments posted.
Add Comment