Hey gang,
Below is the text version of our ‘How To Modify Indexhibit’ screencast. Also, the pdf version is available here.
How to Modify Indexhibit w/CSS:
This tutorial will show you how to modify your Indexhibit website by creating a new theme and making some simple changes to the CSS. We will focus on three major areas:
- How to create the files necessary for your own Indexhibit theme
- Using Firebug to examine web pages
- Styling your theme by modifying an existing CSS stylesheet
Hey guys,
I have finished by indexhibit theme, now styled and commented. I still think there can be some inprovements with the commenting, but i guess thats the beauty of opensource.
Here is my thread on indexhibit forum
I have applied the theme to my current website and created a page specifically for the theme.
http://www.ednacional.com/indexhibit/index.php?/identity/theme/
Hey All,
I hope you had as much fun reading that title as I did writing it.
Anywho, we are currently working on some technical issues tied to the production of this upcoming blockbuster, but in the meantime below are the tutorial instructions that inspired the film-adaptation. Some quick background on the concept of the tutorial: we’re approaching this from the standpoint of the average type of person who would use Indexhibit. The target audience therefore is individuals who have been able to install and setup an Indexhibit site but would like some direction on how to modify their site’s appearance without having to work with too much code. Here is the pdf version of instructions.
kB
Hi all,
4 am, and I am proud to announce that my plugin has just been submitted to the Indexhibit forum. You can see my thread here.
Here is the link to my zipped plugin file, which contains the css, Mushon’s index.php files, and a **read-me** file (at 4am, this seems like a stroke of genius).
Also, you can see my blog Metaphora here. It is still a work-in-progress, as is everything in life I suppose. There is one thing I’d like to problem solve in class if we have time. Otherwise, I’ll be beginning to add content over break, and make coding tweaks when the spirit moves me.
Signing out for the night, see you guys tomorrow (well…today)
OSD love,
Alexandra
Hi,
Here is my plugin in the works. I added some instructions below. Feedback needed – I’m going to write something to the list now…
/*
LAYOUT: Horizontal Drop-Down Menu
DESCRIPTION: Main exhibit categories are arranged in a horizontal rather than vertical menu. Rolling over each category opens a drop-down list of the individual exhibits contained therein. This plugin also arranges the Post-Nav text and 'Built with Indexhibit' tagline in a footer at the bottom of the page.
INSTALLATION:
1. This plugin will only work with the index.php files developed by Mushon Zer-Aviv. Replace the index.php file at 'ndxz-studio/site/plugin' with _____ , and the index.php file at 'ndxz-studio/site/'yourtheme' (eatock, sample, or whichever template you are using) with _________. These reworked index.php files can be downloaded here......
2. This plugin is meant to replace the #menu{}, #menu ul{} and #content{} selectors in the style.css file of whichever template theme you are using. To install, simply replace the css selectors above with the code below.
*/
.top-section {
margin-top: 2em;
padding-left: 3em;
}
ul.nav {
float: left;
margin-top: 1em;
padding-left: 3em;
width: 100%;
display: block;
position: absolute;
z-index: 1000;
}
ul.nav li {
background-color: #FFFFFF;
list-style: none;
margin-right: .8em;
padding: 0;
width: 14em;
float: left;
border-bottom: 1px solid #E2D9CC;
cursor: default;
}
ul.nav li h3 {
border-bottom: 1px solid #E2D9CC;
padding-bottom: .1em;
}
ul.nav li ul {
border-top: 1px solid #E2D9CC;
display: none;
line-height: 2em;
}
ul.nav li:hover ul {
display: block;
}
.bottom-section {
position:absolute;
z-index: 10;
bottom:0;
width:100%;
padding-left: 14.5em;
}
.built {
position: absolute;
z-index: 10;
bottom: .9em;
width:100%;
padding-left: 3em;
list-style-type: none;
}
#content {
margin: 4em 0 0 3em;
top: 0;
}
Hi all,
Ok, so I am beginning to work on the horizontal menu plugin for indexhibit. You can see its current zygote state here.
What I’m wondering is this: the ‘Copyright’ and ‘About this Site’ are screwing up my layout, and I’m having difficulty selecting these elements individally. These are both things that could be deleted on the Settings page, but they also come already filled in with text when one begins an indexhibit site. As a result, it probably would be best to format these elements in a decent way, to make sure that all presentation possibilities are accounted for, correct? That’s annoying, but I have a feeling that would be best, given that this is a plugin?
Given this, does anyone have any feedback about what would be best in terms of formatting the About this Site (pre-nav text), Copyright (post-nav text), and Built With…? Can one get rid of the Built With thing altogether? It’s styled like the other li’s instead of the section titles, as makes sense given its HTML formatting, but that looks so bad with my layout…
aiaiai, I think I need a break from programming
My brain is starting to explode from this and wordpress combined. I wish I had bigger brain capacity.
Thanks for any help.
OSD kinda sounds like OCD, which makes sense.
Basically I do hope our obsession with open source will not be over with the impending end of the semester, and while there’s only one week left we do have a lot to cover. Next week:
- Wordpress sites
Final presentations of Wordpress sites – prepare to present your work and summarize what you’ve been doing to customize your OS site to your needs.
- OSD – Indexhibit
- Finish your the contribution you made to Indexhibit. (if it’s collaborative, communicate about it through the list)
- Write a post about it in our blog (including links to download or embedded video when necessary)
- Write a post about it in the Indexhibit forum
- Email the discussion list with your link to the Indexhibit forum
- Our Last Class
- Be prepared to give me some constructive feedback towards the next time I teach this class.
- Feel free to bring some treats so we can celebrate the end of this amazing semester
Remember, this is the last week of the class. Initiative in open source is a complicated thing. Ideally, it should not be tied to your academic commitments. In our class it’s a bit of self initiated and directed by me. In this last week I do want you to take the lead. So I want to see some action and be spammed with tons of commits through out the week.
take care, miss you already.
Mushon
Today in class we make plans to get the Indexhibit work done within the next two weeks. Each one of you will comment to this post with a commitment to what you intend to do by next week.
Current options (we can expand this list):
- Write a css plugin
- Write comments for the css code
- Do a screencast of how to install Indexhibit
- Do a screencast of how to use Indexhibit
- Do a screencast of how to modify Indexhibit (maybe using Firebug too)
- Write a post(s) to document our efforts
- Float our user interface and accessibility concerns to the Indexhibit community (on the forums) and follow up the discussion to fix it.
- more…
As the semester is neerly done, and since you guys seem to be much more in control of your Wordpress stuff, I think we should feel safe to swich gears and focus our attention on our OSD project – our class legacy…