Example Sites (new posts)

A lot of skrollr :): Re: A lot of skrollr :)

Tue, 27 May 2014 08:24:55 +0000

There's no mobile version yet at all. It looks like crap now on my iPhone :)

A lot of skrollr :): Re: A lot of skrollr :)

Tue, 27 May 2014 04:50:31 +0000

Very cool, although I first looked at it on my phone and it wasn't impressive. Then I looked at it on my PC and saw what you've created. It looks like it was a ton of work!

A lot of skrollr :): Re: A lot of skrollr :)

Mon, 26 May 2014 15:16:52 +0000

The animation looks especially well if you click the middle mouse button and let it auto-scroll down the page gradually (:

A lot of skrollr :): A lot of skrollr :)

Mon, 26 May 2014 11:36:07 +0000

This is an example site I just have made to one of our clients. BS3 + Skrollr + a lot of prototyping. And this is just a timeline chart for the animations:

https://www.evernote.com/shard/s108/sh/37f7c552-4d5b-44ce-ae79-d3e8e69bfa55/9a2c4f8bb7a0d5f3a37fba5b7f04df1c

http://wytwory.wikidot.com/

BHGC-Trophies: Re: BHGC-Trophies

Mon, 11 Nov 2013 10:14:45 +0000

thats what you gett for not checking your work :-). sorted. thanks for noticing.

BHGC-Trophies: Re: BHGC-Trophies

Mon, 11 Nov 2013 04:51:20 +0000

Looks very nice but is pretty tiny on my phone like it might be missing the viewport meta tag.

BHGC-Trophies: BHGC-Trophies

Mon, 11 Nov 2013 01:38:21 +0000

http://bhgc-trophies.wikidot.com/

ATG Marketing Solutions: Re: ATG Marketing Solutions

Wed, 06 Nov 2013 13:12:30 +0000

I can talk you down from the ledge pretty easily. Add this to your CSS:

/* Missing from bootstrap base.css */ iframe.html-block-iframe { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; margin: 0; padding: 0; width: 100%; }

I was having the same frustrations before I discovered it was missing. It took comparing the same code that was working on a non-bootstrap site to my ATG site to figure it out.

The documentation is pretty light on the Slidebox slider. If you want to use it and need help sorting anything else, let me know. The next thing I'm going to try to tackle is making the text box overlay responsive. I noticed it doesn't scale properly when I look at it on my phone.

@Squark

Can you please add this to the base.CSS for the bootstrap sites? I discovered this was missing a couple of days ago when was I frustrated like Phil and forgot to report it. Thanks!

ATG Marketing Solutions: Re: ATG Marketing Solutions

Wed, 06 Nov 2013 12:33:47 +0000

Hi Ed.
I have been losing the will to live trying to get a slider to work.

So i nicked all your hard work (thank you) from the ATGsite and stuffed it in my test site.
I still cant get the bugger to work.
So i stuffed it on BSP to see what happens. here
and get completely different non functional results.
This makes me wonder if there is something required in the "layout"
only I have no idea what.
So I am going to ask and either / or favour.
Can you get the bugger working here, where i can see all the relevant bit and bobs.
or give me admin rights to ATG so i can reverse engineer it and sort it here for refence myself?

time to take another Valium me thinks.

Phil

ATG Marketing Solutions: Re: ATG Marketing Solutions

Wed, 06 Nov 2013 07:23:43 +0000

Wow, thanks Ed!

This looks very interesting - to see a "live" boosttrap wikidot site .

ATG Marketing Solutions: ATG Marketing Solutions

Wed, 06 Nov 2013 06:22:13 +0000

I just opened up a site I'm working on for my son's business. I know this resembles a spam post, but I'm really just trying to show how easy it is to pull together a nice looking site quickly and pretty easily once you get familiar with the bootstrap/Wikidot markup.

Permissions should be set so Wikidot members can see page options to inspect the source.
atgmarketingsolutions.com

The slider on the home page is using Slicebox. This is where I spent most of my time.

The rest of the markup is standard Wikodot/Bootstrap.

I used Adobe Kuler and PaintStrap to do the color palette (more info).