designersdairy

Sunday, March 10, 2013

Difference between word-break & word-wrap property in css

Welcome to Designers Dairy blog here i have posted Difference between word-break & word-wrap property

CSS:

<style type="text/css">
.container {
display: table;
}

.row {
display: table-row;
}

.cell {
display: table-cell;
border: 1px solid blue;
width:50px;

Word-break:break-all;

/*** It will break the text within 50px width without using float:left property; ***/

Word-wrap:break-word; - Float:left;    /***

It will break the text within 50px width by using float:left property; ***/

}
</style>

Html Code:

<div class="container">
<div class="row">
         <div class="cell"> CELL A   </div>
        <div class="cell"> CELL B </div>
        <div class="cell"> CELL C </div>
</div>
</div>

Output:

Saturday, March 9, 2013

How to make act Div as Table

Welcome to Designers Dairy blog here i have posted How to make act Div as Table .

Style Sheet:

<style type="text/css">
.container {
display: table;
}

.row {
display: table-row;
}

.cell {
display: table-cell;
width: 100px;
height: 100px;
border: 1px solid blue;
padding: 1em;
}
</style>

Html Code:

<div class="container">
<div class="row">
         <div class="cell">CELL A</div>
        <div class="cell">CELL B</div>
        <div class="cell">CELL C</div>
</div>

Tuesday, February 26, 2013

Rounded Corners with Gradient Css With IE7 ,IE8, IE9,IE 10

Welcome to Designers Dairy blog here i have posted how to add Rounded Corners with Gradient

effect With IE7 ,IE8, IE9,IE 10

Code:

<!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>Untitled Document</title>

<style type="text/css">
body
{
    margin:0px;
    padding:0px;
    outline:none;
    border:none;
}
.radius
{
    font-family:Arial, Helvetica, sans-serif;

width:390px;

height: 17px;

font-size:12px;

padding:8px 0px 5px 10px;

color:#FFF;

webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

background: -webkit-gradient(linear, 0 0, 0 top, from(#f2e4d7), to(#f9eee3)); /* Webkit (Safari/Chrome 10) */
    background: -webkit-linear-gradient(#f2e4d7, #0082b7); /* Webkit (Chrome 11+) */
    background: -moz-linear-gradient(#f2e4d7, #0082b7); /** Mozilla 7 **/
    background: -ms-linear-gradient(#f2e4d7, #faf7f3); /** IE10 **/
    background: -o-linear-gradient(#f2e4d7, #42c3ea); /* Opera 11.10+ */
   -pie-background: linear-gradient(#f2e4d7, #faf7f3); /**Pie.htc for IE 9**/
    behavior:url(js/PIE.htc);

}
</style>
</head>

<body>
<div class="radius">

<div style="float:left; width:93%">My Journey</div>
<div style="float:left; width:7%; margin:3px 0px 0px 0px;"><img src="images/arrow.png" width="11" height="8" /></div>

</div>
</body>
</html>

Monday, January 28, 2013

How to enable USB Drive Storage Devices in Computer

To Enable or Disable USB Storage Devices Manually in Registry Edititor

Step1:

Go to Start -> Open the Run Dialog box or Press the Windows + R keys

Step2:

Type regedit in the run and press ok

Step3:

Register Editor Window Opened will be opened

Step4:

Goto ->Register Editor ->

HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\services\USBSTOR

Step5:

Goto ->Register Editor ->

HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\services\USBSTOR

Step6:

In the right pane of USBSTOR, double click/tap on Start to Date Value will be 4 modify it as 3

(Default Value) press ok.

6. To Disable USB Storage Devices in Windows
1) In the right pane of USBSTOR, double click/tap on

Start Default Date Value 3 Change 4. press ok

7. Close regedit.

Sunday, January 27, 2013

How to Activate Wsp File in Gallery

Welcome to Designers Dairy blog here i have posted how to How to Deploying Wsp File through Gallery

Step1:

Goto-> Site Action -> Click on Site Settings

Step2:

Site Settings - > Galleries -> Click On Solutions

Step3:

Site Settings - > Galleries -> Click On Solutions

Step4:

Solutions-> Upload the Wsp File by Clicking on Solutions menu Tab ->Upload Solution

Step5:

Uploaded Wsp File will in commands box

Step6:

Click on the check Box above the solution Tab will appear -> click on the Activate Button

Step7:

Pop up Windows will be open and click on activate

Step8:

Below u can c Wsp File is Activated

Step9:

Again Goto-> Site Action -> Click on Site Settings

Step10:

Go to Site Actions -> Click on Manage site Feature

Step10:

Click on activate the feature to enable

Monday, January 21, 2013

How to Deploying Existing wsp file

Welcome to Designers Dairy blog here i have posted how to How to Deploying Wsp File through Command Prompt

Step1:

Goto-> Central Administrator

Step2:

Central Administrator ->System Settings

Step3:

Central Administrator ->System Settings->Farm Management

Step4:

Central Administrator ->System Settings->Farm Management-> Manage Farm Solutions

Step5:

Manage Farm Solutions -> Deployed files will be shown there

Step6:

To Remove visys Click on the link

Step7:

Click on the Retract Solution and then click ->Remove Solution

Saturday, January 19, 2013

Deploying Wsp File through Command Prompt

Welcome to Designers Dairy blog here i have posted how to How to Deploying Wsp File through Command Prompt

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\Resource
s>cd C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14>cd C:\Pr
ogram Files\Common Files\Microsoft Shared\Web Server Extensions\14\BIN

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\BIN>stsa
dm -o addsolution -filename "C:\Binc\MGA.BInc.SiteDefinition.Intranet.wsp"

Operation completed successfully.

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\BIN>iisr
eset

Attempting stop...
Internet services successfully stopped
Attempting start...
Internet services successfully restarted

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\BIN>

SMRTSP2010DEV\administrator ;

SP2010\administrator