Information
- Designer
- caljrimmer
- Date
- April 5, 2006
- Likes
- 2
- Downloads
- 68,166
- Views
- 59,895
Designer Notes
Nice Design with stretching horizontal border. Also incorporates a great javascript free thumbnail enlarger. xHTML and CSS.
Design Comments
caljrimmer
Thanks Frank.
The water was just a finishing touch.
I have been wanting to make a design for a while that can repeated horizontally without being (very) visable. A bit of photoshop blurring et al.
Anyways keep up the top job with the site. Everyone appreciates it - designers get backlinks, noobs get a place to learn and visitors gets free templates.
Cal.
jasperguy
Great looking clean site, I like the navigation floating pass the header area.
How come the hover example works in IE in your own site, and not on this template?
caljrimmer
If you mean the thumbnail enlarged - then I am not sure.
To be honest I haven't got it working in IE to my knowledge (btw it is possible but I gave up after an hour or too of fiddling).
Perhaps someone can get it to do the business and I will plonk a credit on the template.
Cal.
ReieMeieR
How come the hover example works in IE in your own site, and not on this template?
Just put into stylesheet.css the following IE-Hack, relax, and have fun ;-)
/* =Internet Explorer Hacks
* html .hoverbox a
{
position: relative;
}
* html .hoverbox a:hover
{
font-size: 99.99%;
z-index: 1;
}
* html .hoverbox a:hover .preview
{
top: -38px;
left: -50px;
}
* html .hoverbox li
{
position: static;
}
rja
Hi,
I loved this design. So I decided to port it into a Blogger template. You can take a look at it, at http://cityinpaint.blogspot.com
It would be nice to know if there are any license limitations with respect to how I can distribute the template.
caljrimmer
Hi RJA,
You can do whatever you like with the template. You can credit yourself for the port to blogger but a link back to me would be nice but not essential.
Best regards
dmchale
like the look and feel of this design, but when viewed full-screen on my monitor (running on a 20" widescreen, 1680px across in my resolution) you get very interesting results. All of the lower content actually gets thrown to the upper right of the browser window... if you like I can send you a screen capture but let's just say it isn't quite visually appealing, hehe.
Other than that issue, very nice work :)
GozaSC
Great design, but it breaks on 1920x1200 resolutions. The menu and context all shift way to the right and to the top.
kayehousingconcept
Is their a way a complete moron like me could use this page instead of the templates dot5 lets me choose from? I am a building contractor & like the city look.
I want to put pics of the houses on the front page.
I want to have an about us page with contact us on it.
Nothing complicated but I don't understand when I download what winrar is :(
webhowell
Hi Cal,
As a newbie to CMS (I have worked in standard web software for years Dreamweaver/FP etc)I would like to know if I could replace your city photo. I am using Drupal for my school's new website and have searched through literally thousands of themes and this one is truly the best! I am very experienced in PhotoShop. If I were to take a wide angle or fisheye pix of my high school and fade the bottom out to navy, how difficult is it to change the image and leave everything else as long as the photo was sized to match yours? Thanks for taking the time to answer.
jre401k
I Live in Chicago, IL USA. This is just what I was looking for. Great color and flexible content!
Thanks
justinoday
you can fix the issue with positioning for high resolutions if you make sure that the addition of the number of pixels in the #head and #content specifications in the stylesheet add up to a number larger than the horizontal resolution you are trying to support. The easiest is to increase the #content pixel number(i changed it from 840 to 900px ). There may be a more elegant solution, but this worked for me.... Thanks for the great template
justinoday
one other thing. You can fix the hoverbox functionality, by downloading the latest hoverbox code at: http://sonspring.com/journal/hoverbox-image-gallery
the new version has an ie_fixes.css, which appears to resolve the issue with overlapping thumbnails.
tarkans
Hi there,
Nice work dude. You did the main thing (the idea) the rest is detail... ;)
bug
I have a 1680x1050 screen and if you stretch the window all the way, the side bar becomes two, one just past the 'City in Paint' title with nav and below, with content to its right and one where it already was with above nav stuff.
skettino
Great work! I like how you faded the water into the design.