TalkPHP
 
 
Account Login
Latest Articles
» The basic usage of PHPTAL, a XML/XHTML template library for PHP
» Vulnerable methods and the areas they are commonly trusted in.
» Simple way to protect a form from bot
» The Basics On: How Session Stealing Works
» How to keep your forms from double posting data
Advertisement
Associates
Associates
techtuts Darkmindz
CSS Tutorials Tutorialsphere.com - Free Online Tutorials
Boston PHP SurfnLearn
Reply
 
LinkBack Thread Tools Search this Thread Display Modes
Old 02-16-2008, 05:26 PM   #1 (permalink)
The Frequenter
 
ReSpawN's Avatar
 
Join Date: Nov 2007
Location: Netherlands
Posts: 445
Thanks: 49
ReSpawN is on a distinguished road
Default Splash :: Firma Frans Ernst

Hey all!

I've made a temporarily splash website for my dad's company called Firma Frans Ernst. Not that is only design so far, it will use my own CMS system on a later time but this is as far as I've gotten in 3-4 hours.

Give me your thoughts! Oh yeah, it's dutch so what the button text says is: "Firma Frans Ernst is still under construction. Please come again later on. Our apologies for the inconvenience.".

Thanks,
Mark

/edit
I seriously forgot the send the link, *doh*. Here you go;
Firma Frans Ernst :: FransErnst.com :: Specialist in Vogelvoeders, tuin- en balkonplanten
__________________
"Life is a bitch, take that bitch on a ride"

Last edited by ReSpawN : 02-16-2008 at 06:03 PM.
Send a message via MSN to ReSpawN
ReSpawN is offline  
Reply With Quote
Old 02-16-2008, 05:47 PM   #2 (permalink)
The Contributor
 
Join Date: Sep 2007
Posts: 91
Thanks: 1
Sam Granger is on a distinguished road
Default

Link please :)

ben benieuwd ;)
Sam Granger is offline  
Reply With Quote
Old 02-16-2008, 06:25 PM   #3 (permalink)
The Frequenter
 
ReSpawN's Avatar
 
Join Date: Nov 2007
Location: Netherlands
Posts: 445
Thanks: 49
ReSpawN is on a distinguished road
Default

Sorry mate, just posted it. My bad. I've added some wicked tooltips as well. I couldn't get all the information I wanted into the little space I had. It was either some onMouseOver Javascript or this wicked tooltip. Modified by me of course.
__________________
"Life is a bitch, take that bitch on a ride"
Send a message via MSN to ReSpawN
ReSpawN is offline  
Reply With Quote
Old 02-16-2008, 08:07 PM   #4 (permalink)
The Contributor
 
DeMo's Avatar
 
Join Date: Jan 2008
Location: Brazil
Posts: 77
Thanks: 14
DeMo is on a distinguished road
Default

Impressive dude.
You used mootools for those moving images didn't you? :)
Send a message via ICQ to DeMo Send a message via MSN to DeMo Send a message via Skype™ to DeMo
DeMo is offline  
Reply With Quote
Old 02-16-2008, 08:59 PM   #5 (permalink)
The Frequenter
 
ReSpawN's Avatar
 
Join Date: Nov 2007
Location: Netherlands
Posts: 445
Thanks: 49
ReSpawN is on a distinguished road
Default

Yep, I did. Why invent the wheel twice huh?
__________________
"Life is a bitch, take that bitch on a ride"
Send a message via MSN to ReSpawN
ReSpawN is offline  
Reply With Quote
Old 02-16-2008, 09:05 PM   #6 (permalink)
The Gregarious
Advanced Programmer Top Contributor Good Samaritan 
 
sketchMedia's Avatar
 
Join Date: Oct 2007
Location: Manchester, UK
Posts: 532
Thanks: 26
sketchMedia is on a distinguished road
Default

Quote:
Why invent the wheel twice huh?
absolutely, nice work m8 keep it up.
__________________
sketchMedia is offline  
Reply With Quote
Old 02-16-2008, 09:07 PM   #7 (permalink)
The Frequenter
 
ReSpawN's Avatar
 
Join Date: Nov 2007
Location: Netherlands
Posts: 445
Thanks: 49
ReSpawN is on a distinguished road
Default

Thanks alot your guys, doin' my best huh. Learned a lot from it once again.

Got a good question for you guys tho. Sometimes, when a <link rel...> stylesheet is called uppon, the end of the url to the css is somewhat like this; ...style.css?v=1. How can you make css dynamic like that?
__________________
"Life is a bitch, take that bitch on a ride"
Send a message via MSN to ReSpawN
ReSpawN is offline  
Reply With Quote
Old 02-16-2008, 11:57 PM   #8 (permalink)
The Addict
Upcoming Programmer Top Contributor 
 
Rendair's Avatar
 
Join Date: Nov 2007
Location: UK
Posts: 315
Thanks: 18
Rendair is on a distinguished road
Default

I like the site m8 looks very nice...shame i can't understand what it says
__________________
www.jooney.co.uk - the online portfolio
Send a message via MSN to Rendair
Rendair is offline  
Reply With Quote
Old 02-17-2008, 12:48 PM   #9 (permalink)
The Frequenter
 
ReSpawN's Avatar
 
Join Date: Nov 2007
Location: Netherlands
Posts: 445
Thanks: 49
ReSpawN is on a distinguished road
Default

Dale, the translation is above!
__________________
"Life is a bitch, take that bitch on a ride"
Send a message via MSN to ReSpawN
ReSpawN is offline  
Reply With Quote
Old 02-18-2008, 07:12 PM   #10 (permalink)
The Contributor
 
Join Date: Sep 2007
Posts: 91
Thanks: 1
Sam Granger is on a distinguished road
Default

Quote:
Originally Posted by ReSpawN View Post
Thanks alot your guys, doin' my best huh. Learned a lot from it once again.

Got a good question for you guys tho. Sometimes, when a <link rel...> stylesheet is called uppon, the end of the url to the css is somewhat like this; ...style.css?v=1. How can you make css dynamic like that?
Ok, well, this is how I'd do it. I wrote this code up quickly, haven't been able to test so sorry if it doesn't work!!
style.php - this file checks the requested id and includes the right css file. Code can be editted quite easily, not sure where you want to get css data from but I just include css files from a folder called css. The files I include are style[idhere].css eg style1.css.
PHP Code:
<?php

/**
 * @author Sam Granger
 * @copyright 2008
 */

header ('Content-type: text/css'); // Display page as css file!

$style = (int) $_GET['v']; // Lets make $style sql safe...

// now, you can include your css from sql, php or just include the file you want to. In this example its just a file include

include './css/style'.$style.'.css'// if $style = 1, css file that is loaded would be called style1.css

?>
How, to get the php file to display as a css file, we need to do a mod rewrite using htaccess. So make a .htaccess file with the following:
Code:
<IfModule mod_rewrite.c>

	RewriteEngine on

	RewriteRule ^style.css$ style.php [L]

</IfModule>
Now, in your html include your "css file" in header eg:
HTML Code:
<link rel="stylesheet" href="style.css?v=1" media="screen" type="text/css" />
Sam Granger is offline  
Reply With Quote
Old 02-18-2008, 07:26 PM   #11 (permalink)
Moderateur
RegEx Guru PHP Guru Top Contributor Advanced Programmer 
 
Salathe's Avatar
 
Join Date: Apr 2007
Posts: 753
Thanks: 2
Salathe is on a distinguished road
Default

A common practice is to label the stylesheet URLs with version information simply because the developers can update the file but the old one might still be used by a visitor's browser. To refresh the cache, a new URL is used: the incremented version number included.

That said, if you don't mind the overhead, it can be useful to load stylesheets dynamically like Sam mentioned above.
__________________
Salathe is offline  
Reply With Quote
Old 02-18-2008, 09:04 PM   #12 (permalink)
The Gregarious
Upcoming Programmer Inquisitive 
 
Join Date: Sep 2007
Posts: 748
Thanks: 85
Tanax is on a distinguished road
Default

I strongly like this design..
It's clean, and stylish. Simple, but effectful. This is like.. the best type of designing ways I know! Great work! And those slides are awesome.
Can't see you calling them though in your sourcecode :O

It's in the sitetools.js huh? Did you write the function yourself?
__________________
Tanax is offline  
Reply With Quote
Old 02-18-2008, 09:40 PM   #13 (permalink)
The Frequenter
 
ReSpawN's Avatar
 
Join Date: Nov 2007
Location: Netherlands
Posts: 445
Thanks: 49
ReSpawN is on a distinguished road
Default

Quote:
Originally Posted by Tanax View Post
I strongly like this design..
It's clean, and stylish. Simple, but effectful. This is like.. the best type of designing ways I know! Great work! And those slides are awesome.
Can't see you calling them though in your sourcecode :O

It's in the sitetools.js huh? Did you write the function yourself?
I modified it, but I didn't write it.

Thanks a lot by the way, same goes out to all the rest and especially Sam Granger!
__________________
"Life is a bitch, take that bitch on a ride"
Send a message via MSN to ReSpawN
ReSpawN is offline  
Reply With Quote
Old 02-18-2008, 09:52 PM   #14 (permalink)
The Gregarious
Upcoming Programmer Inquisitive 
 
Join Date: Sep 2007
Posts: 748
Thanks: 85
Tanax is on a distinguished road
Default

Quote:
Originally Posted by ReSpawN View Post
I modified it, but I didn't write it.

Thanks a lot by the way, same goes out to all the rest and especially Sam Granger!
Okey! Which function is it that you make the slide with?
__________________
Tanax is offline  
Reply With Quote
Old 02-18-2008, 10:20 PM   #15 (permalink)
The Contributor
 
Join Date: Sep 2007
Posts: 91
Thanks: 1
Sam Granger is on a distinguished road
Default

mootools demos - Tips for the hovers, for the sliding maybe this: phatfusion : image menu
Sam Granger is offline  
Reply With Quote
Old 02-18-2008, 10:30 PM   #16 (permalink)
The Contributor
 
Join Date: Sep 2007
Posts: 91
Thanks: 1
Sam Granger is on a distinguished road
Default

Quote:
Originally Posted by ReSpawN View Post
I modified it, but I didn't write it.

Thanks a lot by the way, same goes out to all the rest and especially Sam Granger!
Geen enkel probleem :) (No probs for you non dutch speakers )
Sam Granger is offline  
Reply With Quote
Old 02-19-2008, 07:55 AM   #17 (permalink)
The Gregarious
Upcoming Programmer Inquisitive 
 
Join Date: Sep 2007
Posts: 748
Thanks: 85
Tanax is on a distinguished road
Default

Quote:
Originally Posted by Sam Granger View Post
mootools demos - Tips for the hovers, for the sliding maybe this: phatfusion : image menu
Ye, I looked at the phatfusion before

Well, still.. I'm .. overwhelmed by the design
GOsh.. :P Who made the design? If you did it yourself, do you know any place where you can download/buy designs like these?
__________________
Tanax is offline  
Reply With Quote
Old 02-19-2008, 10:38 AM   #18 (permalink)
The Frequenter
 
ReSpawN's Avatar
 
Join Date: Nov 2007
Location: Netherlands
Posts: 445
Thanks: 49
ReSpawN is on a distinguished road
Default

Quote:
Originally Posted by Tanax View Post
Ye, I looked at the phatfusion before

Well, still.. I'm .. overwhelmed by the design
GOsh.. :P Who made the design? If you did it yourself, do you know any place where you can download/buy designs like these?
I made it, it's 100% original and copyrighted to my own company (Mark Ernst Productions) and licensed to Firma Frans Ernst.

I used the Fx.Elements plug in from Mootools and edited it using CSS and xHTML. The design has been made with photoshop since it's on a fixed resolution I do not need it to be 100% vector.

The overlay (divoverlib) has been made as well with the Mootools Sam provided.

It gives me great pleasure that you like the design mate. If you want, I can always make a somewhat similar design for you. Of course, not for free.
__________________
"Life is a bitch, take that bitch on a ride"
Send a message via MSN to ReSpawN
ReSpawN is offline  
Reply With Quote
Old 02-20-2008, 09:34 AM   #19 (permalink)
The Frequenter
Prolific Welcomer Upcoming Programmer 
 
Join Date: Sep 2007
Posts: 356
Thanks: 24
Haris is on a distinguished road
Default

Quote:
Originally Posted by Sam Granger View Post
Ok, well, this is how I'd do it. I wrote this code up quickly, haven't been able to test so sorry if it doesn't work!!
style.php - this file checks the requested id and includes the right css file. Code can be editted quite easily, not sure where you want to get css data from but I just include css files from a folder called css. The files I include are style[idhere].css eg style1.css.
PHP Code:
<?php

/**
 * @author Sam Granger
 * @copyright 2008
 */

header ('Content-type: text/css'); // Display page as css file!

$style = (int) $_GET['v']; // Lets make $style sql safe...

// now, you can include your css from sql, php or just include the file you want to. In this example its just a file include

include './css/style'.$style.'.css'// if $style = 1, css file that is loaded would be called style1.css

?>
How, to get the php file to display as a css file, we need to do a mod rewrite using htaccess. So make a .htaccess file with the following:
Code:
<IfModule mod_rewrite.c>

	RewriteEngine on

	RewriteRule ^style.css$ style.php [L]

</IfModule>
Now, in your html include your "css file" in header eg:
HTML Code:
<link rel="stylesheet" href="style.css?v=1" media="screen" type="text/css" />
Sam, you can directly link to PHP file.

HTML Code:
<link rel="stylesheet" href="style.php?v=1" media="screen" type="text/css" />
The header function on the PHP file makes sure that content is parsed as text/css.

PHP Code:
header ('Content-type: text/css'); // Display page as css file! 
That does it all. You don't need mod_rewrite unless you want to make it all pretty.
__________________
Necessity is the mother of invention.

My blog
Haris is offline  
Reply With Quote
Old 02-20-2008, 03:27 PM   #20 (permalink)
The Contributor
 
Join Date: Sep 2007
Posts: 91
Thanks: 1
Sam Granger is on a distinguished road
Default

Quote:
Originally Posted by Haris View Post
Sam, you can directly link to PHP file.

HTML Code:
<link rel="stylesheet" href="style.php?v=1" media="screen" type="text/css" />
The header function on the PHP file makes sure that content is parsed as text/css.

PHP Code:
header ('Content-type: text/css'); // Display page as css file! 
That does it all. You don't need mod_rewrite unless you want to make it all pretty.
I know, I just wnated to make it pretty for him, since in his example, he mentioned a ".css" file too, basically the php file but made pretty
Sam Granger is offline  
Reply With Quote