Ir para conteúdo
Fórum Script Brasil
  • 0

Ajax...

qpdesigner

Perguntado por qpdesigner,

 Share

Pergunta

qpdesigner

qpdesigner

Postado
Postado

ola pessoal...

achei uma function... que ao passar o mouse sobre uma determinada.. imagem... ele a aplia.. em um div... o qual... esta com um problema.. na fnction carregando...

tipo o q acontece é o seguinte...

a primeira vez q eu passo o mouse sobre a imagem.. ele executa o função... e ao carregar a imagem... ele a exibe...

mas se eu passar o mouse sobre a mesma novamente... ele não a chama denovo... fikando parada na imagem loadin...

<style> 
.item {border-bottom:1px solid #ffffff;font-size:10px;} 
#menu1 {visible:hidden;position:absolute;top:45px;left:22px;width:120px;} 
#menu2 {visible:hidden;position:absolute;top:43px;left:142px;width:120px;} 
</style> 

<body> 
<table width="17%">
<tr> 
<td width="50%" ><img src="1.gif" onMouseOver="showtrail('http://www.wwow.com.br/portal/imagem/foto_israel_mat.jpg','Israel','Esta é uma imagem do PortalWWOW',3,10,10,15);" onMouseOut="hidetrail();" style="cursor:pointer"></td> 
<td width="50%" ><img src="2.gif" onMouseOver="showtrail('http://www.wwow.com.br/portal/participe/file/artguga.jpg','guga','Esta é uma imagem do PortalWWOW',3,10,10,15)" onMouseOut="hidetrail()" style="cursor:pointer"></td> 
</tr> 
</table> 
</body> 


<script>
/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

imgLoading = new Image();
imgLoading.src = "carregando.gif";
image = new Image();


var offsetfrommouse=[15,15]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0; //duration in seconds image should remain visible. 0 for always.
var currentimageheight = 270;    // maximum image size.

if (document.getElementById || document.all){
    document.write('<div id="trailimageid">');
    document.write('</div>');
}

function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}

function gettrailobjnostyle(){
if (document.getElementById)
return document.getElementById("trailimageid")
else if (document.all)
return document.all.trailimagid
}

function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function carregando(){
        document.getElementById('img').src=image.src;
}

function showtrail(imagename,title,description,ratingaverage,ratingnumber,showthumb,height){

    if (height > 0){
        currentimageheight = height;
    }
    
    document.onmousemove=followmouse;

    cameraHTML = '';

    if (ratingnumber == 0){
        ratingaverage = 0;
    }

    for(x = 1; x <= 5; x++){

        if (ratingaverage >= 1){
            cameraHTML = cameraHTML + '<img src="http://www.wwow.com.br/portal/imagem/mini2.gif">';
        } else if (ratingaverage >= 0.5){
            cameraHTML = cameraHTML + '<img src="http://www.wwow.com.br/portal/imagem/mini3.gif">';
        } else {
            cameraHTML = cameraHTML + '<img src="http://www.wwow.com.br/portal/imagem/mini4.gif">';
        }
    
        ratingaverage = ratingaverage - 1;

    }

    cameraHTML = cameraHTML + ' (' + ratingnumber + ' Review';
    if ( ratingnumber != 1 ) cameraHTML += 's';
    cameraHTML = cameraHTML + ')';

    newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888;">';
    newHTML = newHTML + '<span class="largetitle">' + title + '</span><div class="borderbot"></div>';
    newHTML = newHTML + 'Rating: ' + cameraHTML + '<br/>';
    newHTML = newHTML + description + '<br/>';
    
    if (showthumb > 0){
        
        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 2px 2px;"><img id="img" src="' + imgLoading.src + '" border="0"></div>';
        image.src = imagename;
        if (image.complete){
        carregando();
        }else {
        image.onload = carregando;
        }
        //newHTML = newHTML + '<div align="center" style="padding: 8px 2px 2px 2px;"><img src="' + imagename + '" border="0"></div>';
    }

    newHTML = newHTML + '</div>';

    gettrailobjnostyle().innerHTML = newHTML;

    gettrailobj().visibility="visible";

}


function hidetrail(){
    gettrailobj().visibility="hidden"
    document.onmousemove=""
    gettrailobj().left="-500px"

}

function followmouse(e){

    var xcoord=offsetfrommouse[0]
    var ycoord=offsetfrommouse[1]

    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
    var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight)

    //if (document.all){
    //    gettrailobjnostyle().innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
    //} else {
    //    gettrailobjnostyle().innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
    //}

    if (typeof e != "undefined"){
        if (docwidth - e.pageX < 300){
            xcoord = e.pageX - xcoord - 286; // Move to the left side of the cursor
        } else {
            xcoord += e.pageX;
        }
        if (docheight - e.pageY < (currentimageheight + 110)){
            ycoord += e.pageY - Math.max(0,(110 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
        } else {
            ycoord += e.pageY;
        }

    } else if (typeof window.event != "undefined"){
        if (docwidth - event.clientX < 300){
            xcoord = event.clientX + truebody().scrollLeft - xcoord - 286; // Move to the left side of the cursor
        } else {
            xcoord += truebody().scrollLeft+event.clientX
        }
        if (docheight - event.clientY < (currentimageheight + 110)){
            ycoord += event.clientY + truebody().scrollTop - Math.max(0,(110 + currentimageheight + event.clientY - docheight));
        } else {
            ycoord += truebody().scrollTop + event.clientY;
        }
    }

    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
    var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

    gettrailobj().left=xcoord+"px"
    gettrailobj().top=ycoord+"px"

}
</script>

<style>
/* MAIN */

/*
Tahoma, Verdana, Arial, sans-serif
Arial, sans-serif
*/

body      { 
    font: 0.675em Tahoma, Verdana, Arial, sans-serif;
    /*font-size-adjust: .54;*/
    line-height: normal;
    /*font: 0.625em Tahoma, Verdana, Arial, sans-serif;*/
    color: #494949;
    
    margin: 7px; 
    padding: 0px; 
    }
html { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
table { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
img { border: 0px; overflow: hidden;}
a {
    text-decoration: none;
    color: #5A86B3;
    }
a:hover {
    text-decoration: none;
    color: #38597B;
    }
th {
    text-align: left;
}
form { border: 0px; margin: 0px; }
#sitecontainer {
    width: 100%;
    text-align: center;
    }

* html .maincontainer {height: 1%;}

.text    {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #494949;
    }
/*
.text a {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    text-decoration: none;
    color: #5A86B3;
    }
*/
.text tr {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #494949;
    }
.text th {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    color: #494949;
    }
.text td {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #494949;
    }
.text table {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #494949;
    }
.darktext {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #000000;
    }
.borderbot { height: 1px; line-height: 1px; font-size: 1px; margin: 0px; padding: 0px; background: url(/images/dots.gif) repeat-x; }
.borderbotlight { height: 1px; margin: 0px; padding: 0px; background: url(/images/dots_light.gif) repeat-x; }

/* BASIC */

p { line-height: 1.2em; margin: 0px; padding: 0px 0px 12px 0px; }
strong { font-weight: bold; }

li         { list-style-position: outside }

table { }
td { font: 1em Tahoma, Verdana, Arial, sans-serif; color: #000000; }
div {  }

/* TOP NAV */

#topNav { margin-bottom: 9px; }
#firstNavBar {
    width: 100%;
    background-color: #5A86B3;
    text-align: left;
    }
#secondNavBar {
    width: 100%;
    text-align: left;
    background-color: #7699BD;
    font: 11px Tahoma, Verdana, Arial, sans-serif;
    margin: 0px;
    
}
.usertable {
    padding: 2px 6px 3px 9px;
    }
.menuText {
    line-height: 1.4em;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #FFFFFF;
    }
.menuText a {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
    }
.menuText a:hover {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    background-color: #5A86B3;
    color: #FFFFFF;
    }
.avatar {
    float: left;
    margin-right: 4px;
    }
    
/* LEFT NAV */

#navigation {
    text-align: left;
    width: 150px;
  margin: 0px;
  padding: 0px;
    padding-right: 10px;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #5A86B3;
    vertical-align: top;
}
.menu {
    background-color: #F1F3F5;
    width: 100%;
    }
.menu a {
    display: block;
    line-height: 13px;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
  /*font: 1em Arial, Tahoma, Verdana, sans-serif;*/
    font-weight: bold;
    color: #5A86B3;
    padding-top: 3px;
    padding-left: 9px;
    padding-bottom: 1px;
    text-decoration: none;
    background: url(/images/dots.gif) repeat-x bottom;
    }
.menu a:hover { color: #38597B; }
.menu a.highlight {
    color: #494949;
    }
.statsbold {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #494949;
    }
.statsresults    {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #494949;
    }
.statsplain    {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #494949;
    }
.navtext {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #5A86B3;
    padding-left: 9px;
    }
.stats {
    padding: 3px 0px 3px 9px;
    background-color: #F1F3F5;
    }
.swatch {
    padding: 3px 0px 3px 0px;
    background-color: #FFFFFF;
    }
.forumnavbar {
    padding: 3px 0px 3px 9px;
    background-color: #F1F3F5;
    }
.banner {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    }
    
    
/* CONTENT AREA */

.floatercell {
    float: left; 
    border: 0px solid #080; 
    /* TODO height: this rule was broken: no value was specified for height */
    overflow: hidden;
    margin: 0px;
    width: 120px;
}

#sitecontent {
    margin: 0px;
    padding: 0px;
    display: block;
    }
#leftcontent {
    float: left;
    width: 280px;
    margin-right: 10px;
    text-align: left;
    }
#leftdetail {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #494949;
    float: left;
    width: 340px;
    margin-right: 10px;
    text-align: left;
    }
#rightcontent {
    text-align: left;
    float: left;
    width: 310px;
    padding: 0px;
    }
#rightdetail {
    text-align: left;
    float: left;
    width: 238px;
    padding: 0px;
    }
#controlpanel    {
    background: url(/images/dots.gif) repeat-x top;
    text-align: left;
    color: #494949;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    }
#controlpanel img {
    padding-top: 5px;
    }
.filestats {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    padding-left: 9px;
    padding-bottom: 9px;
    }
.filestats img, .filestats .ratingcamera, .rightmenutext .ratingcamera {
    padding: 0px 0px 2px 2px;
    vertical-align: middle;
    }
.filedetails  {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    }
.fileoptions {
    background-color: #F1F3F5;
    vertical-align: middle;
    }
#rightmenutext, .rightmenutext {
    padding-left: 9px;
    padding-top: 4px;
    padding-bottom: 6px;
    background-color: #F1F3F5;
    color: #3C3C3C;
    }
.fileoptions a {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    display: block;
    background-color: #F1F3F5;
    height: 23px;
    background: url(/images/dots.gif) repeat-x top;
    vertical-align: middle;
    text-decoration: none;
    color: #38597B;
    padding-left: 9px;
    padding-top: 2px;
    }
    
    
.fileoptions a:hover { color: #38597B; }
.fileoptions img {
    vertical-align: middle;
    }
#bottomcontent {
    text-align: left;
    clear: both;
    width: 600px;
    }
.bottomfiledetails {
    width: 600px;
    text-align: left;
    }
.optiontitle    {
    /* font: 1.2em Tahoma, Verdana, Arial, sans-serif; */
    color: #5A86B3;
    /* font-weight: bold; */
    padding-top: 11px;
    padding-bottom: 1px;
    background-color: #FFFFFF;
    }
#filesizes {
    background-color: #F1F3F5;
    width: 350px;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #38597B;
    }
#filesizes td {
    background-color: #F1F3F5;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #38597B;
    }
.largetitle {
    font: 1.2em Tahoma, Verdana, Arial, sans-serif;
    color: #5A86B3;
    font-weight: bold;
    margin-top: 11px;
    margin-bottom: 4px;
    }
.smalltitle {
    margin-top: 6px;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #5A86B3;
    }
.iotw {
    padding-bottom: 9px;
    }
.archivelinks {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    font-weight: bold;
    text-align: right;
    padding-top: 5px;
    color: #5A86B3;
    }
.feature {
    padding: 0px;
    margin: 2px 0px 2px 0px;
}
.featurestitle {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #5A86B3;
    margin-top: 0px;
}
.featureimage {
    float: right;
    padding: 0px;
    margin: 0px 0px 0px 4px;
}
.featurestext {
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #494949;
    }
.featurestext a {
    color: #5A86B3;
    text-decoration: none;
    }
.featurestext a:hover { color: #38597B; }
#filedetail {
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    border: 1px;
    border-color: #000000;
    }
#filedetail img {
    border-width: 1px;
    border-color: #38597B;
    }
.shaded {
        font: 1em Tahoma, Verdana, Arial, sans-serif;
        color: #494949;
    }
.shaded a {
    color: #5A86B3;
    text-decoration: none;
    }
.shaded img    {
    padding-left: 9px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 4px;
    }
    
/* BOTTOM CONTENT */

.photodescrip {
    padding-top: 9px;
    text-align: left;
    }
.photodescrip p {
    margin-top: 9px;
    }
#gallerydisplay    {
    padding-top: 13px;
    padding-bottom: 8px;
    }
#gallerydisplay img {
    border-width: 1px;
    border-color: #38597B;
    margin-bottom: 3px;
    }
#gallerydisplay table {
    padding-top: 8px;
    padding-bottom: 8px;
    }
#gallerydisplay td    {
    text-align: center;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #38597B;
    }
    
#mostpopular    {
    padding-top: 4px;
    padding-bottom: 4px;
    }
#mostpopular img {
    border-width: 1px;
    border-color: #38597B;
    margin-bottom: 3px;
    }
#mostpopular table {
    padding-top: 4px;
    padding-bottom: 4px;
    }
#mostpopular td    {
    text-align: center;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    color: #38597B;
    }
/* FOOTER */
#footer {
    clear: both;
    color: #5A86B3;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    padding-top: 4px;
    }
#footer td {
    color: #5A86B3;
    font: 1em Tahoma, Verdana, Arial, sans-serif;
    }
#footer a {
    text-decoration: none;
    color: #5A86B3;
    }
#footer a:hover {
    color: #38597B;
    }
/* FORMS */

.search, .field    {
    width:             150px;
    height:         20px;
    padding:        0px;
    margin:         2px;
    border-color: #494949;
    border-width: 1px 1px 1px 1px; 
    border-style: solid;
    font:             1em Verdana, sans-serif;
    background-color: #F1F3F5;
    }
    
.dropdown {
    font-size:         0.9em; 
    font-family:         Verdana, sans-serif; 
    background-color:    #F1F3F5; 
    padding:         0px; 
    height:            15px;
    margin:         0px;
    border-color: #494949;
    border-width: 1px 1px 1px 1px; 
    border-style: solid;
}

.buttonwhite {
    font-size:         10px; 
    font-family:         Verdana, sans-serif; 
    background-color:    #5A86B3; 
    color:             #FFFFFF; 
    padding:         0px;
    height:            18px; 
    margin:         0px;
    border:            1px solid #5A86B3; 
}

input.topsearch { border: 1px solid #7699BD; font: 10px Arial, Helvetica; width: 130px; background: #F1F3F5; padding: 2px;  line-height: 14px; }

/* EMAIL */
  
.quote {
  border-color: #5A86B3;
  border-style: solid;
  border-width: 0px 0px 0px 2px;
  padding: 0px 0px 0px 10px;
} 

/* ZEITGEIST */

.bargraph1 { 
  background-color: #5A86B3; 
}

.bargraph2 { 
  background-color: #5A86B3; 
}
.bargraph3 { 
  background-color: #B2B2B2; 
}

/* REPORT TABLE */
.reporttable { border: 0px; }
.reporttable tr {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
  }
.reporttable th {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  text-align: left;
  color: #494949;
    padding: 3px 2px 4px 2px;
    background: url(/images/dots.gif) repeat-x bottom left;
  }
.reporttable td {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
    padding: 3px 2px 4px 2px;
    background: url(/images/dots.gif) repeat-x bottom left;
  }
.reporttable table {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  color: #000000;
  }

/* OPTION CHECKBOX */
.searchoptions {
  font: 1em Tahoma, Verdana, Arial, sans-serif;
  padding-top: 3px;
  padding-left: 9px;
  padding-bottom: 3px;
    color: #494949;
    background-color: #F1F3F5;
    line-height: 14px;
}

.searchoptions img { padding: 0px; border: 0px; background-color: #7699BD; vertical-align: -10%; }
.searchoptions strong { font-weight: bold; }

/* BLOG */
#blog { line-height: 1.2em; }
#blog .tools { font-style: italic; margin-top: 2px; margin-bottom: 2px; }
#blog .head { font-size: 1em; line-height: 1.2em; margin-bottom: 2px; }
#blog .admin { font-size: 1em; line-height: 1.2em; margin-bottom: 2px; }
#blog .item, #blog .itemsticky { margin-bottom: 12px; }
#blog .itemsticky { background-color: #F1F3F5; padding: 6px 6px 6px 6px; border: 1px  solid #777777; }
#blog .comment { margin-bottom: 1px; background-color: #F1F3F5; padding: 6px 6px 6px 6px; }
#blog .caption { font-style: italic; }

/* FORUM */
#forum {}
table#forum { width: 600px; padding: 0px; margin: 0px; }
#forum .post { font: 1.2em Tahoma, Verdana, Arial, sans-serif; line-height: 1.2em; color: #3C3C3C; padding: 8px; }
.post { font: 1.2em Tahoma, Verdana, Arial, sans-serif; line-height: 1.3em; color: #3C3C3C; padding: 8px; }

/* SUPPORT */
#supportticket {}
#supportticket .message { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin: 6px; border: 1px solid gray; }

/* FILE UPLOAD */
/*.stepbox { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin-left: 6px; margin-right: 6px; border: 1px solid gray; }*/

/* ERROR */
.error { font-size: 1.1em; color: #FF0000; }
.error li { font-weight: bold; }

/* USER EDIT */

#useredit {}
#useredit .comment { margin-top: 2px; margin-bottom: 5px; color: #7699BD; font-size: 1.1em; }

/* TRAINING MANUAL */
#apptutorial { width: 100%; }
#apptutorial .inset { padding-right: 8px; }
#apptutorial .rightnav { width: 160px; }
#apptutorial .imagebox img { border: 1px  solid #777777; } 
#apptutorial .imagebox td { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }
#apptutorial .imagebox div { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }

/* RADIUS BUTTON */
#radiusbutt {
    background: url(../../images/radius_butt_left.gif) top left no-repeat;
    padding: 0px;
    background-color: #5A86B3;
}
#radiusbutt td {
    background: url(../../images/radius_butt_right.gif) top right no-repeat;
    background-color: #5A86B3;
    height: 17px; 
    padding: 0px 10px 0px 10px;
    font-size: 10px;
    font-weight: bold;
    line-height: 17px;
    vertical-align: middle;
    border-bottom: 0px solid #FFFFFF;
}
#radiusbutt a:link { color: #FFFFFF; }
#radiusbutt a:visited { color: #FFFFFF; }
#radiusbutt a:hover { color: #000000; background: transparent;  }
  
.radiusbutt {
    background: url(../../images/radius_butt_left.gif) top left no-repeat;
    padding: 0px;
    background-color: #5A86B3;
}
.radiusbutt td {
    background: url(../../images/radius_butt_right.gif) top right no-repeat;
    background-color: transparent;
    height: 17px; 
    padding: 0px 10px 0px 10px;
    font-size: 10px;
    font-weight: bold;
    line-height: 17px;
    vertical-align: middle;
}
.radiusbutt a:link { color: #FFFFFF; } 
.radiusbutt a:visited { color: #FFFFFF; }
.radiusbutt a:hover { color: #000000; background: transparent;  }

/* CREATIVE NETWORK */

#creativeNetwork .shaded { background: #F1F3F5; padding: 3px; border-bottom: 2px solid #FFFFFF; } 
#creativeNetwork .alignright { text-align: right; }
#creativeNetwork .whitebg { background: #FFFFFF; }

#creativeNetwork table#forum { width: 350px; padding: 0px; margin: 0px; }

  
.hopFrame { height: 12px; margin-bottom: 3px; }
.hopBox { background:  url(../../images/hops.gif) top left repeat; margin-right: 10px;  height: 12px;  float: left; }

/* SITEMAIL */
.message_unread, .message_unread td { font-weight: bold; }

/* PHOTOGRAPHER APPLICATION */
.AppQuestion { font-weight: bold; }
.AppWrongQuestion { font-weight: bold; color: #FF0000; }
.AppResultAnswer { padding-left: 20px; }
.AppQuestDescript { padding-left: 20px; }

/* NAVIGATION BAR */
.navbarimg { background-color: #5A86B3; border: 0px; }

/* THUMBNAILS */
.icons { height: 13px; }
.imageborder { border: 1px solid #CCCCCC; padding: 0px; }

/* SEARCH RESULTS */

table#results { height: 6px; margin-bottom: 3px; }
table#results .bar { background: #C2C2C2; }
table#results .background { background: #DFDFDF; }

/* TESTIMONIALS */
.testimonial { margin-bottom: 4px; padding-bottom: 4px; }

/* STEEL CAGE */

.judgevolley { 
    }
.judgevolley img {
    width: 275px;
    height: 206px;
    }

/* DEBUG */
/*
div { background-color: #FF0000; }
td { background-color: #00FF00; }
*/

/* FLOATER */
#trailimageid {
    position: absolute;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 286px;
    height: 1px;
    z-index: 1000;
}

/* CART */
.cartupgradelist table{
    border               : 1px solid #CCC;
    border-collapse      : collapse;
}
.cartupgradelist td{
    border               : 1px solid #CCC;
    border-collapse      : collapse;
}
.cartupgradelist table{
    border                :none;
    border                :1px solid #CCC;
}


.cartupgradelist tr{
    padding               : 4px 
  color                 : #666;
}
.cartupgradelist td{
    padding               : 4px;
  color                 : #666;
}
.cartupgradelist tr:hover{
  background            : #FFF url(/images/tr_bck.gif) repeat;
}


.cartupgradelist td:hover{
  color                 : #454545;
}
.cartupgradelist td a:hover{
    text-decoration: underline;
    }






/* COPYSPACE */
.cs_box {
    border: 0px solid #CCC;
    padding: 0px;
/* spacing: 0px; TODO css has no "spacing" property -- do you mean margin? */
}

.cs_xxx {        border: 0px solid #888; background-color: #666; width: 20px; height: 20px;
background: url(/images/cs_grey.gif);
    }
.cs_on {        border: 0px solid #8C8; background-color: #4E4; width: 20px; height: 20px;
background: url(/images/cs_green.gif);
    }
.cs_off {        border: 0px solid #C88; background-color: #E44; width: 20px; height: 20px;
background: url(/images/cs_red.gif);
    }

/* CALENDAR */



#calendarhead a:link { color: #214769; text-decoration: none; font-weight: bold; }
#calendarhead a:visited  { color: #214769; text-decoration: none; }
#calendarhead a:hover { color: #000; text-decoration: none; }

#calendarhead  { 
    border-width: 1px 1px 0px 1px; 
    border-color: #777; 
    border-style: solid; 
    padding: 2px;
    width: 315px;
}

#calendarhead td  {
    background-color: #eee; 
    vertical-align: top; 
    padding: 3px; 
}


#calendar  {  border: 1px solid #777; width: 315px;}


#calendar td :first-line { font-weight: bold; }
#calendar td { width: 45px; }

#calendar td  a {
    text-align: left; 
    border: 1px solid; border-color: #fff #9F9FB4 #9F9FB4 #EAEAF8; 
    padding: 8px 5px 8px 5px; 
    display: block; }

#calendar td  a:visited {}

#calendar td  a:hover {
    border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2; 
    padding: 8px 5px 8px 5px; }

#calendar .on {background-color: #eee !important; }
#calendar .today {background-color: #E8E8FF; }

#calendar .off {
    background-color: transparent; 
    color: #A4A7B6; 
    border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2; 
        padding: 8px 5px 8px 5px;
}

#calendar .unavailable {
    background-color: #E4E7F6; 
    color: #A38080;
    border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2; 
    padding: 8px 5px 8px 5px;
}
</style>


_____________________________________

será q alguém pode me ajudar.. please.. estou precisando muito terminala...

para transpor no codigo do meu portal...

desde já agradeço...

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,5k
    • Posts
      652,4k
×
×
  • Criar Novo...