nimien muokkaus

Sun pitää tehdä erilliset kuvat joissa on haluamas teksti ja laittaa se sitten otsikon taustakuvaksi.

Selitetäänpä teille avuttomille nyt oikein juurta jaksaen


Erotellaan osat toisistaan näin:

/*--Tiedot kohdan otsikko--*/
#profilebasicinfo div.title {
width: 200px;
height: 81px;
border: 0;
background: url("tähän kuvasi linkki") no-repeat;
}


/*--toiminnot valikon otsikko--*/
#profileactions div.title {
width: 200px;
height: 81px;
border: 0;
background: url("kuvan linkki") no-repeat;
}

/*--Kanavat osion otsikko--*/
#profilechannels div.title {
width: 200px;
height: 81px;
border: 0;
background: url("linkki") no-repeat;
}

/*--Yhteisölistan otsikko--*/
#profilecommunities div.title {
width: 200px;
height: 81px;
border: 0;
background: url("linkki") no-repeat;
}

/*--Jos sinulla on VIP, niin tähän tulee laskurin otsikko--*/
#profilevisitcounter .title {
width: 200px;
height: 81px;
border: 0;
background: url("linkki") no-repeat;
}

/*--tähän tulee kommenttiboxin otsikko--*/
div.commentbox .title {
width: 220px;
height: 70px;
border: 0;
background: url("") no-repeat;
text-indent: -100em;
overflow: hidden;
}


/*--IhQ boxin otsikko--*/
#profileaphorism div.title {
width: 200px;
height: 81px;
border: 0;
background: url("linkki") no-repeat;
}

Ainakin "pois" tekstin saat muutettua näin


/*-- annetaan vanhalle "pois" tekstille kooksi 0px jolla saadaan se häviämään --*/
li#mmlogout a:hover {
color: #FF0000;
text-decoration: none;
font-weight: bold;
font-size: 0px;
}

/*-- luodaan uusi rivi jolloin saadaan uusi teksti käyttöön --*/

li#mmlogout a:hover:after {
color: #FF0000;
text-decoration: blink;
font-weight: bold;
font-size: 15px;
content: "TIEHESI";
}



tällä systeemillä saat sanan "pois" muuttumaan "TIEHESI" tekstiksi siirtämällä hiiren tuohon pois tekstin päälle.