Drawing and digital art of American artist Sean Platter. Characters of comics, monsters, demons with strongly pronounced man's advantage.
Website: http://www.studiosplatter.com/
|
|
---|
|
|
---|
Wednesday, November 25, 2009
The art-works by Studio Splatter.
Erotic painting. Li Mingshun.
The art-works of Chinese artist Li Mingshun. Thin game of light and a shadow on young nude bodies Asian guys.
Yin Peng from China
Jimmy
Liu Xiao Feng
Ke Wen Bo
Zhang Yin
Zhang Yin 2
Xiao Hua
Website: http://www.limingshun.com/
Yin Peng from China
Jimmy
Liu Xiao Feng
Ke Wen Bo
Zhang Yin
Zhang Yin 2
Xiao Hua
Website: http://www.limingshun.com/
Monday, November 23, 2009
Erotic painting. John Pitre.
Man's characters in creativity of American artist John Pitre. Picturesque pictures in genres of a fantasy and surrealism.
Restrictions
Pondering Mortality
Compassion
Israeli Martyrs
The Triumph of Icarus
Website: http://www.johnpitre.com/
Restrictions
Pondering Mortality
Compassion
Israeli Martyrs
The Triumph of Icarus
Website: http://www.johnpitre.com/
Sunday, November 22, 2009
You can make your shop online in Blogspot ? Tip here ^^
I believe Blogspot is a easy and powerful platform . It can do whatever other platform can do . In Wordpress ,with plugins ,you can make a shop online . And now ,in Blogspot ,you can do the same . You can make a small online shop for selling good . It's not a perfect solution ,in fact, it's not good at processing and security .But anyway ,it's still the solution you should consider if you want to stick with Blogspot .
Live Demo
Yesterday ,I found the script called SimpleCart . This script is based on Ajax for making a complete shopping cart ,using two payment method Google checkout and Paypal for check out .
You can find out more information on SimpleCart at This page
To make a shop like this ,you can follow some step bellow :
1, Login to your blogger account ,go to Layout tab ,continue to Page elements . Create a HTML/Javascript widget .
2,Download this file and paste it content to HTML/Javascript widget content .
Download file here
3,Save template . And see the widget in action .
<script type="text/javascript">
simpleCart.email = "brett@wojodesign.com";
simpleCart.checkoutTo = PayPal;
simpleCart.cartHeaders = [ "name", "thumb_image" , "Quantity_input" , "increment", "decrement", "Total" ];
</script>
simpleCart.checkoutTo = PayPal; mean the payment method is paypal
simpleCart.email = "brett@wojodesign.com"; is the Paypal email for making payment to .Change it to your own .
2,Here is the code of one item in my live demo shop :
<div class="simpleCart_shelfItem">
<!--Notice the class names of each tag begin with item_ -->
<img src="http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png" alt="product 1" title="product 1" class="item_image"/>
<h5 class="item_name">Sample DVD</h5>
<p class="item_Description">
To create a shelf item, you create a div with a class of simpleCart_shelfItem
</p>
<span class="item_price">$14.99</span>
<a id="s1" href="javascript:;" class="item_add">Add to Cart</a>
<span class="item_thumb">http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png</span>
</div>
To create a shelf item, you create a div with a class of “simpleCart_shelfItem” ,like this <div class="simpleCart_shelfItem">
.....................
</div>
this structure : <img src="item_image" alt="product 1" title="product 1" class="item_image"/>
is for image of item . Image of item must contain class="item_image" attribute .
This structure <h5 class="item_name">your_item_name</h5> is name of item . It must included class="item_name" .
Description of item must included class="item_Description" like this
<p class="item_Description">
your description
</p>
To set the price ,use this structure :
<span class="item_price">$00.00</span>
To make " add to cart link" ,add this line
<a href="javascript:;" class="item_add">Add to Cart</a>
To add thumbnail image for item ( thumbnail image will be showed in shopping cart ) ,use this structure :
<span class="item_thumb">your_thumbnail</span>
Here is the code of cart :
<div id="cartTotal">
<strong>Total: </strong><span class="simpleCart_total"></span>
</div>
<!--Add a div with the class of simpleCart_items to display what is in the user's cart-->
<div class="simpleCart_items"></div>
<!--use a class of simpleCart_empty to empty the cart and simpleCart_checkout to checkout -->
<a href="javascript:;" class="simpleCart_empty">Empty Cart</a>
<a href="javascript:;" class="simpleCart_checkout">Checkout</a>
to show the total ,use this statement :
<span class="simpleCart_total"></span>
to show shopping cart ,use this statement
<div class="simpleCart_items"></div>
To show "empty cart" and "checkout" button ,use this statement :
<a href="javascript:;" class="simpleCart_empty">Empty Cart</a>
<a href="javascript:;" class="simpleCart_checkout">Checkout</a>
In this post ,I explained some important points of using Simplecart and make it a widget to add to Blogspot . If you want to customize the appearance of the shop ,you can modify the CSS section of widget .
If you want to know more about Simple Cart script and its other options such as tax rate ,shipping fee ... or option for showing the quantity ,the final cost ...
You can go to SimpleCart Documentation page
Enjoy it !
Live Demo
Yesterday ,I found the script called SimpleCart . This script is based on Ajax for making a complete shopping cart ,using two payment method Google checkout and Paypal for check out .
You can find out more information on SimpleCart at This page
To make a shop like this ,you can follow some step bellow :
1, Login to your blogger account ,go to Layout tab ,continue to Page elements . Create a HTML/Javascript widget .
2,Download this file and paste it content to HTML/Javascript widget content .
Download file here
3,Save template . And see the widget in action .
How to customize this code
1,Take a look on this code :<script type="text/javascript">
simpleCart.email = "brett@wojodesign.com";
simpleCart.checkoutTo = PayPal;
simpleCart.cartHeaders = [ "name", "thumb_image" , "Quantity_input" , "increment", "decrement", "Total" ];
</script>
simpleCart.checkoutTo = PayPal; mean the payment method is paypal
simpleCart.email = "brett@wojodesign.com"; is the Paypal email for making payment to .Change it to your own .
2,Here is the code of one item in my live demo shop :
<div class="simpleCart_shelfItem">
<!--Notice the class names of each tag begin with item_ -->
<img src="http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png" alt="product 1" title="product 1" class="item_image"/>
<h5 class="item_name">Sample DVD</h5>
<p class="item_Description">
To create a shelf item, you create a div with a class of simpleCart_shelfItem
</p>
<span class="item_price">$14.99</span>
<a id="s1" href="javascript:;" class="item_add">Add to Cart</a>
<span class="item_thumb">http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png</span>
</div>
To create a shelf item, you create a div with a class of “simpleCart_shelfItem” ,like this <div class="simpleCart_shelfItem">
.....................
</div>
this structure : <img src="item_image" alt="product 1" title="product 1" class="item_image"/>
is for image of item . Image of item must contain class="item_image" attribute .
This structure <h5 class="item_name">your_item_name</h5> is name of item . It must included class="item_name" .
Description of item must included class="item_Description" like this
<p class="item_Description">
your description
</p>
To set the price ,use this structure :
<span class="item_price">$00.00</span>
To make " add to cart link" ,add this line
<a href="javascript:;" class="item_add">Add to Cart</a>
To add thumbnail image for item ( thumbnail image will be showed in shopping cart ) ,use this structure :
<span class="item_thumb">your_thumbnail</span>
Here is the code of cart :
<div id="cartTotal">
<strong>Total: </strong><span class="simpleCart_total"></span>
</div>
<!--Add a div with the class of simpleCart_items to display what is in the user's cart-->
<div class="simpleCart_items"></div>
<!--use a class of simpleCart_empty to empty the cart and simpleCart_checkout to checkout -->
<a href="javascript:;" class="simpleCart_empty">Empty Cart</a>
<a href="javascript:;" class="simpleCart_checkout">Checkout</a>
to show the total ,use this statement :
<span class="simpleCart_total"></span>
to show shopping cart ,use this statement
<div class="simpleCart_items"></div>
To show "empty cart" and "checkout" button ,use this statement :
<a href="javascript:;" class="simpleCart_empty">Empty Cart</a>
<a href="javascript:;" class="simpleCart_checkout">Checkout</a>
In this post ,I explained some important points of using Simplecart and make it a widget to add to Blogspot . If you want to customize the appearance of the shop ,you can modify the CSS section of widget .
If you want to know more about Simple Cart script and its other options such as tax rate ,shipping fee ... or option for showing the quantity ,the final cost ...
You can go to SimpleCart Documentation page
Enjoy it !
Friday, November 20, 2009
Make rounded corners for web elements ? Simple tip here
do you want to make a rounded corner for web elements like other web 2.0 ? CSS coding is a little hard and sometime it can't work properly in browsers .
I found a simple solution that work for all browser .It's a javascript library named CurvyCorners .
here is result after using this script :
To make rounded content like this ,follow these steps :
1, Download CurvyCorners
2, Uploaded curvycorners.js to a web hosting and add this line above </head> tag
<script type="text/javascript" src="your host..../curvycorners.js"></script>
3, Add this CSS code above ]]></b:skin> :
tl,tr,bl,br mean top-left,top-right,bottom-left and bottom-right . You can modify the value of radius for rounded corner as you want .
If you have different CSS classes for different web elements (ex. roundedCorners, roundedCorners_1, roundedCorners_2) you can apply them changing the previous code in this way:
This code use both of CSS3 and Javascript for making rounded corners . In FireFox ,Chrome and Safari ,it use CSS3 ,and in IE ,Opera ,it use Javascript .
In case of javascript is not supported by browser , this doesn't work . So make rounded corners using background images and CSS is the suggested solution .
Enjoy it !
I found a simple solution that work for all browser .It's a javascript library named CurvyCorners .
here is result after using this script :
To make rounded content like this ,follow these steps :
1, Download CurvyCorners
2, Uploaded curvycorners.js to a web hosting and add this line above </head> tag
<script type="text/javascript" src="your host..../curvycorners.js"></script>
3, Add this CSS code above ]]></b:skin> :
.roundedCorners{
4,Add the following code right after </head> tagwidth: 220px;
padding: 10px;
background-color: #DDEEF6;
border:1px solid #DDEEF6;
/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}padding: 10px;
background-color: #DDEEF6;
border:1px solid #DDEEF6;
/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
var setting = {
tl: { radius: 6 },
tr: { radius: 6 },
bl: { radius: 6 },
br: { radius: 6 },
antiAlias: true
}
curvyCorners(setting, ".roundedCorners");
}
</script>
addEvent(window, 'load', initCorners);
function initCorners() {
var setting = {
tl: { radius: 6 },
tr: { radius: 6 },
bl: { radius: 6 },
br: { radius: 6 },
antiAlias: true
}
curvyCorners(setting, ".roundedCorners");
}
</script>
tl,tr,bl,br mean top-left,top-right,bottom-left and bottom-right . You can modify the value of radius for rounded corner as you want .
If you have different CSS classes for different web elements (ex. roundedCorners, roundedCorners_1, roundedCorners_2) you can apply them changing the previous code in this way:
...
curvyCorners(setting, ".roundedCorners");
curvyCorners(setting, ".roundedCorners_1");
curvyCorners(setting, ".roundedCorners_2");
...
Now if you want to apply rounded corners to a DIV element use this code:curvyCorners(setting, ".roundedCorners");
curvyCorners(setting, ".roundedCorners_1");
curvyCorners(setting, ".roundedCorners_2");
...
<div class="roundedCorners"> </div>
This code use both of CSS3 and Javascript for making rounded corners . In FireFox ,Chrome and Safari ,it use CSS3 ,and in IE ,Opera ,it use Javascript .
In case of javascript is not supported by browser , this doesn't work . So make rounded corners using background images and CSS is the suggested solution .
Enjoy it !
23 Free and creative RSS icon collections
To personalize your blog and increase the number of feed subscriber ,why don't you try these collection ? It's all free and I think they are all awesome ^^
Neviral DeviantArt
Narjisnaqvi - Paper Feed Icons
RSS 3D - Luzbeloco
RSS Lite - Mythique Design
Seasonal RSS - Hello Icon
RSS Icon Pack - Grafon
Emsvizyon RSS XML
Deviant Dark
Davinness RSS
Blogeeks DeviantArt
Angline DeviantArt RSS
Biscotto - Antikkia DeviantArt
devi.RSS by ~devi-cry
RSS Icon by ~bezem049
RSS READER Icon by ~twinware
RSS by ~Hopka
RSS Feed Newspaper Icon
RSS Icons -Jinsona Vienna Book RSS - Czanderna
RSS Owl - Balpert
Oat RSS Icons
Taz3r - In the Elements water RSS
Templay Team - RSS Feed Newspaper Icon
Have fun with it ^^
Neviral DeviantArt
Narjisnaqvi - Paper Feed Icons
RSS 3D - Luzbeloco
RSS Lite - Mythique Design
Seasonal RSS - Hello Icon
RSS Icon Pack - Grafon
Emsvizyon RSS XML
Deviant Dark
Davinness RSS
Blogeeks DeviantArt
Angline DeviantArt RSS
Biscotto - Antikkia DeviantArt
devi.RSS by ~devi-cry
RSS Icon by ~bezem049
RSS READER Icon by ~twinware
RSS by ~Hopka
RSS Feed Newspaper Icon
RSS Icons -Jinsona Vienna Book RSS - Czanderna
RSS Owl - Balpert
Oat RSS Icons
Taz3r - In the Elements water RSS
Templay Team - RSS Feed Newspaper Icon
Have fun with it ^^
Subscribe to:
Posts (Atom)