Multiply.Design

Home Notes Blog Photos Video Reviews Links

Group's posts with tag: tools

What are tags? You can give your posts a "tag", which is like a keyword. Tags help you find content which has something in common. You can assign as many tags as you wish to each post.
View posts by people in your network with tag tools

Common fonts to all versions of Windows & Mac equivalents

Mar 18, '08 10:18 AM
by Missy for everyone

Link: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

(Browser safe fonts) - Web design tips & tricks

"If you are new to web design, maybe you are thinking: "Why I have to limit to that small set of fonts? I have a large collection of nice fonts in my computer". Well, as seasoned web designers already know, browsers can use only the fonts installed in the same computer, so it means that every visitor of your web page needs to have all the fonts you want to use installed in his/her computer. Of course, different people will have different fonts installed, and thus come the need of a standard set of fonts. Fortunately, CSS allows set several values for the font-family property, which eases the task a bit."

Don't forget to look at the screenshots of how the different font look on different browsers and operating systems

Tags: missy a, fonts, tools

15 comments share

kuler from Adobe - Explore, create and share color themes

Mar 16, '08 12:56 AM
by Lara for everyone

Link: http://kuler.adobe.com/

Some really pretty themes in here, with colors you can just eat. :)

Tags: color, tools

7 comments share

CamStudio - Free Screen Recording Software

Mar 7, '08 12:37 AM
by J' for everyone

Link: http://camstudio.org/

They recommended this at "Meeze" to make mini movies with em.. now I think they recommended something else for Mac so I would look into that if you are a MAC user. I thought WHAT a GREAT way to show HOW to do something!!!!
"What is it?

CamStudio is able to record all screen and audio activity on your computer and create industry-standard AVI video files and using its built-in SWF Producer can turn those AVIs into lean, mean, bandwidth-friendly Streaming Flash videos (SWFs)

Here are just a few ways you can use this software:

* You can use it to create demonstration videos for any software program
* Or how about creating a set of videos answering your most frequently asked questions?
* You can create video tutorials for school or college class
* You can use it to record a recurring problem with your computer so you can show technical support people
* You can use it to create video-based information products you can sell
* You can even use it to record new tricks and techniques you discover on your favourite software program, before you forget them"

Yet to play with it myself, but have fun!

Tags: screenshot, tools, tutorial, video

12 comments share

CSS Cheat Sheet

Mar 5, '08 11:36 PM
by Lara for everyone

Link: http://lesliefranke.com/files/reference/csscheatsheet.html

(Nearly) everything you need on one page.

Tags: css codes, css, reference, tools

13 comments share

Clean CSS - Optimize and Format your CSS

Mar 4, '08 3:39 PM
by Lara for everyone

Link: http://www.cleancss.com/

Warning: this would remove those /* helpful snippets of text between the slash and asterisk symbols. */

Related link:
W3C CSS Validator - Points out errors in greater detail.

Tags: tools, css, checking

13 comments share

Groups Customization and HTML table

Mar 3, '08 8:48 AM
by Missy for everyone

Interesting concept

A customized theme on a group page but how you say?
The same way as you put one up on your own page, only you need to be admin of the group.
Only admin can change a groups theme.

Click Customize site, the yellow bar will appear which has Custom CSS and choose a theme (same as your own personal page)
You can put on a group what you put on your own page and vice versa

Now a few hints on placing a Customized theme on your groups page
Firstly most groups don't have a Guestbook (some do and someone else can explain how to put one up on your group) they do of course have replies on Notes and Blogs
These replies need to be easily read, the quotes also need to be read by everyone who uses your group
So say you set up a group for the "older" set of which I'm one then the replies need to be a bit bigger and an easily read color say black on white or as on my own group yellow on brown or black
Same goes for things like links, you are running a group and in a group the members of the group need to be able to find the places to post a new note or read where it says "share" (some of course will never find them no matter how big they are or how much they flash on and off.. its the way some folks are)

Some folks as I said may have trouble finding things so make links or navigation in your group clear ... make things easier for your members .. choose contrasting colours. A group page needs to be set up with the members in mind

Another way to make things easier on your group is to add a search box and a few links to the groups welcome message, now that can get a bit messy and a big long list of links is a bit boring as well and you want your group to be interesting right

Now you've seen Psychotic's post on How To Set Up Private Conversation Blogs
Well you can use that same set of tables to do the same kind of thing I've done here on my group

You want something like that for your own group don't you?
Well here you go this is the code, I've changed it a little so all you need to do is put your groups name in and the other group names in that yours supports
I've left some in for you, the link to Multiply Design has been left in the code
(I've also removed the bananas)

About the Google search you MUST put your group name in the links on it or it wont work, your group must also be search-able by Google (a public group) or the search box again wont work

Don't worry the table won't be brown and yellow links, the text and links will default to your groups colours ( my group has yellow links as default)

<table style="border-collapse: collapse;" id="AutoNumber1" border="1"
bordercolor="#111111" cellspacing="1" width="100%">
<tbody><tr>
 <td colspan="4" width="100%">
 group name supports these 
 groups</td>
</tr>
<tr>

 <td width="25%"><a href="http://usersupport.multiply.com/">
 Multiply User
 Support</a> 
 For User Support</td>
 <td width="25%"><a href="http://CustomizedThemes.multiply.com/">
 Customized
 Themes</a> 
 CSS themes</td>
 <td width="25%"><a href="http://easythemes.multiply.com">Easy Themes</a> 
 No CSS just backgrounds</td>
 <td width="25%">
 <a href="http://multiplydesign.multiply.com/">Multiply Design</a> 
 a place where everyone learns</td>
</tr>
<tr>
 <td width="25%">Another group name here 
 description</td>
 <td width="25%"><a href="http://y360refugees.multiply.com">Yahoo! 360
 Refugees</a> 
 For x 360 Members</td>
 <td width="25%"><a href="http://multiplynewbie.multiply.com">New to Multiply</a> 
 For Newbies</td>
 <td width="25%">Another group name here description</td>
</tr>

<tr>


<td colspan="4" width="100%">
Group Name useful links
 </td>
</tr>
<tr>
 <td width="25%">
 
 <img src="http://images.multiply.com/multiply/icons/clean/16x16/select.png" border="0" height="16" width="16">
 <a target="_blank" href="http://groupname.multiply.com/links/compose">Post a Link
 </a> 
  </td>
 <td width="25%">
 
 <img src="http://images.multiply.com/multiply/icons/clean/16x16/select.png" border="0" height="16" width="16">
 <a target="_blank" href="http://groupname.multiply.com/notes/compose">Post a Note</a> 
  </td>
 <td width="25%">
 
 <img src="http://images.multiply.com/multiply/icons/clean/16x16/select.png" border="0" height="16" width="16">
 <a target="_blank" href="http://groupname.multiply.com/journal/compose">Post a blog
 </a> 
 <a target="_blank" href="http://groupname.multiply.com/journal/compose">(Admin only)</a> 
 </td>
 <td width="25%">
 
 <a target="_blank" href="http://groupname.multiply.com/photos/upload">
 
 <img src="http://images.multiply.com/multiply/icons/clean/16x16/select.png" border="0" height="16" width="16">Post a Photo</a> 
 </td>
</tr>
<tr>

<td colspan="4" width="100%">
Search group name<center>
<form method="get" action="http://www.google.com/search"><input name="ie" value="UTF-8" type="hidden">
<input name="oe" value="UTF-8" type="hidden">
<table style="text-align: center; border-collapse:collapse" bordercolor="#111111" cellpadding="0">
<tbody>
<tr>
<td><a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25wht.gif" alt="Google"
border="0" height="32" width="75"></a></td>
</tr>
<tr>
<td>
<input name="q" size="21" maxlength="255" value="" type="text">
<input name="domains" value="http://yourgroupname.multiply.com"
type="hidden"> 
<input name="sitesearch" value="" type="radio"> web <input name="sitesearch" value="http://yourgroupname.multiply.com/" checked="checked"
type="radio"> yourgroupname 
<input name="btnG" value="Search" type="submit">
</td>
</tr>
</tbody>
</table>
</form>
</center>
</td>
</tr>
</tbody></table>

Of course you can use this same table on your own personal page only remove the use-full links part (post a Note etc.) as only YOU can post those on your own page and yes you can use it for images only or Widgets or thingamabobs what ever you like

Disclaimer: The theme here on Multiply Design is readable, easily navigated, and uses the tricks and tips discussed in the group within. If are looking to revamp your group (or your own page) look to the theme used here. You can learn a lot from what this group has done with its theme.

Tags: html tables, missy a, tips&tricks, group customizing, tools, table, html, navigation, search box, google

8 comments share

Make your text pretty with CSS Type Set

Mar 2, '08 11:41 PM
by Lara for everyone

Link: http://csstypeset.com/

A tool for testing your CSS text formatting. You can view the output and the CSS syntax simultaneously.

Tags: css, text, tools

6 comments share

Create striped backgrounds instantly with Stripe Generator

Mar 2, '08 11:21 PM
by Lara for everyone

Link: http://www.stripegenerator.com/

My favorite tool for making stripes. You can specify everything (color, spacing, gradients), preview full-screen, and download the image file. You can also access their other tools from the site, such as the Tartan Maker, Tabs Generator, and Reflection Maker.

EDIT: Glad you guys enjoyed the links! They've been sitting around my other blog for a while now; glad to know I was able to share this with more people. Got them via graphic design blogs, by the way. Gotta love the internet. :D

Tags: tools, css, backgrounds

8 comments share