forum.coppermine-gallery.net
Support => Italian (Italiano) => Closed boards => Language Specific Support => cpg1.4.x Italian (Italiano) => Topic started by: Fé on April 06, 2009, 08:17:25 pm
-
Salve a tutti!
Avrei bisogno di personalizzare il CSS della mia galleria, ma non so proprio come fare. Vorrei cambiare il colore del contorno delle miniature, in quanto ho notato che questo contorno non è "nella miniatura", ma viene dato dal CSS (credo) del sito. Non sono sicuro di dover toccare il CSS, se sto sbagliando fatemi sapere!
Ecco il CSS:
body {
background: #6699CC;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 0px;
padding: 0;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-darkshadow-color: #98AAB1;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-track-color: #EFEFEF;
}
table {
font-size: 12px;
}
h1{
font-weight: bold;
font-size: 22px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height : 120%;
color : #000000;
margin: 2px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0px;
}
h3 {
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 2px;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0px;
}
ul {
margin-left: 5px;
padding: 0px;
}
li {
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
list-style-position: outside;
list-style-type: disc;
}
.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
}
.comment_button {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
padding-left: 3px;
padding-right: 3px;
}
.radio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align : middle;
}
.checkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align : middle;
}
a {
color: Black;
text-decoration: none;
}
a:hover {
color: Black;
text-decoration: underline;
}
.bblink a {
color: #0033CC;
text-decoration: none;
}
.bblink a:hover {
color: #0033CC;
text-decoration: underline;
}
.maintable {
border: 1px solid #0E72A4;
/* background-color: #FFFFFF;*/
background-color: #EFEFEF;
margin-top: 1px;
margin-bottom: 1px;
}
.tableh1 {
background : #0E72A4 url(images/cellpic1.gif);
color : #FFFFFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.tableh1_compact {
background : #0E72A4 url(images/cellpic1.gif);
color : #FFFFFF;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tableh2 {
background: #D1D7DC url(images/cellpic1.gif);
color : #000000;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.tableh2_compact {
background: #D1D7DC url(images/cellpic1.gif);
color : #000000;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tableb {
background: #EFEFEF ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.tableb_compact {
background: #EFEFEF ;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tablef {
background: #D1D7DC;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.catrow_noalb {
background: #D1D7DC ;
color : #000000;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.catrow {
background: #EFEFEF ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.album_stat {
font-size: 85%;
margin: 5px 0px;
}
.thumb_filename {
font-size: 80%;
display: block;
}
.thumb_title {
font-weight : bold;
font-size: 80%;
padding: 2px;
display : block;
}
.thumb_caption {
font-size: 80%;
padding: 1px;
display : block;
}
.thumb_caption a {
text-decoration: underline;
color: #000000;
}
.thumb_num_comments {
font-weight: normal;
font-size: 80%;
padding: 2px;
font-style : italic;
display : block;
}
.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;
}
.user_thumb_infobox th {
font-weight : bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}
.user_thumb_infobox td {
font-size: 80%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}
.user_thumb_infobox a {
text-decoration: none;
color: #000000;
}
.user_thumb_infobox a:hover {
color: #000000;
text-decoration: underline;
}
.sortorder_cell {
color : Black;
padding: 0px;
margin: 0px;
}
.sortorder_options {
font-family: Verdana, Arial, Helvetica, sans-serif;
color : Black;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 80%;
white-space: nowrap;
}
.navmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: White;
font-size: 100%;
font-weight: bold;
background : #0E72A4 url(images/cellpic1.gif);
border-style: none;
}
.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}
.navmenu a {
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: White;
}
.navmenu a:hover {
background : #0E72A4;
text-decoration: none;
color: White;
}
.admin_menu_thumb {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
width: 85px;
}
.admin_menu_thumb a {
color: #000000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
}
.admin_menu_thumb a:hover {
color: #000000;
text-decoration: underline;
}
.admin_menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
border: 1px solid #005D8C;
background-color:#EFEFEF;
background-image : url(images/button_bg.gif);
background-position : bottom;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
padding-top:2px;
padding-bottom:2px;
padding-left:1px;
padding-right:1px;
text-align: center;
}
.admin_menu a {
color: #000000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}
.admin_menu a:hover {
color: #000000;
text-decoration: underline;
}
td #admin_menu_anim {
background-image : url(images/button_bg_anim.gif);
}
.comment_date{
color : #5F5F5F;
font-size : 90%;
vertical-align : middle;
}
.image {
border-style: solid;
border-width:1px;
border-color: #000000;
margin: 2px;
}
.imageborder {
border: 1px solid #000000;
background-color: #FFFFFF;
margin-top: 30px;
margin-bottom: 30px;
}
.display_media {
background: #EFEFEF ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.thumbnails {
background: #EFEFEF ;
padding: 5px;
}
.footer {
font-size : 9px;
}
.footer a {
text-decoration: none;
color: #000000;
}
.footer a:hover {
color: #000000;
text-decoration: underline;
}
.statlink {
color: #FFFFFF;
}
.statlink a {
text-decoration: none;
color: #FFFFFF;
}
.statlink a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.alblink a {
text-decoration: underline;
color: #000000;
}
.alblink a:hover {
color: #000000;
text-decoration: underline;
}
.catlink {
display: block;
margin-bottom: 2px;
}
.catlink a {
text-decoration: underline;
color: #000000;
}
.catlink a:hover {
color: #000000;
text-decoration: underline;
}
.topmenu {
line-height : 130%;
font-size: 100%;
}
.topmenu a {
color : #0033CC;
text-decoration : none;
}
.topmenu a:hover {
color : #0033CC;
text-decoration : underline;
}
.img_caption_table {
border: none;
background-color: #FFFFFF;
width : 100%;
margin : 0px;
}
.img_caption_table th {
background: #D1D7DC ;
font-size: 100%;
color : #000000;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top : 1px solid #FFFFFF;
}
.img_caption_table td {
background: #EFEFEF ;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top : 1px solid #FFFFFF;
white-space: normal;
}
.debug_text {
border: #BDBEBD;
background-color: #EFEFEF;
width : 100%;
margin : 0px;
}
.clickable_option {
cursor : default;
}
#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}
.topbkg{
background: #6699CC url(images/BlueRapsody_02.jpg) no-repeat left;
background-position: center;
color: Black;
height: 125px;
}
/* General font families for common tags */
font, th, td, p {
color: Black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
/* Form elements */
form{
display: inline;
}
input, select, textarea, .textinput, .listbox, .listbox_lang {
background-color: #6699CC;
border-color: #0E72A4;
color: Black;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
}
Sapreste dirmi quale parte del codice modificare per modificare il colore?
Grazie!
-
di certo non sta nel body, usa l'estensione webdeveloper
-
di certo non sta nel body, usa l'estensione webdeveloper
L'ho installato ora su firefox... Non capisco come si usa, ma ora ci perdo un po' di tempo e vedo di imparare... Al massimo se sai gia come dovrei fare e me lo facessi sapere te ne sarei grato...
Comunque grazie gia per l'attenzione!
-
OK tutto risolto! Quel proggramma è qualcosa di fenomenale, credo abbia risolto gran parte dei miei problemi! Grazie Ancora!