phplist redesign (css)

Show us your phpList site

phplist redesign (css)

Postby pixelschrubber » 5:44pm, Wed 03 Oct, 2007

Hey There!

Some Time ago I tried to redesign the Admin-Interface of phplist by only editing the CSS File. To some point I suceeded and beautyfied it.

Due to a lack of time I didn't finish the work properly so that the whole thing will look like a mess in IE.

Maybe some css-cowboys are out there who would love to finish it for the community? A lot of people would be thankful, I guess.

Check out the New Design on: pixelschrubber.de/2007/07/28/phplist-redesign/

Ulf
Last edited by pixelschrubber on 2:38pm, Fri 26 Oct, 2007, edited 2 times in total.
pixelschrubber
phpList newbie
 
Posts: 3
Joined: 5:38pm, Wed 03 Oct, 2007

Postby rrjbeans » 11:30pm, Sun 07 Oct, 2007

That's awesome :D

The only thing I don't understand is how do you modify the images or use a new one? When I go into the CSS undophplist.css all I see for images is a long strand of letters. I'm confused :?

I am guessing that the images have been encrypted so we can't steal them? I think that this may be causing the problems with displaying PHPlist correctly in Internet Explorer.
rrjbeans
phpLister
 
Posts: 6
Joined: 11:22pm, Sun 07 Oct, 2007

Image encoding

Postby pixelschrubber » 10:31pm, Mon 08 Oct, 2007

rrjbeans: oh, sorry for not pointing that out. I used a data:URI image encoder. You can find it here: scalora.org/projects/uriencoder/

What it does, is to encode the image into the base64 encoding, so that one can use it in stylesheets. They are not protected, sice you can still see them in the browser and can actually download them.

Internet Explorer has no problems with those images, they are displayed correctly there. It's more the heavy use of CSS2 and CSS3 techniques which IE doesn't fully support.

The Work for someone else would be to create an IE-FIX or hacks so that IE will still correctly show the website.


So wh did I use the Image-Encoding? My goal was to create a phplist-mod with a few files and not much to change for the user.
Last edited by pixelschrubber on 2:39pm, Fri 26 Oct, 2007, edited 1 time in total.
pixelschrubber
phpList newbie
 
Posts: 3
Joined: 5:38pm, Wed 03 Oct, 2007

Postby rrjbeans » 11:54pm, Tue 09 Oct, 2007

Wow, that tool is really neat! I really can never tell with IE- it has all sorts of problems. Well, I'll see what I can do with the CSS I guess.
rrjbeans
phpLister
 
Posts: 6
Joined: 11:22pm, Sun 07 Oct, 2007

Greasemonkey

Postby pixelschrubber » 2:42pm, Fri 26 Oct, 2007

I just had the thought of publishing the CSS as a greasemonkey-script so that anybody who is familiar with the mozilla plugin can have a beautyfied backend. Anybody got experience in this kind of transformation?
pixelschrubber
phpList newbie
 
Posts: 3
Joined: 5:38pm, Wed 03 Oct, 2007

Postby rrjbeans » 10:39pm, Tue 06 Nov, 2007

pixelschrubber- Greasemonkey is an interesting idea except that it would only have an effect for Firefox users. Back up farther on this thread it was said to be a good idea to make your design compatible with IE.

:D I have solved (most of) the IE Dilemma!

The main problem lies with the encoded images. The encoded images used are not recognized by IE 6 or IE 7.

I am still working on modifications, but it will probably take me a while. Also, I am mixing in some other things I think will make PHP list look better for the admin.
rrjbeans
phpLister
 
Posts: 6
Joined: 11:22pm, Sun 07 Oct, 2007

Postby crucial » 5:10am, Fri 07 Dec, 2007

That looks great! How much work was it to do this?
crucial
phpLister
 
Posts: 11
Joined: 7:59am, Thu 29 Nov, 2007

Postby jkanclerz » 8:25pm, Mon 14 Jan, 2008

There still seems to be a few kinks with the design.

- In the send message section, the right hand menu overlaps part of FCK editor.
- If you go to the statistics section, the page does not naturally extend down, so the main sticks out in space.

I've only looked at in FF browser.

Despite the flaws, its an appealing, aesthetic re-design of the Phplist administration end.
jkanclerz
phpLister
 
Posts: 10
Joined: 4:31pm, Mon 15 Oct, 2007
Location: Rochester, NY

Postby BlueThunder82 » 5:22am, Wed 04 Mar, 2009

Does anyone have a copy of the zip file? I'm not able to download it using the above URL. I'd like to see this css change in action.

Cheers
BlueThunder82
phpList newbie
 
Posts: 4
Joined: 5:57am, Fri 02 Mar, 2007

Re: phplist redesign (css)

Postby Demonvox » 2:14am, Sat 07 Mar, 2009

pixelschrubber wrote:Hey There!

Some Time ago I tried to redesign the Admin-Interface of phplist by only editing the CSS File. To some point I suceeded and beautyfied it...


Interesting... 8)
That's a fine combination of simplicity, style and Chinese culture!
Well done! :P
Demonvox
PL Nut
 
Posts: 16
Joined: 3:04am, Fri 06 Mar, 2009
Location: Malaysia


Return to Showcase

Who is online

Users browsing this forum: No registered users and 1 guest