Notifications
Clear all

Responsive (grid) Skin

8 Posts
3 Users
0 Reactions
5,105 Views
Nadia
(@nadia)
Posts: 255
Reputable Member
Topic starter
 

Skin name: Responsive
Download: here
Live preview: Demo

This skin will work on all devices as long as you follow my instruction on the readme.txt you'll find within the zip. This is the first flexible (responsive) skin for efiction as far as I know.

I used SimpleGrid for the base layout.

If you have any questions. Just ask.

Otherwise, enjoy!


My Hub TrekNation | World of X | Arda Fanfiction

 
Posted : 01/02/2014 6:55 am
(@babaca)
Posts: 722
Member Moderator
 

That looks really nice.


******************************************
Mucking around in eFiction since circa 2001 (ver. 1.0)
Now running v.3

 
Posted : 03/02/2014 4:52 pm
Nadia
(@nadia)
Posts: 255
Reputable Member
Topic starter
 

Thank you. πŸ™‚


My Hub TrekNation | World of X | Arda Fanfiction

 
Posted : 05/02/2014 3:20 pm
(@babaca)
Posts: 722
Member Moderator
 

Nadia,

I do have a question though... in your Readme you state:

It is important and inevitable that you overwrite the header.php in the main folder
and the characters.php in the /admin/ folder. Without overwriting the header.php the
responsive theme won't response to tablets or mobile phones. I had to tweak the metatags
a bit and add another css file for the grids.
The characters.php did close 1 div too much, so it ruined the whole layout once you
wanted to add another character to your list.

What parts of the header and charater. phps do I overwrite?


******************************************
Mucking around in eFiction since circa 2001 (ver. 1.0)
Now running v.3

 
Posted : 05/02/2014 5:04 pm
Nadia
(@nadia)
Posts: 255
Reputable Member
Topic starter
 

I deleted one of the closing divs in the characters.php. Don't remember which one. It did take some time to find it though.

On the header.php I had to add another css and one meta tag. That's all.
I've added

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

on line 219 and the additional css file on line 400.


My Hub TrekNation | World of X | Arda Fanfiction

 
Posted : 06/02/2014 3:57 am
(@babaca)
Posts: 722
Member Moderator
 

Thank you. I'll play with the layout this weekend.


******************************************
Mucking around in eFiction since circa 2001 (ver. 1.0)
Now running v.3

 
Posted : 06/02/2014 5:14 pm
(@muhkuh)
Posts: 27
Eminent Member
 

Is it possible to have a reupload please?  😳


 
Posted : 02/01/2015 10:11 pm
Nadia
(@nadia)
Posts: 255
Reputable Member
Topic starter
 

It's reuploaded.


My Hub TrekNation | World of X | Arda Fanfiction

 
Posted : 20/02/2015 4:30 am
Share: