[Pro] Fixed header Inline Box Model

Freeway
21

Hi Ernie this is the script what I want to place in the Markup element, but when I insert the element the sendform action doesn’t work anymore.

Besides this I have the css wich I have to place somewere.
Is it possible on the same page more then one css, and what is the best way?

Thx

<!doctype html>

	<div class="accordion vertical">
	  <section id="vertabout">
	      <h2><a href="#vertabout">About Us</a></h2>
	      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed. Maecenas elit quam, egestas eget placerat non, fringilla vel eros. Nam vehicula elementum nulla sed consequat. Phasellus eu erat enim. Praesent at magna non massa dapibus scelerisque in eu lorem.</p>
	  </section>
	  <section id="vertservices">
	      <h2><a href="#vertservices">Services</a></h2>
	      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed. Maecenas elit quam, egestas eget placerat non, fringilla vel eros. Nam vehicula elementum nulla sed consequat. Phasellus eu erat enim. Praesent at magna non massa dapibus scelerisque in eu lorem.</p>
	  </section>
	  <section id="vertblog">
	      <h2><a href="#vertblog">Blog</a></h2>
	      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed. Maecenas elit quam, egestas eget placerat non, fringilla vel eros. Nam vehicula elementum nulla sed consequat. Phasellus eu erat enim. Praesent at magna non massa dapibus scelerisque in eu lorem.</p>
	  </section>
	  <section id="vertportfolio">
	      <h2><a href="#vertportfolio">Portfolio</a></h2>
	      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed. Maecenas elit quam, egestas eget placerat non, fringilla vel eros. Nam vehicula elementum nulla sed consequat. Phasellus eu erat enim. Praesent at magna non massa dapibus scelerisque in eu lorem.</p>
	  </section>
	  <section id="vertcontact">
	      <h2><a href="#vertcontact">Contact</a></h2>
	      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lobortis massa. Nunc viverra velit leo, sit amet elementum mi. Fusce posuere nunc a mi tempus malesuada. Curabitur facilisis rhoncus eros eget placerat. Aliquam semper mauris sit amet justo tempor nec lacinia magna molestie. Etiam placerat congue dolor vitae adipiscing. Aliquam ac erat lorem, ut iaculis justo. Etiam mattis dignissim gravida. Aliquam nec justo ante, non semper mi. Nulla consectetur interdum massa, vel porta enim vulputate sed. Maecenas elit quam, egestas eget placerat non, fringilla vel eros. Nam vehicula elementum nulla sed consequat. Phasellus eu erat enim. Praesent at magna non massa dapibus scelerisque in eu lorem.</p>
	  </section>
	</div>
</body>

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

22

Hi Erik,

First, thank you for the code.

Second, it is probably not a good idea to send this much code through the
forum. I guarantee there are somewhere many FWP users who get FreewayTalk
forum discussions through their email, and they will not like having all
this code in their inbox. The best way to deal with code snips like this
are to use a service like Pastie ( http://pastie.org/ ) or email me
directly.

Your code has all the elements of a complete webpage (html, head, body)
which FWP automatically creates for you – so you are ending up with a
Frankenstein with two heads… no wonder it is breaking things! You should
strip them out of this code until you only have what you need… here, I have
done it for you, ( http://pastie.org/private/ngvsxl6en15uhdggqxq ) but you
really need to learn how to understand html/css code so you don’t make
these kind of mistakes. :slight_smile:

–
Ernie Simpson, aka The Big Erns

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

23

Hi Ernie,

First of all thx for your great support,
and yes you are right, I have to learn this kind of stuff!

In the new code you generate I see no link to the particular Css it belong to the code, how does this work?

Or is it better to create these styles in the excisting css?

I thought to create a second css for the markup element?

Not a good idea?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

24

Ah, sorry - I forgot to address the link.

Here is how I would do it:

Step 1: Use the excellent Upload Stuff action by Tim Plumb to upload a copy
of the accordion.css file to the “HTML Location”. If you don’t have the
Upload Stuff action, get it here (
FreewayActions.com | Upload Stuff )

Step 2: Go to menu Page > Markup and choose the “before /head” section,
then paste the following code in:

  <link rel="stylesheet" href="accordion.css" />

Step 3: Victory dance.

–
Ernie Simpson

On Tue, Aug 20, 2013 at 8:39 AM, Erik email@hidden wrote:

Hi Ernie,

First of all thx for your great support,
and yes you are right, I have to learn this kind of stuff!

In the new code you generate I see no link to the particular Css it belong
to the code, how does this work?

Or is it better to create these styles in the excisting css?

I thought to create a second css for the markup element?

Not a good idea?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

25

Yes, that should work.

Walter

On Aug 20, 2013, at 6:33 AM, Erik wrote:

Thx,

Not finished yet :slight_smile:

In segment FAQ I import a Markup element (html script of accordion) it uses a different style sheet in the same page
can I use the action"external style sheet" for this?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

26

I almost dance Ernie,

It looks good, but the accordion doesn’t open?

Erik

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

27

Have you defined the path to the css file correctly?

Richard

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

28

Hi Richard,

were can I define it?

upload it whit upload stuff and followed step 2 like Ernie described?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

29

Stupid me … Ernie already pointed out that the CSS file could be uploaded to the HTML location, so it already is in the same folder as the HTML file itself. So the reference is correct …

<link rel="stylesheet" href="accordion.css" />

:smiley:

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

30

Hey Walter,

It seems that the problem with Erik’s accordion may have something to do
with the scrolling code – I think you have a smooth scroll action and an
accordion action… would those conflict?

I’m advising him to simplify things first – I’m afraid he’s taking really
big bites and even I am getting confused trying to track it all down.

–
E

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

31

My SmoothScroll and ScriptyAccordion Actions get along just fine with one another.

Walter

On Aug 20, 2013, at 11:37 AM, Ernie Simpson wrote:

Hey Walter,

It seems that the problem with Erik’s accordion may have something to do
with the scrolling code – I think you have a smooth scroll action and an
accordion action… would those conflict?

I’m advising him to simplify things first – I’m afraid he’s taking really
big bites and even I am getting confused trying to track it all down.

–
E

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options