Using the latest version of efiction and I'm trying to create a responsive theme. However, I seem to be having issues - probably with the javascript (although, I'm not sure as I'm a bit ordinary at this).
Anyway, as there'll only be one theme available for the site, I'm trying to put this in the main header.php:
<link rel="stylesheet" type="text/css" href="'$skindir/layout.css' " media="all">
<link rel="stylesheet" type="text/css" href="'$skindir/framework.css'>"
<link rel="stylesheet" type="text/css" href="'$skindir/navi.css'>"
<link rel="stylesheet" type="text/css" href="'$skindir/homepage.css'>"
<link rel="stylesheet" type="text/css" href="'$skindirs/mediaqueries.css'" media="all">
<script src="'$skindirs/scripts/jquery-1.7.2.min.js'></script>"
<script src="'$skindirs/scripts/jquery-mobilemenu.min.js'></script>"
<script>
$(document).ready(function () {
$('.topnav').mobileMenu({
combine: false,
switchWidth: 600,
prependTo: 'nav#topnav'
});
});
</script>
Note that I have changed the style.css to layout.css.
Sorry I don't have a URL but I'm using MAMP because I have a rubbish internet connection.
My main question would be - is this the right place to call the javascript. I assumed so because it needs to be in the <head> but I'm not really sure now...it doesn't seem to be executing the media queries, that is, resizing gracefully.
Anyway, if something could maybe let me know if this is just bonkers (i.e. I should put it in the theme's header.tpl) or any other suggestion, I would be grateful.
Okay, I got around the stylesheet issue by just whacking them all into the one (thereby ensuring I know the style is loading).
I also added the required javascript to the header.php (rather than try and put it in the theme includes etc) and it all seems to be working okay too.
After struggling with the menu, I've almost cracked it (by editing the blocks/menu/menu.php) but although the code seems to be okay, the menu is not really displaying correctly.
http://yowser.net/index.php (it should look like this example).
Once I've fixed the menu, I've just got to style up the content to make sure that the other columns move correctly on mobile devices etc and it's done.
Just complimenting you on your work here. Nice job so far. Hows it coming along? Tho maybe what I saw was the finished product 3; heh
I am rebuilding efiction! Join us on irc! #efiction at
LOL. I kind of stalled (although it's very close). There was a rumour about a new efiction version/release (wink) and I figured I didn't want to double handle...
I also hit a snag in that if you enter the story without the visual editor, the summary will look different to one that is (e.g. http://yowser.net/viewuser.php?uid=1). That was just one example of the snags I found with all the hardcoding through out the files, it was getting a bit too much to tidy up the styles.
If the new version is a long way off, I guess I could start playing with it again...
I am tackling this issue this weekend, too. I have been wanting to upgrade the script itself, but I am not sure what the status of that is. So, accessibility of the current archive to be viewable and accessible on more devices, including downloading of stories for ereaders is my current project.
I am looking forward to seeing what comes of the new projects, though.
I'm starting again. Using Kickstart CSS. But this time, I'm going to update the original code too. I've given up on the new project and hopefully, will make the existing eFiction able to be easily responsive etc.
Creating a responsive theme isn't that complicated.
You only need a few things.
1) Add this the following code to your meta tags
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
2) Go to http://thisisdallas.github.io/Simple-Grid and snag the grid css and add it to yours.
Wrap whatever you want into the grids. And it's gonna float on any device.
I did it. Not with efiction, because I don't do layouts for efiction anymore. But I used this on my own archive script I'm working on with my hubby for a few weeks now.
It's based on the efiction tables, but everything else is new.
http://dev.campzero.net/tales/
My Hub TrekNation | World of X | Arda Fanfiction
Wow. That's pretty amazing! I'll give it a go.
Thank you!
