Joomla Bible Study

...components for the glory of God
Welcome, Guest
Please Login or Register.    Lost Password?

Improved and More Consistent CSS
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Improved and More Consistent CSS
#1517
Improved and More Consistent CSS 7 Months, 4 Weeks ago  
I'd like to see each of the display page types rendered in a consistent way with accompanying CSS styles. So perhaps wrap each page type (studies list, teacher list, teacher studies list, series list, series study list etc.) in a named div and then within each page have a header, body and footer (header for titles etc., body for the main listing table, footer for pagination and "back to" links).

Having tried to format my site using the current CSS styles I did notice there is overlap making it difficult to render items as I would like (e.g. the teacher name on the teacher view has the same style and containing elements as the teacher name in the list of teachers).

I recognise this might be a lot of work - but would be worth the effort. Also, to use fewer tables if possible in the HTML!
Jonathan West
Senior Boarder
Posts: 66
graphgraph
User Offline Click here to see the profile of this user
Last Edit: 2009/12/03 11:46 By jwest.
The administrator has disabled public write access.
 
#1520
Re:Improved and More Consistent CSS 7 Months, 4 Weeks ago  
Thanks for the suggestion, Johnathan. I don't suppose you'd like to assist us in that effort? We could sure use the help. If so, contact me directly.

Tom
Tom
Administrator
Posts: 855
graph
User Offline Click here to see the profile of this user
"You shall know the truth and the truth shall set you free." JC
The administrator has disabled public write access.
 
#1523
Re:Improved and More Consistent CSS 7 Months, 4 Weeks ago  
Jonathan,

I think you'll like what we're working on in 6.2.

You can set your own display code. We'll provide a starting suggestion out of the box, but you can throw it away completely and write your own. It's based on templates. So, you can set your teacher page to whatever you'd like.

For example...
Code:


<div class='teacherPage'>
  <div style='float:left;'>{{image}}</div><div><h1>{{teacher}}</h1>{{description}}<HR>{{website}}<BR>{{email}}</div>
</div>



So, instead of turning things on and off with tables, we're using tags.

More as it's developed.
Kyle
Moderator
Posts: 33
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#1525
Re:Improved and More Consistent CSS 7 Months, 4 Weeks ago  
Looks really flexible - be careful not to make it too complicated though!
Jonathan West
Senior Boarder
Posts: 66
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#1526
Re:Improved and More Consistent CSS 7 Months, 4 Weeks ago  
That is the challenge. It needs to be solid out of the box, but customizable.

I envision an area on this site where people can share their templates - with previews - that we can copy, paste and install. We'll also have to figure out a way to have a panic button - where someone can reset to the default if it gets too messed up.

Thanks for the input!
Kyle
Moderator
Posts: 33
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1