Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
[SOLVED] Foundation 5 framework and textpattern ?
My Traveller web site is getting large. With less than 500 game planet maps, site navigation is becoming more like a taken apart jigsaw picture puzzle with missing parts.
I think Foundation 5 might solve my site navigation menu problems…
Or do you have a different idea ?
Thanks !
Last edited by JimJoe (2013-11-29 22:04:26)
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
Oops. Foundation 5 is html and css. I would rather do my sites in php.
Sorry, never mind.
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
hi Jim,
Foundation is a framework which could easily be applied on txp if you adjust your templates (in the pages tab), forms and css. It’s actually a very good idea to use it.
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
I glanced at it. I’ll look over the html and css and see if I can follow it.
I have a new CSS3 and a new php 5.3 books, I might be dangerous for myself. :-)
I sigh for the days of green bar paper, and the ability to print out the entire thing… and draw lines showing the nested parts. Easier to follow that way.
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
I’m getting to know Foundation 5 after making a decision to move away from Bootstrap 3. It’s good.
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
I found a nice li ul div mouse hoover menu. The buttons could be good to.
Large rectangular button, sector map link, rounded ends button sub-sector map link. red attention button for planet pages.
I think I need more sleep…
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
Well, I’ll look Foundation over… but the documentation seems rather lacking. I’ll move on to other posts if I need to make one.
Thanks !
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
JimJoe wrote:
Well, I’ll look Foundation over… but the documentation seems rather lacking. I’ll move on to other posts if I need to make one.
If you’re taking your first steps into a CSS framework, you could try Bootstrap first – it’s very approachable and well-documented. Foundation 5 is newer than Bootstrap 3 (F5 has been released for days, BS3 for months), so documentation will improve for it.
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
I’ll look it over. It and foundation talk about installing it. I presume that is for my home computer.
Otherwise I’ll just upload the files I need.
Or did I miss something ?
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
Bootstrap is only worth using if you’re happy to stick very closely to their original design, it’s a pain in the butt to restyle due to it’s complex CSS specificity.
If I was looking for a third-party framework, I’d always choose Foundation over Bootstrap, personally.
You can just simply use the pre-built CSS/JavaScript files along with your own HTML templates – with Textpattern tags sprinkled in – or use the framework as the base for a more advanced project (which would reply on installing it along with it’s build scripts and dependencies and suchlike). I suggest the former if you just want a simple site using their style.
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
JimJoe wrote:
I’ll look it over. It and foundation talk about installing it. I presume that is for my home computer.
Otherwise I’ll just upload the files I need.
Or did I miss something ?
Technically, there’s nothing you really need to install to your own computer, especially if it’s connected to the Internet when you’re developing. Think of Foundation as a bunch of CSS and Javascript that changes the appearance and functionality of your site, but at the same time you’re still using Textpattern tags and other HTML.
I’m building a Foundation 5 boilerplate for Textpattern at the moment with a view to using it as the jump-off when I make sites/themes. This is what I have so far (it’s still being worked on and needs updating):
<txp:rah_replace from=" ,
" to="">
<txp:hide>
********************************************************************************
Site: txp-bp
Name: default & error_default
Type: page
Info: Same template for main page layout and error page
********************************************************************************
</txp:hide>
<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>
<txp:if_article_list>
<txp:if_section name=",default">
<txp:if_status status="200">
<txp:if_search>
Search results: '<txp:search_term />'
<txp:else />
<txp:if_category>
<txp:category title="1" />
<txp:else />
Home
</txp:if_category>
</txp:if_search>
</txp:if_status>
<txp:if_status status="404">
Not found
</txp:if_status>
<txp:else />
<txp:section title="1" />
</txp:if_section>
</txp:if_article_list>
<txp:if_individual_article>
<txp:title />
</txp:if_individual_article>
· <txp:site_name />
</title>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.0.0/css/normalize.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.0.0/css/foundation.min.css">
<meta name="author" content="John Doe" />
<txp:if_article_list>
<txp:if_section name=",default">
<txp:if_search>
<meta name="description" content="Search results: '<txp:search_term />' at <txp:site_name />" />
<txp:else />
<txp:if_category>
<meta name="description" content="<txp:category title='1' /> at <txp:site_name />" />
<txp:else />
<meta name="description" content="Home page of <txp:site_name />" />
</txp:if_category>
</txp:if_search>
<txp:else />
<meta name="description" content="<txp:section title='1' /> at <txp:site_name />" />
</txp:if_section>
</txp:if_article_list>
<txp:if_individual_article>
<txp:if_excerpt>
<meta name="description" content="<txp:excerpt />" />
</txp:if_excerpt>
</txp:if_individual_article>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<txp:if_article_list>
<txp:if_section name=",default">
<txp:if_status status="200">
<txp:if_search>
is search results
<txp:else />
<txp:if_category>
is category
<txp:else />
<p>is homepage</p>
</txp:if_category>
</txp:if_search>
</txp:if_status>
<txp:if_status status="404">
is 404
</txp:if_status>
<txp:else />
is article list
</txp:if_section>
</txp:if_article_list>
<txp:if_individual_article>
is individual article
</txp:if_individual_article>
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.0.0/js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
</body>
</html>
<txp:hide>
********************************************************************************
Site: txp-bp
Name: default & error_default
Type: page
Info: Same template for main page layout and error page
********************************************************************************
</txp:hide>
</txp:rah_replace>Note that the CSS files and Javascript files are loaded from the Cloudflare CDN, not my own site or my home computer. I can add whatever body copy, forms and suchlike that I want, but the style is set by Foundation. When I need extra things like a navbar, tooltips of whatever, I can add in the specific Foundation-supplied Javascript and get busy.
Also not that I’m not an expert on Foundation. I started with Bootstrap as my first framework, got burned on version 3 and have decided to migrate to Foundation now I understand what a framework does. Learn by doing, and all that.
Offline
Re: [SOLVED] Foundation 5 framework and textpattern ?
gaekwad wrote:
I’m building a Foundation 5 boilerplate for Textpattern at the moment with a view to using it as the jump-off when I make sites/themes. This is what I have so far (it’s still being worked on and needs updating):
Heh, you beat me to it, I just started a GitHub repo to do just that!
Offline