Tasto Leggi tutto

[Albo34]

Vorrei inserire un tasto "leggi tutto" al posto della scrittina che ho ora...

Cercando qui ho trovato questo codice da inserire nel css styler

Codice: [Seleziona]

.readmore-link {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #333333;
border:1px solid #6D9D1F;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
padding:5px;
}
Così mi fa solo una cornice intorno alla scritta, ma se volessi proprio sostituirla?

Ho creato un bottone, ho sia il file sia il codice html, come faccio ad inserirlo?

Il file l'ho caricato tramite filezilla, ma non riesco a visualizzarlo

Sito http://www.dinamisc5.altervista.org/

Template_styler.css

Codice: [Seleziona]

/* CSS Document */

.readon {
-moz-border-radius:5px 5px 5px 5px;
background-image: url('images/stories/Leggi_tutto.png');
repeat scroll 0 0 #333333;
border:1px solid #6D9D1F;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
padding:5px;
}

.right_styler {
margin: 0px auto 0px auto;
padding: 0px;
width: 120px;
height: 90px;
}
.right_styler_inner {
float: left;
margin: 0px;
padding: 0px;
width: 120px;
height: 30px;
clear: left;
}
.right_styler_box {
float: left;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
}
.aplus, .aminus, .areset, .blue, .red, .green, .yellow, .max, .middle, .max {
float: left;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
clear: left;
}
.aplus a:link, .aplus a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/aplus.png) no-repeat;
cursor: pointer;
}
.aplus a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
.aminus a:link, .aminus a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/aminus.png) no-repeat;
cursor: pointer;
}
.aminus a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
.areset a:link, .areset a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/areset.png) no-repeat;
cursor: pointer;
}
.areset a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
.blue a:link, .blue a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_blue.png) no-repeat;
cursor: pointer;
}
.blue a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
.red a:link, .red a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_red.png) no-repeat;
cursor: pointer;
}
.red a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
.green a:link, .green a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_green.png) no-repeat;
cursor: pointer;
}
.green a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
.yellow a:link, .yellow a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_yellow.png) no-repeat;
cursor: pointer;
}
.yellow a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
.min a:link, .min a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/min.png) no-repeat;
cursor: pointer;
}
.min a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
.middle a:link, .middle a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/middle.png) no-repeat;
cursor: pointer;
}
.middle a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
.max a:link, .max a:visited {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/max.png) no-repeat;
cursor: pointer;
}
.max a:hover {
display: block;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
background: url(../images/color_hover.png) no-repeat;
cursor: pointer;
}
Grazie a chi mi darà una dritta! 

[Albo34]

Nessuno?!?