DiscountBox

DiscountBox is a social media platform around offers. It helps shoppers to explore discounts, offers and sale around them. DiscountBox is a multi-channel promotion platform for businesses(brands, stores, manufacturers, local & e-commerce merchants) to promote their offers.

www.discountbox.in Graffiti ~ Created By Designikx

www.discountbox.in Graffiti ~ Created By Designikx

www.discountbox.in Graffiti ~ Created By Designikx

About DiscountBox

We are a consumer sale promotions & analytics company!What we do? We help shoppers to explore discounts, offers and sale around them and provide a multi-channel platform to businesses to promote themselves.In more details: Casually roaming around in the city or market often we come across many hordings and advertisments regarding discounts, offers and sale but when we want to buy something we hardly find or get any offer. Our favourite search buddy ‘Google’ fails to help us find a good deal on what we want to buy. Group buying and daily deals websites most often has irrelevent offers on that particular day or offers at venues located miles away. If this is what happens to you everytime you shop then try DiscountBox next time before you shop. DiscountBox is the online repository of discounts, offers, sale and coupons. You can explore, browse and search offers around you on DiscoutBox via web or mobile. DiscountBox helps you share offers with your friends and family. You can browse by category or business or search or scan through the offer banners on the adboard to find the offers on what you want to buy. You can keep updated with the offers via DiscountBox social apps on iGoogle, Orkut and Gmail.

Our mission: To be a one-stop, trusted, reliable and well-known platform for shoppers to find offers on what they want to buy (relevance) and where they want to buy (location) To be a premier targeted medium for businesses for consumer sale promotions

Our vision: To digitize consumer marketplace & provide platform for businesses to broadcast & shoppers to receive real-time updates on new products, services & promotions

DiscountBox for shoppers A online repository of discounts, offers, sale and coupons Helps them explore, browse and search offers around them and share those offers with family and friends Shoppers can browse by category, by business, do a search or scan through the offer banners on the adboard to find the offers on what they want to buy DiscountBox provides social apps on iGoogle, Orkut and Gmail as well as mobile version of the site so that shoppers can always keep themselves updated with the offers they are interested in Shoppers can signup with DiscountBox and follow their favourite brands and get offer alerts from them

DiscountBox for businesses An innovative approach to promote a business, engadge customers and increase sales A unified location where shoppers can find all the information related to the business, their store locations, ongoing offers and coupons Shopper can follow business`s ‘page’ and keep themselves updated with offers from the business and get coupon codes Provides a graphical representation of performance of business`s offers and know effectiveness of their offer campagins

26 January Republic Day Of India

————————————————————————————–

Courtesy : Google search (for small images used inside)

Background Properties
- sets color, image, repeat, attachment, and position

1) background
———————————
.myDiv{
background: #030000 url(image/myImage.jpg) no-repeat fixed left top;
}

2) background-attachment
———————————
background-attachment
fixed
scroll : default value

.myDiv{
background-image:url(image/myImage.jpg);
background-attachment: fixed;
}

3) background-color
———————————
.myDiv{
background-color: #030000;
}

4) background-image
———————————
.myDiv{
background-image:url(image/myImage.jpg);
}

5) background-position
————————————–
background-position
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
x%,y%
x is horizontal position and y is vertical position
Ex. 20%,30%
xpos, ypos
xpos is horizontal position and ypos is vertical position
Ex. 30px,20px

.myDiv{
background-image:url(image/myImage.jpg);
background-repeat: no-repeat;
background-position: left;
}

6) background-repeat
———————————
background-repeat
repeat
repeat-x : repeats the background horizontally
repeat-y : repeats the background vertically
no-repeat

.myDiv{
background-image:url(image/myImage.jpg);
background-repeat: no-repeat;
background-position: left;
}

7) background-clip (Added in CSS3)
————————————————–
background-clip : specifies the area of background
border-box
padding-box
content-box

.myDiv{
background-clip:content-box;
}

8 ) background-origin (Added in CSS3)
————————————————-
background-origin : specifies the Position of the background image relative to the content box
border-box
padding-box
content-box

.myDiv{
background-origin:content-box;
}

9) background-size (Added in CSS3)
————————————————
background-size : Specifies the size of the background image
length      (Ex. 10px 20px)
percentage    (Ex. 100% 50%)
cover
contain

.myDiv{
background-image:url(image/myImage.jpg);
background-repeat: no-repeat;
background-size:10px 20px;
}

_______________________________________
Thanks,
Nikhil, Sr. Web Designer, Pune [MH, INDIA]

What is CSS?

CSS stands for Cascading Style Sheets

————————————

Why we need CSS?

CSS provides reusability,
Giving style capabilities in HTML are quite limited.
Also, with the use of an external style sheet, you are able to change you entire site style,
by only editing one single file!

————————————

Ways to use the CSS in Your Document -

Inline Style

<table style=”border:1px solid black; float:left;”>
    <tr><td>1</td></tr>
</table>

Internal Stylesheet

<head>
<style type=”text/css”>
li {color:black;}
p {padding:20px;}
body {background:black;}
</style>
</head>

External Style Sheet

<head>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />
</head>

————————————

Which CSS has highest Priority?

1) Inline style (inside an HTML element)
2) Internal style sheet (in the head section)
3) External style sheet
4) Browser default

————————————

The format for writting the CSS

SELECTOR { PROPERTY: VALUE; PROPERTY: VALUE; }

Selector : HTML element you want to style.
Property : CSS attribute you want to change
Value : represents the value of the specified property.

————————————
How to write?

For ex. :
you want to write CSS for a Textbox :

<input id=”tbox_1″ type=”textbox” name=”myname” value=”myname” />

What is “class” stands here ?
class tells the HTML which style it has to take from CSS.

.tbox
{
border:1px solid black;
}

We can also use ID of the element for giving applying CSS

#tbox_1
{
border:1px solid black;
}

————————————

We can define CSS in more specific way as

Ex.
1) If we want change the border of the DIV Elements having class “center_div” only

We can Write as

div.center_div
{
border:1px solid red;
}

2) If we want to style a “li” insude a “ul” havin class “menu”

We can write as

ul.menu li
{
float:left;
margin:2px 4px 2px 4px;
}

————————————

Cooment in CSS

/* this way you can comment any text */

————————————

In next post we will learn about the CSS tags.

Thanks,
Nikhil, Sr. Web Designer, Pune (MH, INDIA)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery</title>
<script type='text/javascript' src='jquery-1.4.2.min.js'></
script>
<script type='text/javascript'>
$(document).ready(function(){

$("img.img1").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});

});
</script>
<style>
div.fade {
position: relative;
}

img.img1 {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}

img.img2 {
position: absolute;
left: 0;
top: 0;
}
</style>
</head>

<body>
<div class="fade">
<img src="dp.JPG" alt="" class="img1"/>
<img src="wall/mobile.png" alt="" class="img2"/>
</div>
</body>
</html>

hope you enjoyed this post.
Thanks,
Nikhil
(WE:B DeSigNer)
Mumbai,IN

Nikhil on Deviant Art
http://designikx.deviantart.com
Art – community of artists and those devoted to art. Digital art, skin art, themes, wallpaper art, traditional art, photography, poetry / prose. Art prints.

Nikhil on Twitter
http://twitter.com/designikx