Viewing Swimbi - custom menu software
Swimbi - custom menu software
|
User: Gary R. 9 years ago
|
|
|
Hi there all I would like to use an application called Swimbi to create a custom menu on my site. Unfortunately it can only add the created menu to .HTML files. As you are aware, Everweb only has .XML files inside the project folder & only creates .HTML files after publishing either to a folder or directly to Everweb. I can add the custom menu to the .HTML file inside my published folder but then have no way to publish it to Everweb :( HTML snippit has been suggested but I know absolutely nothing about HTML (that's the reason I am using Everweb) and I could not figure out what to "snip" and where to put it. Could someone please offer me a solution to my Catch22 situation ? Thanks for your time :) |
|
|
User: Roddy 9 years ago
|
|
|
EverWeb has a code injection method that can be used on a per page or per site basis. It's just a question of putting everything in the right place! This page explains what code goes where in EverWeb... http://everwebcodebox.com/code/code-insertion.html ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Gary R. 9 years ago
|
|
|
Thanks for your help, unfortunately I know less than zero about HTML :( Here is the code generated by Swimbi...... as you can see it makes reference to "menu files". Where on earth would I find/put those so Everweb will see them to apply the "styles" 1 <!DOCTYPE html> 2- <html> 3 - <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>SWIMBI menu</title> 6 </head> 7• <body> 8 <!-- swimbi code start —> 9 <link rel="stylesheet" type="text/ess" href="menu_files/swimbi.css"/> 10- <dlv id="swimbi"> 11 - <ul> 12 <li><a data-icon-"" href=,'http://">PROFILE</a> 13 - <ul> 14 <llxa data-icon="8i#xF17A;" href="http://">Windows browsers</ax/li> 15 <lixa data-icon="8.#xF179;" hpef="http://">Mac bro«sers</ax/li> 16 <lixa data-icon="" href="http://">Linux browse rs</ax/li> 17 </u> 18 </i> 19 <tixa data-icon="" href=,'http://">APPLICATIDNS</a> 20 • <ul> 21 <lixa dota-icon="8l#xF17A;" href="http://">Windows app</ax/U> 22 <Uxa data-icon="8.#xF179;" hPef="http://">Mac app</ax/li> 23 <li><o data-icon="lA0;" href="http://">Chrome app</ax/li> 24 </u> 25 </i> 26 <lixa data-icon-"" href="products/index.htmV'>PRDDUCTS</a> 27- <ul> 28 <lixa data-icon="8.#xF0A6;" href="products/magnetometers.html%MAGNETOMETERS</ax/U> 29 <lixa data-icon="" href="http://">Si(nllar look and behavior</ax/li> 30 </u> 31 </i> 32 <Uxa data-icon-"་l;" href="services/index.html">SERVICES</a> 33- <ul> 34 <lixo data-icon="8.#xF00A;" href="http://">Multi-level</ax/U> 35 <lixa data-icon="8.#xF0AE;" href="http://">Unlimited nesting</ax/li> 36 <llxa data-icon-"" href="http://">Adaptive</ax/li> 37 </u> 38 </i> 39 <lixa href="news-and-events/index.html">NEWS Samp; EVENTS</a> 40 • <ul> 41 <ll><o href="#">new</ax/li> 42 </u> 43 </i> 44 </ul> 45 <canvasxnoscriptxa href="http://swimbi.com" reWnofollow">A Swimbi ess menu in builder</a> swimbi.com. All Rights Reserved</noscriptx/canvas> 46 </div> 47 <script src="menu_files/swimbi. js"x/script> 48 <!-- swimbi code end --> 49 50 51 </body> 52 </html> 53 |
|
|
User: Roddy 9 years ago
|
|
|
I assume you are going to create the menu on a master page. Drag an HTML snippet onto the page, copy the code from line 10 through line 46, paste it into the snippet and command drag it into the header area. Open the Assets column and drag in the swimbi.css and the swimbi. js. Control click the CSS file in the Assets list, select "copy relative file path" and paste it into this line... <link rel="stylesheet" type="text/ess" href="menu_files/swimbi.css"/> ... to replace menu_files/swimbi.css. Now copy the line of code again, open the Site Publishing Settings page by clicking the website name at the top of the left column in EverWeb and paste the code into the Head Code box. Do the same with the swimbi. js <script src="menu_files/swimbi. js"x/script> to replace this ... menu_files/swimbi. js ... with the relative path from your clipboard. Now copy the whole line and paste it into the Footer Code box in the Site Publishing Settings page. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |