As I looked at the homepage, I thought that we might try to dampen warring colors a bit more. So, I amended the link color so that all the links are the same color basically. Then if we feature something, it might stand out a little more.
I saved both the homepage and the stylesheet with different file names so we could compare.
http://library.austincc.edu/mp4-LibHome-X.php (yesterday)
http://library.austincc.edu/mp4-LibHome-XBB.php (today)
Information exchange about the purpose, philosophy, and design of the Library Website.
30 July 2009
Styling changes made
I made some style changes on some converted pages to a standard style that can be used by everyone. examples:
See the styles that I added to csslayout-page4.css below.
Remember that you can always view the styles pages by putting the url to it in your browser address bar and then using View Source if you can't see it as a web page. (http://library.austincc.edu/scripts/csslayout-page4.css)
Note: I made red styles to fit different occasions. Mostly for title kinds of things, we want to consistently use #800000. However, there are some times when one just wants to make a statement or a phrase plain old red so I made instances of that, too.
If you need for me to add other styles like this, let me know.
................................................
span.Red { color: red;}
span.RedBold { color: red; font-weight: bold;}
.styleRed {color: red;}
.styleRedBold { color: red; font-weight: bold;}
span.Red80 { color: #800000;}
span.RedBold80 { color: #800000; font-weight: bold;}
.styleRed80 {color: #800000;}
.styleRedBold80 { color: #800000; font-weight: bold;}
.indentboth28 {padding-right: 28px; padding-left: 28px;}
hr {color:#ccc; background-color:#ccc;height:.1em; border:1px solid; text-align:left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
#hangright {float: right; margin: 4px 5px 20px 20px;
border: 2px solid #ccc; background-color:#E5ECF4;
padding: 10px 10px 10px 10px ; font-size: 90%;line-height: 1.6em;
}
#hangright h4 {color: #800000;}
See the styles that I added to csslayout-page4.css below.
Remember that you can always view the styles pages by putting the url to it in your browser address bar and then using View Source if you can't see it as a web page. (http://library.austincc.edu/scripts/csslayout-page4.css)
Note: I made red styles to fit different occasions. Mostly for title kinds of things, we want to consistently use #800000. However, there are some times when one just wants to make a statement or a phrase plain old red so I made instances of that, too.
If you need for me to add other styles like this, let me know.
................................................
span.Red { color: red;}
span.RedBold { color: red; font-weight: bold;}
.styleRed {color: red;}
.styleRedBold { color: red; font-weight: bold;}
span.Red80 { color: #800000;}
span.RedBold80 { color: #800000; font-weight: bold;}
.styleRed80 {color: #800000;}
.styleRedBold80 { color: #800000; font-weight: bold;}
.indentboth28 {padding-right: 28px; padding-left: 28px;}
hr {color:#ccc; background-color:#ccc;height:.1em; border:1px solid; text-align:left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
#hangright {float: right; margin: 4px 5px 20px 20px;
border: 2px solid #ccc; background-color:#E5ECF4;
padding: 10px 10px 10px 10px ; font-size: 90%;line-height: 1.6em;
}
#hangright h4 {color: #800000;}
28 July 2009
Styling checks to do
Some styling things to do:
==============================
span.Red { color: red;}
span.RedBold { color: red; font-weight: bold;}
.styleRed {color: red}
.styleRedBold { color: red; font-weight: bold;}
.styleRed80 {color: #800000}
.styleRed80Bold { color: #800000; font-weight: bold;}
=================================
.indentboth28 {padding-right: 28px; padding-left: 28px;}
=================================
Change the instances that Adrian uses her red styles to one of these.
Check for the "indentboth" in all files to see what's where.
Check Teresa's box to amend "hangright" a little. [i.e., Use some of message-box, but keep to original concept for consistency.]
=================================
#message-box {
background: #fff;
padding: 5px 5px 5px 5px;
font-family: helvetica, sans serif; color:#000;
font-size: 11px;
font-weight: normal;
line-height:18px;
text-align:left;
}
#hangright {float: right; margin: 4px 5px 20px 20px;
/* border-top: thin solid silver;border-right: thin ridge silver;border-bottom: 2px groove silver;border-left: thin solid silver; */
border: 1px dotted silver; background-color:#E5ECF4;
padding: 6px 6px 6px 6px; font-size: 90%;line-height: 1.6em;
}
==============================
span.Red { color: red;}
span.RedBold { color: red; font-weight: bold;}
.styleRed {color: red}
.styleRedBold { color: red; font-weight: bold;}
.styleRed80 {color: #800000}
.styleRed80Bold { color: #800000; font-weight: bold;}
=================================
.indentboth28 {padding-right: 28px; padding-left: 28px;}
=================================
Change the instances that Adrian uses her red styles to one of these.
Check for the "indentboth" in all files to see what's where.
Check Teresa's box to amend "hangright" a little. [i.e., Use some of message-box, but keep to original concept for consistency.]
=================================
#message-box {
background: #fff;
padding: 5px 5px 5px 5px;
font-family: helvetica, sans serif; color:#000;
font-size: 11px;
font-weight: normal;
line-height:18px;
text-align:left;
}
#hangright {float: right; margin: 4px 5px 20px 20px;
/* border-top: thin solid silver;border-right: thin ridge silver;border-bottom: 2px groove silver;border-left: thin solid silver; */
border: 1px dotted silver; background-color:#E5ECF4;
padding: 6px 6px 6px 6px; font-size: 90%;line-height: 1.6em;
}
21 July 2009
Latest version Libhome
So as not to have too many warring colors on the page, I've toned it down a little. This may change. Here is the url for this version:
http://library.austincc.edu/mp4-LibHome-box4-bigLTRS.php
http://library.austincc.edu/mp4-LibHome-box4-bigLTRS.php
18 July 2009
Moving on to the rest of the /eresources/ pages
I'll begin/finish the rest of the eresources pages.
-->> Change links to php files
-->> Add engines
- AtoZ.htm -- done >> AtoZ.php (formerly mp4-page4-AtoZ-2.php)
- AtoZ-sans.htm
- ebooks.htm -- done >> ebooks.php (formerly mp4-page4-ebooks-2.php)
- engines.htm
- Findarticles.htm -- done >> findarticles.php (formerly mp4-page3-ERES-x4.php)
- index.htm -- ditto above file is this -- will rename index.php when launch
- OtherLibs.htm
- pubmed-pop.htm [don't need to change]
- searching-tips.htm (linked from engines page)
- searchsite.htm
- SubGen.htm -- done >>SubGen.php (formerly mp4-page4-SubGen-2.php)
-->> Change links to php files
-->> Add engines
Subscribe to:
Posts (Atom)