Gothic Makeup Tips

June 7th, 2009

The term ‘Gothic’ is associated with dark and gloom. Actually, a group of Eastern Germanic tribes responsible for the destruction of the Western Roman Empire were known as Goths. Later, during the Edwardian era, the Gothic culture was created in literature where the whole concept was given a dark and bleak look. The Gothic culture not only included Gothic architecture and literature but also a unique dressing style. Goths have a particular style of clothing which is rich and stylish. Gothic attire includes corsets, laces, gowns and jackets made of velvet and velor, and are available in a wide variety of colors including black, gray, green, blue, etc. However, no attire is complete without makeup and Gothic makeup is no different.

Gothic makeup constitutes of a very light and pale skin, dark eyes and lips. People generally associate black with goth and believe that black is the only color to be used for Gothic makeup. However, this is not true and Gothic makeup can include other dark colors too. While doing Gothic makeup, it is extremely important to have lots of time and patience. One wrong move can ruin the entire look.

1. Skin Care

The most important thing before starting any makeup is to clean up the face. Gothic makeup is very heavy and may harm the skin if it is applied on an unclean face. Clean your face thoroughly and apply a moisturizer.

2. Foundation

The foundation has to be chosen carefully. As Gothic makeup constitutes of a light skin, you should go for a foundation that is two times lighter than your original skin tone. Applying the foundation properly is also very important. It is necessary that you spread the foundation evenly all over your face, and also on the neck and hands.

3. Eye Makeup

Eyes are the main highlight in Gothic makeup and should be done with utmost care. The eyes should be done in such a way that it accentuates the effect of the whole face. First, one should apply a dark eye shadow using colors like burgundy, deep blue, brown, dark green, purple, etc. Apply the same eye shadow to the lower eye lid and a lighter shade of the same color on the inner corner of the eye.

The eye makeup cannot be complete without applying eyeliner. The most common color used in Gothic makeup is black. You can either use a liquid eyeliner or a dark pencil liner and draw a thin, sharp and straight line to define the shape of your eye. You can also use an eyeliner that is available in colors like white, red, blue, green, purple, etc. If you do not want to go with the conventional style, you can be creative and make a design on your eyes that gives a dramatic effect to your Gothic look. It is also necessary to have well-groomed and neat brows. Darken it with a black eyebrow pencil and do not forget to apply mascara on the upper and lower eyelids.

4. Lip Makeup

The makeup of the lips, just like the eyes should be elaborate. Choose a dark lipstick and a matching lip liner. Carefully outline the lips with the lip liner and fill the inside with lipstick, preferably with a brush. Colors like blood red, burgundy or wine colors are normally used in Gothic makeup. One should never use black color on the lips.

5. Blush

Blush should be avoided in Gothic make up as it would negate the pale effect of the skin. However, there are people who use beige or rouge blush shades to enhance the cheekbones.

It is important to remember that practice is essential for a person to become a master in Gothic makeup. These tips are not specific rules that one has to follow while doing Gothic makeup. But one can definitely experiment with colors and styles, and can be quite innovative to create a Gothic effect.

Javascript Comment Smilies

June 7th, 2009

As you can see in the bottom of this page, smilies can be inserted easyly using Javascript into my comment’s textarea. This only a simple Javascript feature using simple function. Before we start, i recommend you to use these plugins: Smilies Themer. Download and install the plugin.

I consider you already done that. So we go to the next step. Go to your admin panel, and open the Appearance Editor to edit your page. Open/click Comments (comments.php) to edit comment php file. Find this tag:

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">

Put a name of the form so the function will work, it look like this:

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform" name="chat">

Skip it for a while, open notepad or any text aditor the copy this codes:

<div id="smilies" width="90%">
<a href="javascript:DoSmilie(' smilies_code1 ')"><img src="smilies_url1"></a>
<a href="javascript:DoSmilie(' smilies_code2 ')"><img src="smilies_url2"></a>
<a href="javascript:DoSmilie(' smilies_code3 ')"><img src="smilies_url3"></a>
</div>

Legend:

  • red = codes that used for smilies to appear. (ex: ‘ :D ‘ ) This symbol will becomes  when you post a comment.
  • blue = visitor/poster can select the smilies based on the preview.

How to find two of them? Remember you already installing the recomended plugins? Open it from your setting. You’ll see something like this:

smilies_option

Select one of available smilies and click Update Options. Click on the Preview link to preview the selected smilies. You’ll see the popup windows like this:

smilies_preview1

Copy the symbol and insert into the red, then right click at the image preview and copy the image location and paste into the blue. Repeat this step for more smilies.

When you are done in notepad, copy the wole codes, open the comment.php file we skipped before, paste before <textarea> tag.

For the final step, add some javascript to make it work, copy this javascript codes and insert on the bottom or comment.php file.

<script type="text/javascript">
function x(){
return;
}
function DoSmilie(addSmilie, messageDef){
var addSmilie, messageDef, revisedMessage;
var currentMessage = document.chat.comment.value;

if(currentMessage==messageDef){currentMessage='';}
revisedMessage = currentMessage+addSmilie;
document.chat.comment.value=revisedMessage;
document.chat.comment.focus();
return;
}
</script>

What are you waiting for?? Save it quickly and see the live preview.. ;)

Cherry Truffle – Free Premium WordPress Theme

June 1st, 2009

Now im going to share a premium wordpress theme from Elegant WPT. This template’s price was about $19.95 but you can get it for free in here. Just download the package and upload into your wordpress directory. You can edit the header because i think you won’t like it..lol.

I have not test the theme yet, but mine (theme that i am using right now) comes from a same site. And it work fine for me. So why dont you try this one? Here is the preview page: Cherry Truffle

1. Content of package:

  • Theme Files (php, css, javascript)
  • Limit Post Plugin
  • Page Navigation Plugin
  • Psd Files (logo photoshop image)

2. Download Link:

 My 4Shared

3. Instructions:

Extract the package using winzip or winrar, open the “readme.URL” file and follow the installation instructions.

Enjoy the premium wordpress template only $0 in price. By the way, please DO NOT REDISTRIBUTE this template or article in any site. Thanks ;)

Project E.A.R (East Asian Revolution)

May 31st, 2009

Have you heard that title before? That was a collaboration band from 6 different musician from a different country in the East Asian. The band was play together on August 2008 at MTV Asia Award. SEA’s supergroup comprising band members from Saint Loco (Indonesia), Slapshock (Philippines), Pop Shuvit (Malaysia), Ahli Fiqir (Singapore), Silksounds (Thailand) and Thaitanium (Thailand) .

Personally i’m feeling proud for this band because one of them (Saint Loco) is my favorite band. And they comes from my lovely country, Indonesia. One more thing, Project EAR Music Director was Tius (Saint Loco’s DJ).

One of their single called Marabahaya . That was the best song that i ever heard. And you should hear too! Here are the available download link for MP3 file and MP4 Video from Project EAR:

MP3 Download (4.56MB) || Video Download (23.75MB)

Floating Recent Post Tutorial

May 30th, 2009

I think you already know what is this tutorial mean based on the title. This script will display your recent post in the front page (only in the front page). Kinda annoying but looks cool coz it will drop down automatically and will follow when you scroll down the page. Also, it has an option to dismiss the box so you will able to see all of the page clearly.

Ok lets get it on.

First, login to your admin panel (dashboard) then go to Appearance -> Editor

Open Main Index Template (index.php) to edit the file. Put this codes in:

<!-- Floating Menu -->
<div id="floatregbar">
<?php query_posts('showposts=1'); ?>
 	<?php while (have_posts()) : the_post(); ?>
<h2>Recent Post: <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a><span class="floatclose"><a href="" onClick="closebar(); return false">x</a></span></h2>
<div class="floatcontent">
<p>
<?php the_content_rss('', TRUE, '', 80); ?> <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">Read More >></a>
</p>
<?php endwhile;?>
</div>
</div>

Save it! Then open Stylesheet (style.css) to edit the look and display. Put this code on, you can change the property and value into whatever you like. But if you new in scripting, just copy and paste the codes.

/* 11.6 Recent Post div box */
#floatregbar{
position: absolute;
font-family: Trebuchet MS;
width: 650px;
visibility: hidden;
z-index: 100;
}
#floatregbar .floatcontent {
background: #FFF;
font-size: 11px;
text-align: justify;
line-height: 14px;
padding: 6px;
border: 1px solid #CECECE;
border-top: 1px solid #808080;
color:#000
}
#floatregbar A:hover {
text-decoration: none
}
#floatregbar H2 {
background: #E8F1D0 url(none)  repeat-x ;
COLOR: #587F02;
border-left: #CECECE;
border-right: #CECECE;
border:1px solid #808080;
font-size:11px;
FONT-WEIGHT: bold;
letter-spacing: 1px;
padding: 2px 0 2px 6px;
margin-bottom: 0px;
}
#floatregbar H2 span.floatclose {
float: right;
padding-right: 15px;
margin-top: -15px;
}

Don’t forget to save the file. And the final step, adding some javascript to make it works. Download the source codes here: Float.txt. Copy the whole codes into any text editor (notepad or dreamweaver) and save as “float.js“. Upload the file to your hosting site. Copy the url and put it in the code below:

<script type="text/javascript" src="url_float.js"></script>

Get back to template editor in your admin panel, open Header (header.php) and copy the codes above then paste before </head> tag. Hit save button and your done! Here is the live preview: http://valkhery.co.cc

(Source: dynamicdrive)

PS: You can republish this article on your blog, but please, since this was originally made by me (Valkhery), you need to put my name and my blog link as the author. Thats the way we appreciate each other. Thanks.