code html

Model Box Demo

Post Your idea about this blog.
Close

Title

Your Idea

Tags

Click Here For Demo

code css

#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:black;
display:none;
}
#maincontaner{
position:fixed;
float:left;
width:410px;
height:auto;
margin:100px 0 0 250px;
background-color:#FFFFFF;
padding:5px 2px 8px 5px;
z-index:99999;
}

.projectstrip{
background-repeat:no-repeat;
width:400px;
height:54px;
float:left;
font-family:’Trebuchet MS’, Verdana, Arial, Sans-Serif;
font-size:18px;
color:#000000;
padding:15px 0 0 20px;
}

.projectstrip img{padding-left:100px;}
#start_emb {position:absolute; z-index:9999; display:none;}
#post{
border: solid 1px #b2b2b2;
width:400px;
height:300px;
background-color:#FFFFFF;
background-repeat:no-repeat;
margin-left:5px;
}
.post_filed{
float:left;
padding:20px 0 0 50px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
font-weight:900;
}
.post_filed .textfiled{
border:solid 1px #c7c29e;
width:271px;
height:25px;
background-color:#f4eebe;
margin:5px 0 5px 0;
}
.post_filed .textarea{
border:solid 1px #c7c29e;
width:271px;
height:82px;
background-color:#f4eebe;
margin:5px 0 5px 0;
}

.startembarkonbutton{width:164px; padding-left:30px;}
.rightpannel{
width:230px;
font-size:12px;
color:#545454;
float:left;
padding:60px 0 0 20px;
}
.rightpannel .txt{
padding-top:8px;
color:#767676;
}
.rightpannel strong{
color:#000000;
font-size:13px;
font-weight:bold;
padding-top:30px;
}

.rightpannel .box{
width:230px;
height:89px;
background-repeat:no-repeat;
}
.rightpannel .box img{
margin:10px;
float:left;
}
#tagbox{
width:230px;
height:auto;
}
#tagbox .topimg{
background-repeat:no-repeat;
background-position:top;
height:14px;
}
#tagbox .midbg{
width:230px;
background-repeat:repeat-y;
padding: 0 5px 0 5px;
}
#tagbox .midbg ul{
list-style:none;
}
#tagbox .midbg ul li{
margin:0 5px 0 5px;
width:auto;
float:left;
}

#tagbox .midbg ul li a:link {color:#868383; font-weight: normal;}
#tagbox .midbg ul li a:visited {color:#868383; text-decoration: none;}
#tagbox .midbg ul li a:active {color:#868383; text-decoration: none;}
#tagbox .midbg ul li a:hover {color:#868383; text-decoration: none;border: solid 0px #CCCCCC; background-color:#e2e2e2;}

#tagbox .midbg ul li .active a:link {color:#868383; font-weight: normal; border: solid 1px #CCCCCC; background-color:#e2e2e2;}
#tagbox .midbg ul li .active a:visited {color:#868383; text-decoration: none;border: solid 1px #CCCCCC; background-color:#e2e2e2;}
#tagbox .midbg ul li .active a:active {color:#868383; text-decoration: none;border: solid 1px #CCCCCC; background-color:#e2e2e2;}
#tagbox .midbg ul li .active a:hover {color:#868383; text-decoration: none;border: solid 1px #CCCCCC; background-color:#e2e2e2;}

#tagbox .bottomimg{
background-repeat:no-repeat;
background-position:top;
height:14px;
}

.clear{clear:both;}

#autocomplete {
position: absolute;
border: 1px solid;
overflow: hidden;
z-index: 100;
}
#autocomplete ul {
margin: 0;
padding: 0;
list-style: none;
}
#autocomplete li {
border:solid 1px #c7c29e;
background-color:#f4eebe;
white-space: pre;
cursor: default;
font-size:12px;
}
#autocomplete li.selected {
background: #f4eebe;
color:#f4eebe;
}

html.js input.form-autocomplete {
background-repeat: no-repeat;
background-position: 100% 2px; /* LTR */
}
html.js input.throbbing {
background-position: 100% -18px; /* LTR */
}
#cls { float:right; margin-right:10px;}

code js

$(document).ready(function(){
$(“#start_emb”).hide();
$(“#create”).click(function(){
$(“#start_emb”).slideToggle(“slow”);

var maskHeight = $(document).height();
var maskWidth = $(window).width();

$(‘#mask’).css({‘width’:maskWidth,’height’:maskHeight,backgroundColor:”black”});

$(‘#mask’).fadeIn(1000);
$(‘#mask’).fadeTo(“slow”,0.8);

$(‘#post_title’).val(”) ;
$(‘#summary_description’).val(”) ;
$(‘#tags2′).val(”) ;

$(“#t_error”).html(“”);
$(“#d_error”).html(“”);
$(“#tg_error”).html(“”);
});

$(“#cls”).click(function(){
$(‘#mask’).hide();
$(“#start_emb”).hide(“slow”);
});

$(‘#add_tag_btn’).click(function(){
var title_r = $(‘#post_title’).val();
var desc_r = $(‘#summary_description’).val();
var tag_r = $(‘#tags2′).val();

var title = $.trim(title_r);
var desc = $.trim(desc_r);
var tag_r = $.trim(tag_r);
var login =”Login”;
var start =”start”;

if (title != ” && desc!=” && tag_r!=” ) {
$(‘#t_error’).hide();
$(‘#d_error’).hide();
$(‘#tg_error’).hide();
} else {
if(title==”){
$(‘#t_error’).show();
$(“#t_error”).html(“(Not Empty.)”);
}
if(desc==”){
$(‘#d_error’).show();
$(“#d_error”).html(“(Not Empty.)”);
}
if(tag_r==”){
$(‘#tg_error’).show();
$(“#tg_error”).html(“(Not Empty.)”);
}
}
});

});

good luck

I am starting to learn curl.

I have no idea where I can start. It would be nice if you can guide me thru.

I have a new firmware in my local director home/bin/file.dat., now I want to write a curl script to load this file into the machine and run this 20 time to determine howlong it takes from the time it start to load the file until it finish.
But I have no clues how curl work.
Please help me