Profile
Personal Photo

No Photo

Options
Custom Title
xo Lola doesn't have a custom title currently.
Personal Info
Location: No Information
Born: 15 November 1990
Interests
No Information
Other Information
Gender:: Female
Test:: http://k002.kiwi6.com/hotlink/zpq9i1z7vn/Anas_Mitchell_Young_Man_In_America.mp3
Statistics
Joined: 03/22/2012
Status: (Offline)
Last Seen: Yesterday at 09:46 am
Local Time: Aug 19 2017, 11:11 PM
42 posts (0 per day)
( 0.02% of total forum posts )
Contact Information
AIM No Information
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Unread Message Message: Click here
Unread Message Email: Private
Signature
View Signature

xo Lola

Members

Topics
Posts
Comments
Friends
Video
My Content
Aug 17 2017, 09:00 PM
Alright, I'm going to try and explain this as best I can.

So, I'm creating an HTML Template for the index of my board (located here)

The Template itself is located here. (I prefer to work in an environment like this so I don't have to refresh a million times to see my changes because i'm a perfectionist SORRY)

ANYWAY. What I'm looking to do is have the background colour behind the 'FORUM NAME' bit be the new post/no new post macro, basically have it be the blue it is in the top one be the 'new', and the grey in the second one be 'no new'.

I'm just not quite sure how to approach actually implementing it into the HTML templates. I'm sure it can be done, but I'm not quite sure how to go about it? I've got a few ideas on how to tinker with it, and I'm going to work on implementing this either tonight or tomorrow on the board itself, but I was hoping there was an easy way to kind of go about this so I'm not ripping out my hair.

Thanks!
May 6 2017, 10:07 AM
Nooooot sure if this belongs here, but I usually have pretty good luck here. Would it be possible to make a class for the forum name on the main index of the board? It would be so much easier than trying to style just the .row4 b a and then having to hack around changing it wherever else it shows up. (I think the Posted: link in posts has the same ... class(?) order?)

I know we can do it easily with HTML templates, but I'm making a skin for a site that doesn't use them and doesn't want to use them, currently. If not, no big deal. Thanks!
Jan 11 2017, 09:41 PM
So, I know you can change the background colour of the advertisement container by styling row4, but I was wondering, since John is constantly adding new CSS classes to work with the HTML templates, if one could be made for the ad container? Or if the row4 could just be removed from it so it's a teeny tiny little advertisement that can just sit there and look ugly all on its own until I decide to buck up and pay for premium?

I'm currently working on a skin where the row4 background colour would clash with the board header area, and I just want it to be seamless and beautiful and it's not and my OCD is making me cry ):

I'm sure javascript could do something to change it but I literally do not want to a.) deal w/ that or b.) violate ToS for ~aesthetics.
Dec 20 2016, 04:46 PM
hi hello, I'm having a little teeny tiny issue.

i'm trying to use a click toggle on my miniprofile code, and it works great on JSFiddle. It's beautiful even. see? (that's got all my codes there, with filler info since the jcink fields don't carry over to other sites c; )

what i didn't expect is when i popped it into my site, was for all of the miniprofiles to toggle when i clicked the button.

i moved the jquery around, to the top of the wrappers, to the bottom of the wrappers, and even into the miniprofile HTML template area (where it had some success before eventually telling me 'no')

HERE is my board, and everything should be visible to guests.

is there a work around for this issue, or am i going to have to make it an over-done hover?

thanks!!
xXx noä
Apr 28 2016, 04:35 PM
i've been trying to get this to work for about two days now, and i'm absolutely at my wits end.

THIS is the code I'm trying to get to work. It works just fine on the code pen. It works just fine on a regular web page. I'm stumped as to how to get it to work on Jcink.

I've tried removing everything I possibly could from the wrappers that would cause it not to work, I've tried four different codes. I've copied and pasted every last little bit of CSS, jquery, and HTML to try and get this work and I haven't been successful, yet.

here is my board.


here are my wrappers stripped down to the bare bones.
CODE
<!DOCTYPE html>
<html>
   <head>
<title><% TITLE %></title>

<% CSS %>

<% JAVASCRIPT %>

<script>/**
* Created by Sallar Kaboli <sallar.kaboli@gmail.com>
* @sallar
*
* Released under the MIT License.
* http://sallar.mit-license.org/
*
* This document demonstrates three things:
*
* - Creating a simple parallax effect on the content
* - Creating a Medium.com-style blur on scroll image
* - Getting scroll position using requestAnimationFrame for better performance
*/

/**
* Cache
*/
var $content = $('header .content'),
 $blur = $('header .overlay'),
 wHeight = $(window).height();

$(window).on('resize', function() {
 wHeight = $(window).height();
});

/**
* requestAnimationFrame Shim
*/
window.requestAnimFrame = (function() {
 return window.requestAnimationFrame ||
   window.webkitRequestAnimationFrame ||
   window.mozRequestAnimationFrame ||
   function(callback) {
     window.setTimeout(callback, 1000 / 60);
   };
})();

/**
* Scroller
*/
function Scroller() {
 this.latestKnownScrollY = 0;
 this.ticking = false;
}

Scroller.prototype = {
 /**
  * Initialize
  */
 init: function() {
   window.addEventListener('scroll', this.onScroll.bind(this), false);
 },

 /**
  * Capture Scroll
  */
 onScroll: function() {
   this.latestKnownScrollY = window.scrollY;
   this.requestTick();
 },

 /**
  * Request a Tick
  */
 requestTick: function() {
   if (!this.ticking) {
     window.requestAnimFrame(this.update.bind(this));
   }
   this.ticking = true;
 },

 /**
  * Update.
  */
 update: function() {
   var currentScrollY = this.latestKnownScrollY;
   this.ticking = false;

   /**
    * Do The Dirty Work Here
    */
   var slowScroll = currentScrollY / 4,
     blurScroll = currentScrollY * 2;

   $content.css({
     'transform': 'translateY(-' + slowScroll + 'px)',
     '-moz-transform': 'translateY(-' + slowScroll + 'px)',
     '-webkit-transform': 'translateY(-' + slowScroll + 'px)'
   });

   $blur.css({
     'opacity': blurScroll / wHeight
   });
 }
};

/**
* Attach!
*/
var scroller = new Scroller();
scroller.init();

</script>

   </head>
   <body>

<header>
 <div class="content">
  <hgroup>
    <h1>Hello.</h1>
    <h2>I’m going to scream now</h2>
  </hgroup>
 </div>

 <div class="overlay"></div>
</header>

     <% BOARD HEADER %>
     <% BOARD %>
     <% COPYRIGHT %>

</div><!-- /.wrap -->

   </body>
</html>


i can paste the style sheet if you need that, too. but the bits i copied from the compiled codepen are the exact same. i haven't really changed anything else.

Any help you can offer is greatly appreciated.

Thank you.

xo Lola
Last Visitors


Aug 8 2017, 04:50 PM




Mar 9 2017, 09:31 PM




Jan 19 2017, 07:51 PM



Comments
No comments posted.
Add Comment