Software development, photography, jokes, ....

noyb-logo

Sites by me

 
sds82-logo
tas-logoTransportation Administration System
snoezelkussen-logo-kleinstSnoezelen Pillows for Dementia
ikzoekeenbegeleider-logoBegeleiders voor gehandicapten
Laat uw hond het jaarlijkse vuurwerk overwinnen
Betuweroute en Kunst
logo 50x50Hey Vos! Je eigen naam@vos.net emailadres?
Kunst in huis? Nicole Karrèr maakt echt bijzonder mooie dingen
nettylogo2Kunst in huis? Netty Franssen maakt ook bijzonder mooie dingen

Hosting Favorites

 
ANU Internet Services
Netim
GoDaddy
XEL Media

Blogroll

 
Bomenstichting
Google Translate
PHP
MySQL
jQuery
jQuery UI
YourHead Stacks API
Favicon Generator.
Password Generator.
Check HTTPS problems



Marc's Place


 

 Aqua Interface Graphics



Here are some simple Aqua-lookalike interface graphics that really lighten-up your FileMeker Pro files.



Buy me a coffee-1

Step 1 - Pattern:


To fill a layout part with an aqua-look pattern do the following:
  1. Select the layout part (head, body or footer) by clicking the part-tab.
  2. Select a fill pattern:

  3. Select a light gray color for the pattern:



Step 2 - Add an Aqua-bar


Next, add a an aqua-like bar to the part as a background image for text-buttons. You can download each bar by saving the image you see here. Each color consists of a bar for the top of your screen (white space at the bottom) and a bar for the bottom of your screen (white space at the top). Each bar has a length of 800 pixels, which you can shorten yourself using Photoshop or so:










Paste the bar on to your layout and choose 'Arrange -> Send to back'. Click on the Texttool and type a title, make it bold text, and position it over the bar. Should look something like this:


Step 3 - Add Aqua-buttons


Instead of using a bar for the bottom part of your screen, you can choose to use buttons. Choose the buttons you need from below.
 60 pixels wide.
 70 pixels wide.
 80 pixels wide.
 90 pixels wide.
 100 pixels wide.
 110 pixels wide.
 120 pixels wide.
Tip: do not scale the buttons in Filemaker because that distorts the pixels at both ends. That's why I created the same button in different sizes:

Paste the button on to your layout and choose 'Arrange -> Send to back'. Click on the 'Text' tool and type a title, make it bold text, give it a dark gray color and position it over the button. Should look something like this:



buy me something-2
© 1997- Marc Vos (and others)   -   Privacy Statement   -    Contact Me

On this website, Google Analytics is used to track visitor statistics. These are anonymised data about the number of visitors, which pages they visit on this site, from which regions they visit, which web browsers they use, etc.. You will also see non-personalised ads via Google AdSense. Cookies from Paddle or Paypal are placed when you click on a 'Buy now!' or 'Donate!' button, and possible cookies from Disqus when you use that system to comment on one or more blogposts.
Privacy Statement