WebMaster & interface design

When I was a kid, I was a compulsive painter of punched eyes, missing teeth and bloody scars on almost every magazine or newspaper photo I found.

Time passed by and I didn’t become a special effects makeup artist like Tom Savini or Rick Baker, but I still enjoy a nice horror movie with some decent gore and splatter effects.

Lately I’ve been noticing that many Photoshop artists are mastering the horror makeup techniques and believed that it was time to gather a nice (er, sort of…) list of Photoshop tutorials filled with gore, splatter and blood. Some previews have been blocked just because the final effect was too explicit. Have some fun with your photos, but don’t scare your kid brother too much, please.

Horror, blood and gore effects tutorials

Click on each image to read the tutorial

With great power comes great responsibility” is the tag line at this digital testament to the pitfalls of Photoshop magic gone awry. Take a look at this example for a taste of what’s in-store for the design geek in us all:

Hat tip to Coudal Partners.

Sometimes it’s just like searching for a needle in a haystack: if you’ve ever googled for free and quality Wordpress Themes, you know exactly what we’re talking about. Most designers love to create Wordpress themes, so they can demonstrate the quality of their work and add some fresh works to their portfolios.

However, most Wordpress themes are either used too often (Kubrick theme, now K2, is definitely overused) or just have nothing to offer - particularly, if you are looking for a free, impressive and professional design. However, sometimes search is worth it. In the gallery below you’ll find 83 free Wordpress Themes you probably haven’t seen yet. All themes offer quality, elegance and a user-friendly interface.

Read the rest of this entry »

toosl you need

intall wordpress on your server

Notepad ( edit text and code)

xhtmlized , css development and xhtml development  need good if not good you can’t fix code

what file you need edit

index.php template file in your Theme’s directory

header.php and footer.php. The Template Tags that include them look like this:

<?php get_header(); ?> <?php get_footer(); ?>

sidebar.phpIt can be included in your index.php

template file with the following template tag

<?php get_sidebar(); ?>

 

The following template files are typical for the main template

(index.php) of a WordPress site:

header.phptheloop.php (The Content)  wp-comments.php

sidebar.php

searchform.php

footer.php
Perhaps your design does not need a footer

this is only basic tutorials no include Special Template

good luck to all

Looking for free weather icons? Here are some I’ve rounded up for you on All Your Web are Blog to Us.
Read the rest of this entry »

Grid based designs is more popular and hot in the internet. A basic well designed grid systems layout can make your designs not only more beautiful and legible, but more usable. A grid is made up of vertical and horizontal lines and is the foundation of nearly every type of visual media. The structure is there to shape the content into proportions that are pleasing to the eye. Below is the top 30 weblogs with grid based designs. Besides, i also searched some tutorials about grid designs for you to further reading.

Read the rest of this entry »

One of the major drawbacks of SharePoint themes is you have to reapply the theme to any site that uses your custom theme in order to see any new changes that you have made.  This happens because when you apply a theme to a SharePoint site, a copy of the theme is added for the site in the content database. 

Try it out, open a test site in SharePoint Designer and look at the folder structure in the Folder List task pane.  If you have already applied a theme to this site, you will see a _theme folder. If you have not applied a theme to this site, then this folder will not appear.  Expand the folder and you will see a single sub folder named the same as your theme.  Now go and change the theme the site uses through a browser.  Return to SharePoint Designer and hit F5 to refresh the Folder List.   The _theme folder will appear if you didn’t have a theme applied the first time, and the sub folder under this directory will change to reflect the theme you just applied.

When you make a change to the theme files on the web server, it does not update any copies of the theme that live in the content database.  When you apply a new theme in the browser, it replaces the copy in the content database with a new theme.  That is why you have to physically reapply a theme when you make changes, you have to replace the theme copy in the content database.

From a development perspective, the theme copy in the content database is rather handy.  If you update any of the files in the content database (by changing the CSS files in SharePoint Designer and importing in new images), the changes automatically appear in the browser. Woo-hoo! This just made life easier when it comes to developing themes.

But after you finish up development, you are stuck back with the problem of how to update your theme in the future, especially if it is applied to several sites.  This is where this trick comes in.

Import CSS to Create Editable Themes

Create a copy of the final theme.css file and store it in another location on the web server, such as:
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\STYLES\YOURCUSTOMFOLDERHERE
You can even rename the file, it no longer needs to be named theme.css.

Open the original theme.css file in the custom theme folder, delete out all of the contents, and add an import rule for your new CSS file:
@import “/_layouts/1033/styles/YOURCUSTOMFOLDERHERE/theme.css”;

Save the file and deploy your theme (add text to SPTHEMES.xml and reset IIS).   Apply your new theme to the site.  Now go to the new CSS file in the Styles folder and make a change.   Refresh your browser.  Your change will appear.  That is cool.

By moving around your files and using the import rule  you can create a theme that you can update without reapplying the theme to every site that uses it.  Be sure to update your image paths in your CSS styles to a location where you can edit the images as well, such as:
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\IMAGES\YOURCUSTOMFOLDERHERE 

Below are a couple of screen shots for the end result of this method.

View of the file structure on the web server

View of the theme folder and the theme.css file that is still in the theme folder