A CSS3 404 Error Page for your Codeigniter Application

How would this look ?

CSS3 404 Error Page for Codeigniter

Instead of the boring

Boring Codeigniter Error Page

Want the Code ? There you go ! Just paste the  code in your application/errors/error404.php.

 

There’s CSS3 Drop Shadow, Text Shadow and Gradient. Nowadays people are using latest browsers and it’s likely that people will see the page like the image for most of the popular browsers .

Of course you can use it for any 404 page for any PHP app OR if you like it you can even replace your apache 404 page (hosting specific) with this one [Just remove the php codes from top]

Auto Resize Large Images in Blog Post

I ran into this problem recently and found a good fix. As we make custom CMS, blogs as parts of websites, we frequently use some WYSIWYG editors like TINYMCE. Now when you enable people to post contents along with image urls, people may enter an image url which possibly is much larger than the available width we have in the page layout. Perhaps most of the images may become larger as we would only get around 650px of width when we are using 960px standard layout with some sort of sidebars.

So the user’s posted image in the blog post may overflow the layout. What to do then ??

1. We want to keep the image within the available width (may be 600px).

2. We also want to keep the aspect ratio intact so that the dimension doesn’t get messed up.

After googling in some pages I had to combine the CSS solution which works for most of the modern browsers (certainly not IE6).

So here’s the neat solution totally in CSS.

 

The above snippet assumes that your ID for the container (i.e DIV) is post_view. I’d discourage using class here because ID has a higher order of preference when it comes to override CSS rules.

So, all the image who exceeds the width of 620px will be automatically resized to 620px. Images below 620px will not be affected at all. The height: auto !important; will keep the aspect ratio of the image to the original ratio.

 

 

Compatibility:

Firefox 3

Opera 10

IE 7 (I don’t care if it works in IE 6 or not)

Chrome

Safari 4 (win) [ Don’t know about Mac cuz i don’t have any :( ]

EXAMPLE :

example image

9 cool css headers i frequently use

CSS, CSS and CSS, that’s what you should know well to even judge some designs. I’m basically a programmer but I think i can do some kick ass designs too. From the very beginning of web development, i learned both Web programming and designing. There used be a tool called "Top Style Lite". It’s still there btw. I used to use that to do tests with CSS properties of HTML elements. It’s long ago may be around 2000-2001. But in recent years, especially from 2006, we see a boom in web trends. The Web 2.0 thing where css is extensively used to make appealing pages. It doesn’t get better on your concept if you don’t keep browsing better styled sites. From last year, smashingmagazine.com has been a really cool site to bring up the state of the art collection of tools for web developers. Things are pretty available these days. Wish it was there 5-6 years back!!

Anyways, using a good header will completely change the looks of your page especially some pages like your blog. And choosing cool headers is always a dilemma, at least to me. So i keep playing the css properties and look how they can be improved. Of course i get inspired from many sites. But i have my own style gallery of headers which i normally use. Take a look at this.

fav_headers

This is one of the gallery of headers i most commonly use in web apps. Although i’m not in charge of designs in the company i work, i try to influence when i see it can look better. These headers use most common fonts which are generally available in operating systems. You can take the file  if you like. Hope it helps some people :) 

I’ll write a post about my favorite picks on content text styles later. 

Partners Section:

depfile password Depfile Premium Account Depfile Premium Depfile Premium Account Depfile Premium Depfile Premium Account Depfile Premium Account dep file Dep file dep file dep file dep file dep file Depfile Premium Account Depfile Premium yify torrent empire torrent yify vikings season 4 auto clicker autoclicker slender the eight pages he gift torrent walking dead torrent the walking dead torrent fl studio 12 torrent