Ho installato la stupenda "galleria copermine" e nel sito ufficiale mi sono scaricato diversi TEMPLATE.
Quelli che mi piacciono però hano una risoluzione 1024x768.
Come faccio a farlo diventare 800x600 ?
Per capire meglio vi posto il foglio di stile del Template con risoluzione 1024x768.
/* Scrollbar properties are only supported by Internet Explorer 5.5+ */
body {
scrollbar-base-color : #0066FF;
SCROLLBAR-ARROW-COLOR: #FF8C00;
background: #336699;
color: #000000;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.paging {
color: #FFFFFF
}
a.box {
text-decoration: none;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font: bold 12px;
color: #E0FFFF;
}
a.box:hover {
color: #FFA500;
text-decoration: none;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
.box2 {
text-decoration: none;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font: bold 11px;
color: #C9D192;
}
a.box2:hover {
color: #F08080;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
hr {
height: 1px;
color: #00016C;
}
ul, li, p, td {
color: #E6E6FA;
font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.tablehead {
background-color: #3A649A;
color: #3F4A54;}
.tablebottom {
background-color: #484848;
}
.bordercolor {
background-color: #080808;}
.backmenubawah { background-image: url(images/back_menu_bawah.jpg); background-repeat: repeat-y; }
.backmenuatas { background-image: url(images/backmenu_atas.jpg); background-repeat: repeat-y; }
.backmenu { background-image: url(images/backmenu.jpg); background-repeat: repeat-y; }
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #A9B3B8; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #A9B3B8; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}
.desform { background-color: #D4D4D4; border-style: none; color: Black; text-align: left; }
.menuhead { background-image: url(images/menuhead.jpg); background-repeat: no-repeat; }
.tablebgcolor {
background-color: #DCDCDC;
}
.row1 {
color: #B0C4DE;
}
.row2 {
background-color: #003971;
color: #B0C4DE;
}
.head1 {
color: #FFCFA4;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-image: url(images/sam_atas2.gif);
background-repeat: repeat-x;
}
.head1:hover {
background-color: #003300;
color: #6495ED;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
.head2 {
color: White;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-image: url(images/head1.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #001E3C;
}
/* General page style */
a:link,a:active,a:visited,a.postlink{color:#ff8c00 ;text-decoration:none}
a:hover{color:#0077b5}
/* This is the border line & background colour round the entire page */
.bodyline{background: #007AB9 none;
}
/* This is the outline round the main forum tables */
.forumline{background: #008BD2;
}
.bodyline,.forumline,iframe{border: 1px none;border-color: #000000 #006091 #006091 #000000}
/* This is the gradient background at the top of the page */
.headtitle{font:bold 28px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;color: #262626}
.topnav{font-size:10px;color: #0070AA;white-space:nowrap; border: outset #006FD9; }
/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:11px;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#ffa34f}
.mod,a.mod,a.mod:visited{color:#e0e100}
a.admin:hover,a.mod:hover{color:#6ccfff}
/* Specify the space around images */
.imgtopic,.imgicon{margin-left:0}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px;margin-left:4px;margin-right:4px}
/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0}
/* Background images for tables */
.tbltop{background:#003e5e url(images/tnav_t.gif) repeat-x}
.tblleft{background:#003e5e url(images/tnav_l.gif) repeat-y}
.tblright{background:#003e5e url(images/tnav_r.gif) repeat-y}
.tblbot{background: #003e5e url(images/tnav_b.gif) repeat-x;
}
table {
font-size: 12px;
}
h1{
font-size: 32px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color : White;
margin: 2px;
font-style : italic;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0px;
color : White;
font-style : italic;
}
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;
}
.textinput {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #A3AAB4;
padding-right: 3px;
padding-left: 3px;
background-color : #DEDEDE;
}
.listbox {
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
background-color : #DEDEDE;
font-size: 100%;
border: 1px solid #A3AAB4;
vertical-align : middle;
}
.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: 100%;
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: #0033CC;
text-decoration: none;
}
a:hover {
color: #0033CC;
text-decoration: underline;
}
bblink a {
color: #0033CC;
text-decoration: none;
}
bblink a:hover {
color: #0033CC;
text-decoration: underline;
}
.maintable {
border: 1px solid #DEDEDE;
background-color: #004588;
margin-top: 1px;
margin-bottom: 1px;
}
.tableh1 {
background : #0063C1;
color : #FFCFA4;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.tableh1_compact {
background : #4489BF;
color : #FFFFFF;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tableh2 {
background: #ACC4F4;
color : #000000;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.tableh2_compact {
background: #ACC4F4;
color : #000000;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tableb {
background: #4682B4;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.tableb_compact {
background: #1399AE;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tablef {
background: Silver;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.album_stat {
font-size : 85%;
margin: 5px 0px;
}
.thumb_title {
font-weight : bold;
font-size: 80%;
padding: 2px;
display : block;
}
.thumb_title a {
text-decoration: underline;
color: #000000;
}
.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: 85%;
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 {
background : #708090;
color : #FFFFFF;
padding: 0px;
margin: 0px;
}
.sortorder_options {
font-family: Verdana, Arial, Helvetica, sans-serif;
background : #4E4296;
color : #FFFFFF;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 80%;
white-space: nowrap;
}
.navmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
background : #66707C;
border-style: none;
}
.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}
.navmenu a {
position: relative;
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #FFFFFF;
}
.navmenu a:hover {
background : #C2C9D3 ;
text-decoration: none;
color: #000000;
}
.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-image : url(images/button_bg.gif);
background-position : bottom;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
}
.admin_menu a {
color: #000000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
}
.admin_menu a:hover {
color: #000000;
text-decoration: underline;
}
.comment_date{
color : #5F5F5F;
font-size : 90%;
vertical-align : middle;
}
.image {
border-style: solid;
border-width:1;
border-color: #000000;
margin: 2px;
}
.thumbnails {
background: #1F8AB6;
padding: 5px;
}
.footer {
font-size: 9px;
color: #FFFFFF;
}
.footer a {
text-decoration: none;
color: #FFFFFF;
}
.footer a:hover {
color: #FFFFFF;
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 {
font-size : 100%;
}
.topmenu a {
color : #FFFFFF;
text-decoration : none;
}
.topmenu a:hover {
color : #FFFFFF;
text-decoration : underline;
}
.topmenu td {
white-space: nowrap;
font-weight : bold;
}
.img_caption_table {
border: none;
background-color: #FFFFFF;
width : 100%;
margin : 0px;
}
.img_caption_table th {
background: #ACACAC;
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: #C2C9D3 ;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top : 1px solid #FFFFFF;
}