Help selecting templates etc


(Mike) #1

Hello all, I am very new to this. I desire a quick as under deadline website…

Site desires is similar to Apple.com… with like 6 sections.

Section:

  1. menu bar across top black background, item highlight on cursor over!
  2. auto horizontal scrolling images with dots at bottom
  3. 4 horizontal selectable, sections with image and text
  4. big link text across page
  5. 4-5 columns of links across bottom, and Bold subheadings in a columns (underlines on cursor over)
  6. copyright and 4 links across the bottoms underline on cursor over :slight_smile:

So I have no idea. I looked at Foundation, Pure, Bootsnap, and hear of Stacks mentioned…
We have no money, and prefer for now at least, free solutions beyond RapidWeaver 6 cost.
I do not yet know how to install these, can themes or these be changed somewhat?
But really all desired is 6 simple sections :slight_smile:

Is there even an Apple Template all ready done???
Thank you in advance, much appreciate all advice and help to get me creating a site initially at least.
Sincerely, Mike


(Peter Danckwerts) #2

I don’t think you’ll get the most out of RW without Stacks. Note that both the Foundation and BootSnap themes are free. It is only the related stacks which are charged for. You could (I know because I have done it experimentally) build your whole site with one of these two themes by copying snippets of code from the relevant sites:

http://foundation.zurb.com/index.html

There are three good reasons for not doing so:

  1. It’s a bit unfair on the developers who have put a lot of work into
    creating the stacks.

  2. It will be more work.

  3. It rather negates the advantage of buying RW in the first place. You
    might almost as well create a Bootstrap or Foundation site without
    using RW at all. There is a very decent slideshow application for Bootstrap which just requires a few lines of code and includes the ‘dots at the bottom’.


(Will Woodgate) #3

We have no money, and prefer for now at least, free solutions beyond RapidWeaver 6 cost.

I have a couple of free RapidWeaver themes available on my website. They are basic, but they have Bootstrap built-in and several other useful features for building modern, responsive websites. So using the example of columns, adding the following HTML markup to your page would give you three responsive columns:

<div class="row">
  <div class="col-md-4">Column 1</div>
  <div class="col-md-4">Column 2</div>
  <div class="col-md-4">Column 3</div>
</div>

Without the Stacks plugin, then you almost certainly would need to use HTML markup for the menu bar, image slider, columns, hero units and copyright information. There’s not really any other way of achieving it otherwise.

Stacks costs $29 (as of writing this) so if you can stretch your budget slightly more, then RapidWeaver and Stacks would be your only essential purchases at this point in time. Everything else could possibly be done with a combination of free themes and stack elements.

If you did want a very basic free theme similar to Apple.com, then possibly it’s something I could cobble-together later this week if I’ve got time, in exchange for some free advertising or similar. :wink:


(Peter Danckwerts) #4

I should have suggested Will’s themes myself. He has been a most reliable and helpful RW developer for many years.

If you could afford just £3.99 or the$ equivalent, you might consider buying Visual Composer – Bootstrap 3 which would allow you to familiarise yourself with basic Bootstrap elements in a very undemanding way.

You can create a slide show with some code like this (I’m using images which I placed on the server using an FTP program):

<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">

<ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
  </ol>
	
<div class="item active">
	<img src="http://www.myddomain.com/resources/BugsBanner.jpg" alt="Bugs Bunny" style="width:100%;">
</div><!--/item-->

<div class="item">
	<img src="http://www.myddomain.com/resources/BooksBanner.jpg" alt="Books" style="width:100%;">
</div><!--/item-->

<div class="item">
	<img src="http://www.myddomain.com/resources/BadBanner.jpg" alt="Bad Day at Black Rock" style="width:100%;">
</div><!--/item-->

<div class="item">
	<img src="http://www.myddomain.com/resources/ByteBanner.jpg" alt="Tigersbyte" style="width:100%;">
</div><!--/item-->

<div class="item">
	<img src="http://www.myddomain.com/resources/BillBanner.jpg" alt="William Otto Danckwerts" style="width:100%;">
</div><!--/item-->

<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

(Robert Ziebol 🖖🏼) #5

If you know anything about code, you can get Joe’s Foundation theme for free and hand code the site using Curb’s code. In fact, Joe mentions that it is ok to use the free theme with RapidWeaver and code here. Here is the quote from that page:

Go Old School
With just this theme, you can add an HTML page to your RapidWeaver project and code your website by hand, the old school way! You can access all of the Foundation elements and default styles. You can also freely use the other technologies listed below.

So if you want, you can use the theme for free and code the site. It would work perfect for you.

EDIT - If you want to do this, you will need to use the Foundation 1.4.4 theme, which is not the theme that is linked with the button, but there is a blue box under the button that starts out Attention All Stacks 2 Users!, that is where the 1.4.4 theme can be found.


(Peter Danckwerts) #6

Yup. It’s good and it’s cheap (free!) but Joe’s stacks may pay for themselves in saved time.


(Robert Ziebol 🖖🏼) #7

Yes, but since they said they were low on money, was suggesting a free way to do it.


(Mike) #8

Thank you, peterdanckwerts, willwood, zeebe… I will look at all these… and somehow figure out how to implement them into the RapidWeaver program… there any special tutorials on this/that? I will try now… not sure which to try but I’ll look and start… just 6 simplish sections really right? :smile:

if I make some money be glad to share it, no problem at all…

Mike


(Mike) #9

ok I got Stacks, seems needed so little $ is ok.

Did someone mention I thought I saw, the pictures sliding show, with the dots? I don’t see it now

thanks Mike


(Robert Ziebol 🖖🏼) #10

Joe Workman has a few of these
Cycler
MovingBox
Gyro
Samurai
and if you get Foundation and the stacks, it includes Orbit

There are other ones out there as well.


(Mike) #11

ok I’ll look and try… trying now… lol :slight_smile: thank you Zeebe


(Mike) #12

I made a new one, but it has a theme. I want no theme I think!!! man, tough…

How can I have a no theme?


(Robert Ziebol 🖖🏼) #13

You could download the Foundation 1.4.4 theme here:
http://foundation.joeworkman.net/theme (do not get the 1.5.2 theme). If you get this theme, you can use the CSS found on this page to make your site.
http://foundation.zurb.com
or you could get A Blank Theme by Themeflood here
https://www.themeflood.com/blank/

Good luck


(Peter Danckwerts) #14

I mentioned a slider with dots and gave the code. That was a carousel for Bootstrap. You can create an Orbit slider in Foundation just as easily. Here is some sample code:

<ul class="example-orbit" data-orbit data-options="bullets: true; variable_height: true; time_speed: 300;">
<li>
    <img src="http://www.terre-et-toi.com/images/yurt1.jpg" alt="slide 1" />
  </li>
  <li class="active">
    <img src="http://www.terre-et-toi.com/images/yurt2.jpg" />
  </li>
  <li>
    <img src="http://www.terre-et-toi.com/images/yurt3.jpg" />
  </li>
</ul>

You can find out more about the slider here: http://foundation.zurb.com/docs/components/orbit.html

The thing to remember when typing code into RapidWeaver is either to highlight everything and then select ‘Ignore formatting’ from the Format menu or turn off Smart Quotes in the Formats menu. Otherwise all the quotes around the image URLs will be ‘smart’ and won’t work.


(Mike) #15

Thanks Peter, I went to link for orbit. I see there is this version now. http://kenwheeler.github.io/slick/

and I tried your code. But I guess as newbie, sorry, it did slide. I must have to download or install more code. I’d like to try Slick, but not sure if have to paste in a lot.

Ideally, and last night I made site using Stacks, and dropping there elements was easy and great! Might there be a easy element for Stacks that could do the carousell thing? Then easily drop say 5 images into that and it works?

I tried to message you direct but se no option here to do that. Here is site, http://www.thatsoft.com/ please note it is not good yet, very rough testing… !

Why does the .ico file not show in the web browser tab either? it is a 16x16pc windows icon image!

thank you… Mike


(Mike) #16

I found, Barz Stacks. http://www.barz-stacks.eu/stacks/image_stacks/samples/image-carousel-stack.html

but all desire $. this is only 4.99 but hummm no free solutions? thanks. Once make we can give to others no problem.


(Mike) #17

hi Peter, ok I tried this code, changed to my images, and images do not even display. and I don’t see how it can show the dots under the image.

www.thatsoft.com/c

is this the right carousel code that auto slides and has dots under like Apple.com has?

we can do direct email if easier please?

oh you said need bootstrap for this to work???

thx Mike
miketradr@gmail.com


(Peter Danckwerts) #18

Yes, the first script I gave was for themes based on Bootstrap. The second was for themes based on Foundation. In the latter, the data-options="bullets: true" tells the script to use dots. I’ll upload an example of the latter.


(Peter Danckwerts) #19

I’ve put up the sample here: http://tigerofthestripe.co.uk/example/

Although I have Joe’s Orbit Slider stack for Foundation, I created this slideshow using just the code above. However, I did spot a couple of mistakes. First time_speed should be timer_speed and secondly 300 is far too fast. I’ve adjusted it to 1000 and it is still very fast.

The main thing, though, is that both of the scripts I gave rely on the frameworks, Foundation for this one and Bootstrap for the other.