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
IRC Channel
IRC Speech Bubble Join the friendly bunch on IRC...
(#TalkPHP on Freenode)

...Also available via a web interface.

See this thread for information on the TalkPHP Free Hugs Initiative™. Subject to availability.
Associates
Associates
CSS Tutorials
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: 460
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

(Dit moest ik editen van Patrick :P)
__________________
"Life is a bitch, take that bitch on a ride"

Last edited by ReSpawN : 12-07-2009 at 01:26 PM.
Send a message via MSN to ReSpawN
ReSpawN is offline  
Reply With Quote
Old 02-16-2008, 05:47 PM   #2 (permalink)
The Acquainted
 
Join Date: Sep 2007
Posts: 126
Thanks: 4
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: 460
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: 460
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 Prestige
Advanced Programmer Top Contributor Good Samaritan 
 
sketchMedia's Avatar
 
Join Date: Oct 2007
Location: Manchester, UK
Posts: 854
Thanks: 32
sketchMedia is on a distinguished road
Default

Quote:
Why invent the wheel twice huh?
absolutely, nice work m8 keep it up.
__________________
mysql> SELECT * FROM `users` WHERE `users`.`clue` > 0;
Empty set (0.00 sec)
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: 460
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: 319
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: 460
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 Acquainted
 
Join Date: Sep 2007
Posts: 126
Thanks: 4
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: 1,393
Thanks: 5
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 Prestige
Upcoming Programmer Inquisitive 
 
Tanax's Avatar
 
Join Date: Sep 2007
Location: Sweden, Stockholm
Posts: 1,080
Thanks: 115
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: 460
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 Prestige
Upcoming Programmer Inquisitive 
 
Tanax's Avatar
 
Join Date: Sep 2007
Location: Sweden, Stockholm
Posts: 1,080
Thanks: 115
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 Acquainted
 
Join Date: Sep 2007
Posts: 126
Thanks: 4
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 Acquainted
 
Join Date: Sep 2007
Posts: 126
Thanks: 4
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 Prestige
Upcoming Programmer Inquisitive 
 
Tanax's Avatar
 
Join Date: Sep 2007
Location: Sweden, Stockholm
Posts: 1,080
Thanks: 115
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: 460
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: 360
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 Acquainted
 
Join Date: Sep 2007
Posts: 126
Thanks: 4
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
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT. The time now is 03:22 PM.

 
     

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Inactive Reminders By Icora Web Design