- 0
Website theme/skinning tutorial
-
Recently Browsing 0 members
- No registered users viewing this page.
-
Posts
-
By Tuskd · Posted
The Start menu is a defining UI element that made Windows, well, Windows. naturally people will be worked up to any changes it receives. -
By Tuskd · Posted
I believe voice assistants have reached a dead end in terms of usability. You can only do so much with voice. Even Google is sidelining Google Assistant for Gemini. Once you can no longer shoehorn "AI" everywhere, the industry will move on to the next fancy trend try to push voice assistants to use that tech. -
By David Uzondu · Posted
Gemini in Google Sheets can now generate fully editable charts by David Uzondu Back in January, Google introduced a feature in Google Sheets powered by Gemini that lets you ask the AI to create charts from your data. The problem was, these charts were just static pictures, slapped on top of your cells. You could not edit them, and they would not update if your data changed. Now, the company has upgraded the feature so you can edit the charts however you want, plus they stay synced with your data as it changes. The process is quite straightforward. You use the Gemini side panel and just type what you want, like "create a bar chart showing campaign performance by market." Gemini then builds the chart, and when you insert it, the chart appears in a completely new tab within your spreadsheet. From that new home, you have total control. You can change the title, tweak the colors, and adjust all the little details just like any normal chart you would build yourself. It is not a completely perfect system, however. The biggest catch is that the editable chart is linked to the data in that new tab, not your original data source. So if you want the chart to reflect new numbers, you have to update the data in the chart’s dedicated tab. This is a bit of a weird detour from how standard Sheets charts have always worked, where they update directly from the source cells. For certain, more complex chart types, Google also notes that Gemini might still fall back to spitting out a static image, so your mileage may vary. The full rollout began recently, with Google expecting it to reach everyone within one to three days. This update is available for a bunch of Google Workspace accounts, including Business Standard, Business Plus, Enterprise Standard, and Enterprise Plus. It is also included for anyone with a Google One AI Premium plan, which the company has since renamed to Google AI Pro and Ultra. If you are on one of the old Gemini Business or Enterprise add-ons that Google stopped selling back on January 15, 2025, you get this feature too. Just make sure your admin has the "Smart features and personalization" setting turned on, or none of this will work. -
By wotsit · Posted
A rare blunder for Apple, but a significant one. -
By wotsit · Posted
iOS feature updates are lacklustre. I know it’s difficult with a mature OS, but imagine the announcements without Liquid Glass. Pretty thin.
-
-
Recent Achievements
-
IAMFLUXX earned a badge
Week One Done
-
Æhund earned a badge
One Month Later
-
CoolRaoul earned a badge
One Month Later
-
Kurotama earned a badge
First Post
-
Carltonbar earned a badge
Collaborator
-
-
Popular Contributors
-
Tell a friend
Question
Linkin_cs
I've written a tutorial for neowinians on how to create a theme-supported website in PHP:
? This guide will teach you how to quickly develop a theme supported website.
? This guide will teach you how to quickly create hundreds of themes within minutes.
? Itnot t teach you how to make a complex template based website such as drupal.
You need:
? PHP with Apache
? Adobe Photoshop
? Text editor, I prefer InType (freeware,for now anyway)
The idea is that there will a file called ?gui.php? which will contain two functions:
Makeheader($title) //This function will create the top part of the web page, and adding a title
Makefooter () //This will create the bottom part of the web page
Then include the gui.php in any php file you would like to ?theme? e.g.
? Index.php file content:
<? include( 'gui.php' ); makeheader("Home"); echo "Welcome"; makefooter(); ?>
Pretty simple isn?t it?
Now let?s create the basic elements of the header and footer.
Start new photoshop file, as shown.
Select the rounded rectangle tool
Select a style
Draw the header
Draw the footer
You now have a header and footer, try aligning them and make sure they have the same width for consistency.
Select the slice tool
Slice the left corner and a small part of the center (the center part will repeat itself in the browser)
Slice the right corner
Do the same for the footer part.
We will now export the 6 images into a folder called images, inside the theme folder (fresh_orange)
Rename the images for simplicity
Now back to gui.php, the file simply contains two functions, one to make a header and another to make the footer:
Now to make any file themed, simply include gui.php and call the two functions e.g.:
Our index.php file will look like:
<? include( 'gui.php' ); makeheader("Home"); print <<<end <br /><br /><br /> <div align="center">Welcome to my website</div> <br /><br /><br /> end; makefooter(); ?>
Your website will look like this:
Now lets see how easy it is to create more themes:
Back to photoshop:
Highlight the header and footer layers, and simply choose a style from your list.
Another great looking style
And more, easy to make as few clicks.
After selecting a style, simply do the process again, make a new folder and add the images in the correct path..etc
Tutorial php and photoshop files
Things you can do:
Web 2.0 styles, free,huge and great collection.
http://www.dezinerfolio.com/2007/05/06/ult...0-layer-styles/
Edited by Linkin_csLink to comment
https://www.neowin.net/forum/topic/605621-website-themeskinning-tutorial/Share on other sites
2 answers to this question
Recommended Posts